html,body{margin:0;padding:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f7f5;--panel:#fff;--ink:#1c1b1a;--muted:#6b6a67;--line:#e4e2de;--accent:#1d5fd1;--accent-ink:#fff;--danger:#b3261e;--danger-bg:#fff5f4;--warn-bg:#fff7e5;--ok:#1e7e34;--field:#fff;--code-bg:#f0efec;--track:#eceae6;--hover:#f0f5ff;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14161b;--panel:#1d1f26;--ink:#e9e8e4;--muted:#a6a49e;--line:#32343c;--accent:#6ea8ff;--accent-ink:#0a0f1c;--danger:#ff9d94;--danger-bg:#2b1b19;--warn-bg:#292417;--ok:#5cb87f;--field:#24262d;--code-bg:#26282f;--track:#32343c;--hover:#1e2c47}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font:14px/1.5 var(--sans);margin:0}#root{min-height:100vh}button,input,select,textarea{font:inherit}.topbar{background:var(--panel);border-bottom:1px solid var(--line);z-index:20;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.brand{align-items:baseline;gap:8px;display:flex}.brand strong{letter-spacing:-.02em;font-size:18px}.brand span{color:var(--muted);font-size:12px}.dots{gap:10px;margin-left:8px;display:flex}.dot{color:var(--muted);align-items:center;gap:5px;font-size:12px;display:inline-flex}.dot i{background:#c9c7c2;border-radius:50%;width:9px;height:9px;display:inline-block}.dot.on i{background:var(--ok)}.dot.off i{background:#c9c7c2}.topbar .spacer{flex:1}.layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:16px;max-width:1180px;margin:0 auto;padding:16px;display:grid}@media (width<=860px){.layout{grid-template-columns:1fr}.sessions{order:2}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:16px;padding:14px}.panel h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 10px;font-size:13px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row+.row{margin-top:8px}label.field{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}label.field input,label.field select{border:1px solid var(--line);background:var(--field);color:var(--ink);border-radius:6px;min-width:0;padding:7px 9px}input[type=text],input[type=password],select{border:1px solid var(--line);background:var(--field);color:var(--ink);border-radius:6px;padding:7px 9px}button{border:1px solid var(--line);background:var(--field);color:var(--ink);cursor:pointer;border-radius:7px;padding:7px 12px}button:hover:not(:disabled){border-color:#b9b6b0}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}button.danger{color:var(--danger);border-color:#e5b6b2}button.small{padding:4px 8px;font-size:12px}.record-btn{border-radius:999px;padding:12px 22px;font-size:16px}.record-btn.recording{background:var(--danger);border-color:var(--danger);color:#fff}.seg{border:1px solid var(--line);border-radius:8px;display:inline-flex;overflow:hidden}.seg button{border:0;border-radius:0;padding:7px 14px}.seg button.active{background:var(--ink);color:var(--bg)}.status-line{color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:8px;margin-bottom:16px;padding:8px 12px;font-size:13px}.status-line.error{color:var(--danger);background:var(--danger-bg);border-color:#e5b6b2}.meter{background:var(--track);border-radius:99px;flex:1;min-width:120px;height:8px;overflow:hidden}.meter i{background:var(--accent);width:0%;height:100%;transition:width .12s linear;display:block}.timer{font-family:var(--mono);font-size:15px}.dropzone{border:2px dashed var(--line);text-align:center;color:var(--muted);cursor:pointer;border-radius:10px;padding:26px 16px}.dropzone.over{border-color:var(--accent);color:var(--accent);background:var(--hover)}.transcript{flex-direction:column;gap:10px;max-height:420px;display:flex;overflow:auto}.chunk{border-left:3px solid var(--accent);padding:2px 0 2px 10px}.chunk .stamp{font-family:var(--mono);color:var(--accent);margin-right:6px;font-size:12px}.chunk .prov{color:var(--muted);margin-left:6px;font-size:11px}.chunk p{white-space:pre-wrap;margin:2px 0 0}.retry-list{flex-direction:column;gap:8px;margin-top:10px;display:flex}.retry-item{background:var(--danger-bg);border:1px solid #e5b6b2;border-radius:8px;padding:8px 10px;font-size:13px}.notice{background:var(--warn-bg);border:1px solid #ead9a0;border-radius:8px;padding:8px 10px;font-size:13px}.notice+.notice{margin-top:8px}.notes-md{font-size:14px}.notes-md h1,.notes-md h2,.notes-md h3{letter-spacing:-.01em;margin:12px 0 6px}.notes-md h1{font-size:18px}.notes-md h2{font-size:16px}.notes-md h3{font-size:14px}.notes-md ul,.notes-md ol{margin:6px 0;padding-left:22px}.notes-md li{margin:2px 0}.notes-md code{font-family:var(--mono);background:var(--code-bg);border-radius:4px;padding:1px 5px;font-size:12px}.notes-md pre{background:var(--code-bg);border-radius:8px;padding:10px;overflow:auto}.notes-md a{color:var(--accent)}.notes-md hr{border:0;border-top:1px solid var(--line);margin:12px 0}.notes-md p{margin:6px 0}.drawer-backdrop{z-index:40;background:#00000040;position:fixed;inset:0}.drawer{background:var(--panel);border-left:1px solid var(--line);z-index:41;width:360px;max-width:92vw;padding:18px;position:fixed;top:0;bottom:0;right:0;overflow:auto}.drawer h2{margin:0 0 4px;font-size:16px}.drawer .hint{color:var(--muted);margin-bottom:12px;font-size:12px}.drawer label{color:var(--muted);margin:10px 0 4px;font-size:12px;display:block}.drawer input{width:100%}.session-item{border:1px solid var(--line);border-radius:8px;margin-bottom:8px;padding:8px 10px;font-size:13px}.session-item strong{font-size:13px;display:block}.session-item .meta,.kbd-hint{color:var(--muted);font-size:12px}.empty{color:var(--muted);padding:12px 0;font-size:13px}.foot{max-width:1180px;color:var(--muted);margin:0 auto;padding:0 16px 32px;font-size:12px}