:root,.theme-scope[data-theme=light]{--bg:#f5f6f8;--bg-elev:#fff;--bg-elev-2:#eef1f5;--bg-input:#fff;--bg-plot:#fff;--border:#dde2e9;--border-strong:#c3cad5;--text:#2b3445;--text-strong:#0f172a;--text-muted:#5d6879;--accent:#3157d5;--accent-strong:#2747b8;--accent-bg:#3157d517;--accent-border:#3157d559;--danger:#c92a2a;--danger-bg:#c92a2a12;--warn:#a8620a;--warn-bg:#e8a01724;--ok:#18865c;--ok-bg:#18865c1a;--recording:#e03131;--on-accent:#fff;--bg-plot-alt:#fafbfc;--lasso-fill:#3157d51f;--lasso-add-fill:#18865c1f;--lasso-saved-fill:#f0a81c29;--lasso-saved-stroke:#d48806;--readout-line:#0f172a59;--stage-chip-text:#0f172a;--stage-chip-text-deep:#fff;--scrim:#0f172a73;--stage-art:#9aa1ad;--stage-w:#f0a81c;--stage-n1:#5cc2f0;--stage-n2:#3b6fd8;--stage-n3:#1c347f;--stage-rem:#1fa774;--radius:8px;--radius-sm:5px;--shadow:0 10px 30px #0f172a1f, 0 2px 6px #0f172a0f;--sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "Cascadia Mono", Consolas, monospace;font:14px/1.45 var(--sans);color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased}:root[data-theme=dark],.theme-scope[data-theme=dark]{--bg:#0b0f14;--bg-elev:#151a21;--bg-elev-2:#1d242d;--bg-input:#10151b;--bg-plot:#11161d;--bg-plot-alt:#141a22;--border:#29313c;--border-strong:#3a4452;--text:#d5dce6;--text-strong:#f2f5f9;--text-muted:#97a3b5;--accent:#6d8dff;--accent-strong:#9ab0ff;--accent-bg:#6d8dff29;--accent-border:#6d8dff80;--on-accent:#0b0f14;--danger:#ff7272;--danger-bg:#ff727221;--warn:#f2b63d;--warn-bg:#f2b63d26;--ok:#41d39a;--ok-bg:#41d39a21;--recording:#ff5c5c;--stage-art:#9aa3b2;--stage-w:#f2b63d;--stage-n1:#8fdcff;--stage-n2:#6a9bff;--stage-n3:#a395ff;--stage-rem:#41d39a;--stage-chip-text:#0b0f14;--stage-chip-text-deep:#0b0f14;--lasso-fill:#6d8dff2e;--lasso-add-fill:#41d39a2e;--lasso-saved-fill:#f2b63d2e;--lasso-saved-stroke:#f2b63d;--readout-line:#e2e8f073;--scrim:#0009;--shadow:0 10px 30px #00000080, 0 2px 6px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg)}h1,h2,h3{color:var(--text-strong);letter-spacing:-.01em;margin:0;font-weight:600}h1{font-size:22px}h2{font-size:16px}h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:13px}a{color:var(--accent-strong)}code,kbd{font-family:var(--mono);font-size:.92em}kbd{border:1px solid var(--border-strong);background:var(--bg-elev-2);color:var(--text-strong);border-bottom-width:2px;border-radius:4px;padding:0 5px}.muted{color:var(--text-muted)}.small{font-size:12px}.splash{height:100%;color:var(--text-muted);place-items:center;display:grid}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:0;padding:6px 8px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input[type=checkbox],input[type=range]{accent-color:var(--accent)}label{color:var(--text-muted);gap:4px;font-size:12px;display:grid}.btn{border:1px solid var(--border-strong);background:var(--bg-elev-2);color:var(--text-strong);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:6px 12px;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-strong)}.btn-ghost{color:var(--text);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--bg-elev-2);border-color:var(--border)}.btn-danger{color:var(--danger)}.btn-sm{padding:3px 8px;font-size:12px}.btn-icon{color:var(--text-muted);padding:5px;line-height:0}.btn-icon:hover:not(:disabled){color:var(--text-strong)}.btn.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-strong)}.badge{background:var(--accent-bg);color:var(--accent-strong);border:1px solid var(--accent-border);border-radius:999px;margin-left:6px;padding:0 6px;font-size:11px;display:inline-block}.badge-warn{background:var(--warn-bg);color:var(--warn);border-color:#a8620a4d}.badge-ok{background:var(--ok-bg);color:var(--ok);border-color:#18865c4d}.form-error{color:var(--danger);background:var(--danger-bg);border-radius:var(--radius-sm);border:1px solid #c92a2a4d;margin:0;padding:6px 10px}.app-shell{flex-direction:column;min-height:100%;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--bg-elev);align-items:center;gap:24px;height:52px;padding:0 20px;display:flex}.brand{color:var(--text-strong);align-items:center;gap:10px;font-weight:600;text-decoration:none;display:flex}.brand-mark{background:url(/favicon.svg) 50%/cover no-repeat;border-radius:6px;flex:none;width:22px;height:22px}.topnav{gap:4px;display:flex}.topnav a{color:var(--text-muted);border-radius:var(--radius-sm);padding:6px 10px;text-decoration:none}.topnav a:hover,.topnav a.active{color:var(--text-strong);background:var(--bg-elev-2)}.topbar-user{align-items:center;gap:12px;margin-left:auto;display:flex}.page{width:100%;max-width:1280px;margin:0 auto;padding:28px 32px 48px}.page-header{gap:6px;margin-bottom:20px;display:grid}.page-header p{max-width:760px;margin:0}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.card-title{justify-content:space-between;align-items:center;display:flex}.recording-card{color:inherit;gap:8px;text-decoration:none;transition:border-color .15s;display:grid}.recording-card:hover{border-color:var(--accent)}.recording-card p{margin:0}.facts{gap:18px;margin:4px 0;display:flex}.facts dt{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.facts dd{color:var(--text-strong);font-variant-numeric:tabular-nums;margin:0}.login-page{background:radial-gradient(1200px 600px at 70% -10%, #3157d51a, transparent), var(--bg);place-items:center;min-height:100%;padding:24px;display:grid}.login-card{background:var(--bg-elev);border:1px solid var(--border);width:min(380px,100%);box-shadow:var(--shadow);border-radius:12px;gap:14px;padding:28px;display:grid}.login-card p{margin:0}.login-brand{align-items:center;gap:12px;margin-bottom:6px;display:flex}.login-brand .brand-mark{border-radius:10px;width:40px;height:40px}.login-card input{color:var(--text-strong);padding:9px 10px;font-size:14px}.login-card .btn{padding:9px}@media (width<=640px){.topbar{gap:12px;padding:0 12px}.page{padding:20px 16px 40px}}.modal-backdrop{z-index:50;background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--bg-elev);border:1px solid var(--border);width:min(560px,100%);box-shadow:var(--shadow);border-radius:12px;gap:12px;padding:24px;display:grid}.modal p,.modal ul{margin:0}.modal ul{gap:4px;padding-left:18px;display:grid}.modal-actions{justify-content:flex-end;margin-top:6px}.btn-danger-solid{background:var(--danger);border-color:var(--danger)}.btn-danger-solid:hover:not(:disabled){background:var(--danger);filter:brightness(1.1)}.start-over-options{gap:10px;display:grid}.start-over-options .check{align-items:flex-start}