:root{--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;--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}*{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:#fff;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.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;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a73;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}