@font-face{font-family:Archivo;font-weight:400;font-display:swap;src:url("./fonts/archivo-latin-400-normal-ZHCBTBXV.woff2") format("woff2")}@font-face{font-family:Archivo;font-weight:600;font-display:swap;src:url("./fonts/archivo-latin-600-normal-NPNW5QPI.woff2") format("woff2")}@font-face{font-family:Archivo;font-weight:800;font-display:swap;src:url("./fonts/archivo-latin-800-normal-AUQHHN5R.woff2") format("woff2")}@font-face{font-family:IBM Plex Mono;font-weight:500;font-display:swap;src:url("./fonts/ibm-plex-mono-latin-500-normal-33HAQIPI.woff2") format("woff2")}@font-face{font-family:IBM Plex Mono;font-weight:600;font-display:swap;src:url("./fonts/ibm-plex-mono-latin-600-normal-IIV3OB4N.woff2") format("woff2")}:root{--ground: #0f0e0d;--black: #000;--paper: #f3f2f2;--muted: #a8a5a2;--dim: #8a8683;--soft: #cfcac4;--line: #34312f;--line-soft: #262422;--red: #ff563c;--amber: #ffb547;--blue: #7fb8ff;--overlay: rgba(15, 14, 13, .72);--sans: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0;background:var(--ground);color:var(--paper);font-family:var(--sans);-webkit-text-size-adjust:100%;overscroll-behavior:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--amber);outline-offset:2px}#app{min-height:100%}[hidden]{display:none!important}.screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;max-width:760px;margin:0 auto;padding:calc(var(--safe-t) + 14px) calc(var(--safe-r) + 20px) calc(var(--safe-b) + 18px) calc(var(--safe-l) + 20px);gap:18px}.wordmark{display:flex;align-items:center;gap:6px;font-weight:800;font-size:24px;letter-spacing:1px}.wordmark-dot{width:9px;height:9px;background:var(--red)}.topbar{display:flex;align-items:center;justify-content:space-between}.icon-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--paper)}.head{display:flex;align-items:center;gap:6px;margin-left:-10px}.head-titles{min-width:0}.head-title{margin:0;font-weight:800;font-size:26px;text-wrap:balance}.kicker{font-family:var(--mono);font-weight:600;font-size:12px;letter-spacing:1.5px}.muted{color:var(--muted)}.start-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding-block:12px}.start-btn{width:min(260px,70vw);aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--paper);color:var(--ground);font-weight:800;font-size:46px;letter-spacing:4px;transition:opacity .12s}.start-btn:active{opacity:.85}.start-btn[aria-disabled=true]{opacity:.4}.start-dot{width:30px;height:30px;background:var(--red)}.status{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;max-width:34ch}.status-row{display:flex;align-items:center;gap:10px;font-size:17px}.status-row.warn{color:var(--amber)}.status-hint{font-size:14px;color:var(--muted)}.foot{font-family:var(--mono);font-size:12px;color:var(--muted);text-align:center}.tips{border:1px solid var(--line);padding:16px;display:flex;flex-direction:column;gap:10px}.tips-title{font-family:var(--mono);font-weight:600;font-size:12px;letter-spacing:2px;color:var(--amber)}.tips ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:15px;line-height:1.4}.tips .text-btn{align-self:flex-start}.primary-btn{height:56px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--paper);color:var(--ground);font-weight:800;font-size:18px;letter-spacing:2px;width:100%}.primary-btn:disabled{opacity:.4}.text-btn{min-height:44px;font-weight:600;font-size:16px;color:var(--paper);text-align:left}.text-btn.danger{color:var(--red)}.row{display:flex;align-items:center;gap:14px;padding-block:14px;border-top:1px solid var(--line-soft)}.row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.row-label{font-weight:600;font-size:17px}.row-hint{font-size:13px;color:var(--muted);line-height:1.35}.switch{width:52px;height:30px;border:2px solid var(--line);position:relative;flex:none;background:var(--ground)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:var(--dim);transition:transform .15s}.switch[aria-checked=true]{border-color:var(--paper)}.switch[aria-checked=true]:after{transform:translate(22px);background:var(--paper)}.segmented{display:flex;border:1px solid var(--line);flex:none}.segmented button{min-height:36px;padding-inline:10px;font-family:var(--mono);font-weight:600;font-size:12px;letter-spacing:.5px;color:var(--muted)}.segmented button[aria-pressed=true]{background:var(--paper);color:var(--ground)}.section-title{font-family:var(--mono);font-weight:600;font-size:12px;letter-spacing:2px;color:var(--muted);margin-top:8px}.settings-foot{text-align:center;font-family:var(--mono);font-size:12px;line-height:1.6;color:var(--muted)}.buffer-card{border:1px solid var(--paper);padding:16px;display:flex;align-items:center;gap:14px}.buffer-card .row-text{gap:4px}.buffer-title{font-weight:800;font-size:17px}.buffer-card .primary-btn{width:120px;height:48px;font-size:16px}.day{font-size:14px;color:var(--muted);padding-top:8px}.clip-row{display:flex;align-items:center;gap:14px;padding-block:10px;border-top:1px solid var(--line-soft);width:100%;text-align:left}.thumb{width:112px;height:63px;flex:none;position:relative;overflow:hidden;background:#1d2228}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb-road{position:absolute;inset:auto 0 0;height:34px;background:#24262a}.thumb-bar{position:absolute;inset:auto 0 0;height:5px}.badge{font-family:var(--mono);font-weight:600;font-size:11px;letter-spacing:1px}.clip-sub{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty{color:var(--muted);text-align:center;padding-top:32px;line-height:1.5}.player{width:100%;aspect-ratio:16 / 9;max-width:100%;background:#14171b;display:flex;align-items:center;justify-content:center}.player video{width:100%;height:100%;background:#000}.parts{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.parts .segmented button{min-width:44px}.desc{font-size:16px;line-height:1.45;max-width:62ch}.note{font-size:13px;color:var(--muted);text-align:center}.clip-body{flex:1;display:flex;flex-direction:column;gap:18px;min-height:0}.clip-media{display:flex;flex-direction:column;gap:10px;min-width:0}.clip-side{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.clip-side .desc{margin:0 0 12px}.grow{flex:1}@media(orientation:landscape)and (max-height:560px){.screen{max-width:none;gap:10px;padding-top:calc(var(--safe-t) + 8px);padding-bottom:calc(var(--safe-b) + 10px)}.head-title{font-size:22px}.icon-btn{height:40px}.start-center{flex-direction:row;gap:32px;padding-block:0}.start-btn{width:min(260px,calc(100vh - 130px));width:min(260px,calc(100dvh - 130px));gap:10px;font-size:clamp(26px,8vh,46px)}.start-dot{width:22px;height:22px}.status{align-items:flex-start;text-align:left}.clip-body{flex-direction:row;align-items:stretch;gap:22px}.clip-media{flex:1}.clip-media .player{width:min(100%,calc((100vh - 96px) * 16 / 9));width:min(100%,calc((100dvh - 96px) * 16 / 9))}.clip-side{flex:none;width:min(300px,40%)}.clip-side .desc{font-size:15px}.clip-side .primary-btn{height:50px}.clip-side .text-btn{padding-top:6px}}.diag{display:flex;flex-direction:column;font-family:var(--mono);font-size:13px}.diag-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:12px;padding-block:9px;border-top:1px solid var(--line-soft)}.diag-row span:last-child{overflow-wrap:anywhere}.ok{color:var(--paper)}.bad{color:var(--amber)}.drive{position:fixed;inset:0;background:var(--black);overflow:hidden;touch-action:manipulation;user-select:none;-webkit-user-select:none}.drive video.preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tap-layer{position:absolute;inset:0}.pill{position:absolute;height:40px;padding-inline:14px;display:flex;align-items:center;gap:10px;background:var(--overlay);font-family:var(--mono);font-weight:600;font-size:14px}.rec{top:calc(var(--safe-t) + 16px);left:calc(var(--safe-l) + 16px)}.rec-dot{width:10px;height:10px;background:var(--red)}.rec-dot.paused{background:var(--amber)}.heat-chip{display:flex;align-items:center;gap:4px;color:var(--amber);font-size:12px}.mic-chip{display:flex;align-items:center;gap:4px;color:var(--soft);font-size:12px}.stop{top:calc(var(--safe-t) + 16px);right:calc(var(--safe-r) + 16px);height:44px}.speed{position:absolute;left:calc(var(--safe-l) + 16px);bottom:calc(var(--safe-b) + 16px);display:flex;align-items:baseline;gap:8px;padding:6px 12px;background:var(--overlay)}.speed-num{font-weight:800;font-size:56px;line-height:1.1;font-variant-numeric:tabular-nums}.speed-unit{font-family:var(--mono);font-size:13px;color:var(--muted)}.clip-btn{position:absolute;right:calc(var(--safe-r) + 16px);top:50%;width:124px;height:124px;margin-top:-62px;border:2px solid var(--paper);background:var(--overlay);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:22px;letter-spacing:2px}.clip-btn:active{opacity:.7}.clip-dot{width:16px;height:16px;background:var(--red)}.hint{position:absolute;left:0;right:0;bottom:calc(var(--safe-b) + 18px);text-align:center;font-family:var(--mono);font-size:12px;color:var(--muted);pointer-events:none}.focus-box{position:absolute;border:3px solid var(--amber);pointer-events:none}.focus-box.danger{border-color:var(--red)}.banner{position:absolute;left:0;right:0;top:0;min-height:calc(var(--safe-t) + 68px);padding:var(--safe-t) calc(var(--safe-r) + 24px) 0 calc(var(--safe-l) + 24px);display:flex;align-items:center;gap:14px;color:var(--ground);font-weight:800;font-size:clamp(18px,4.2vw,28px);letter-spacing:1px;pointer-events:none}.toast{position:absolute;left:50%;bottom:calc(var(--safe-b) + 16px);transform:translate(-50%);display:flex;align-items:center;gap:18px;padding:0 8px 0 18px;height:52px;background:var(--paper);color:var(--ground);font-weight:600;font-size:16px;max-width:calc(100% - 32px)}.toast button{height:40px;padding-inline:12px;font-family:var(--mono);font-weight:600;font-size:13px;letter-spacing:1px;border:1px solid var(--ground)}.dim{position:absolute;inset:0;background:var(--black);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--dim)}.dim .pill{background:none;color:var(--dim);font-weight:500;font-size:13px}.dim-speed{font-weight:800;font-size:clamp(90px,22vw,150px);line-height:1.1;font-variant-numeric:tabular-nums}.dim-unit{font-family:var(--mono);font-size:14px;letter-spacing:2px}.dim-hint{position:absolute;bottom:calc(var(--safe-b) + 20px);font-family:var(--mono);font-size:12px}.testpanel{position:absolute;left:calc(var(--safe-l) + 16px);right:calc(var(--safe-r) + 160px);top:calc(var(--safe-t) + 64px);display:flex;flex-direction:column;gap:6px}.testpanel .stats{align-self:flex-start;font-family:var(--mono);font-size:11px;background:var(--overlay);padding:4px 8px}.testpanel .sims{display:flex;flex-wrap:wrap;gap:6px}.testpanel button{height:36px;padding-inline:10px;background:var(--overlay);border:1px solid var(--amber);font-family:var(--mono);font-weight:600;font-size:12px}.rotate-hint{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);background:var(--overlay);padding:10px 14px;font-family:var(--mono);font-size:13px;text-align:center;pointer-events:none}.crash{position:absolute;inset:0;background:var(--ground);display:flex;gap:32px;padding:calc(var(--safe-t) + 28px) calc(var(--safe-r) + 32px) calc(var(--safe-b) + 24px) calc(var(--safe-l) + 32px)}.crash-left{flex:1;display:flex;flex-direction:column;gap:10px;min-width:0}.crash-title{margin:0;font-weight:800;font-size:clamp(40px,9vw,64px)}.crash-right{width:min(300px,45%);display:flex;flex-direction:column;justify-content:center;gap:12px}.crash .big-btn{height:64px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:20px;letter-spacing:1px;color:var(--ground);text-decoration:none}@media(orientation:portrait){.crash{flex-direction:column}.crash-right{width:100%}}.sheet{position:fixed;inset:0;background:#0009;display:flex;align-items:flex-end;justify-content:center;z-index:20}.sheet-card{width:min(520px,100%);background:var(--ground);border-top:2px solid var(--paper);padding:22px 20px calc(var(--safe-b) + 18px);display:flex;flex-direction:column;gap:8px}.sheet-title{margin:0;font-weight:800;font-size:22px}.sheet-body{margin:0;color:var(--muted);line-height:1.45}.sheet-actions{display:flex;justify-content:flex-end;gap:22px}.notice{position:fixed;left:50%;bottom:calc(var(--safe-b) + 24px);transform:translate(-50%);background:var(--paper);color:var(--ground);padding:12px 18px;font-weight:600;z-index:30;max-width:calc(100% - 32px)}.splash{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}@media(prefers-reduced-motion:reduce){*{transition:none!important}}