:root{--c-blue:#3b82f6;--c-violet:#8b5cf6;--c-pink:#ec4899;--c-green:#10b981;--c-amber:#f59e0b;--c-teal:#14b8a6;--rec-red:#ef4444;--grad:linear-gradient(100deg, #6d7cff, #8b5cf6 55%, #ec4899);--grad-deep:linear-gradient(100deg, #5560e0, #7c4bd6 55%, #c73578);--font-display:"Schibsted Grotesk Variable", "Schibsted Grotesk", system-ui, sans-serif;--font-body:"Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "Cascadia Mono", "SF Mono", Consolas, monospace;--h1:clamp(38px, 4.8vw, 64px);--h2:clamp(30px, 4.4vw, 50px);--h3:clamp(20px, 2.2vw, 24px);--lead:clamp(16.5px, 1.9vw, 19.5px);--r-sm:10px;--r-md:16px;--r-lg:28px;--r-pill:999px;--ease:cubic-bezier(.2, .7, .2, 1);--t-fast:.14s;--t-base:.22s;--maxw:1140px;--pad-x:clamp(18px, 4vw, 32px)}:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0b10;--bg-2:#11131a;--bg-3:#1a1d27;--card:#14161e;--ink:#f4f6fb;--ink-2:#c3c9d6;--muted:#9aa3b5;--line:#ffffff1a;--accent:#6d7cff;--accent-2:#8b9aff;--warn-ink:#f4b23e;--glow:#6d7cff29;--nav-bg:#11131ab8;--shadow:0 12px 40px -12px #0000008c;--chip-bg:#ffffff0d}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-2:#f6f7f9;--bg-3:#eceef2;--card:#fff;--ink:#14161b;--ink-2:#3d424d;--muted:#5f6675;--line:#e6e7ec;--accent:#4a59e0;--accent-2:#3a48c5;--warn-ink:#b45309;--glow:#5b6cff1f;--nav-bg:#ffffffc7;--shadow:0 12px 36px -14px #14161b2e;--chip-bg:#14161b0a}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.55}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .5em}h1{font-size:26px;font-weight:800}h2{font-size:20px;font-weight:700}h3{font-size:16px;font-weight:700}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}.shell{min-height:100%;display:flex}.sidebar{border-right:1px solid var(--line);background:var(--bg-2);flex-direction:column;flex:none;gap:4px;width:224px;padding:18px 12px;display:flex}.sidebar .brand{font-family:var(--font-display);background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;padding:4px 10px 14px;font-size:19px;font-weight:800}.navlink{border-radius:var(--r-sm);color:var(--ink-2);padding:9px 12px;font-size:14px;font-weight:600;display:block}.navlink:hover{background:var(--chip-bg);text-decoration:none}.navlink.active{background:var(--chip-bg);color:var(--ink)}.sidebar .spacer{flex:1}.main{flex:1;min-width:0;max-width:980px;padding:26px clamp(16px,4vw,40px) 60px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:18px}.btn{border:1px solid var(--line);background:var(--bg-3);color:var(--ink);border-radius:var(--r-sm);transition:filter var(--t-fast) var(--ease);align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:600;display:inline-flex}.btn:hover{filter:brightness(1.1)}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--grad-deep);color:#fff;border:none}.btn.danger{border-color:var(--rec-red);color:var(--rec-red);background:0 0}.btn.ghost{background:0 0}.field{margin-bottom:14px;display:block}.field>span{color:var(--muted);margin-bottom:5px;font-size:12.5px;font-weight:600;display:block}.field input,.field select{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--bg-2);width:100%;color:var(--ink);font:inherit;padding:10px 12px}.field input:focus{outline:2px solid var(--accent);outline-offset:-1px}.err{color:var(--rec-red);min-height:18px;margin:8px 0;font-size:13.5px}.ok{color:var(--c-green);margin:8px 0;font-size:13.5px}.muted{color:var(--muted)}.small{font-size:13px}.chip{border-radius:var(--r-pill);background:var(--chip-bg);color:var(--ink-2);white-space:nowrap;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.chip.pending{color:var(--muted)}.chip.uploading{color:var(--c-blue)}.chip.uploaded{color:var(--c-teal)}.chip.transcribing{color:var(--c-violet)}.chip.complete,.chip.synced{color:var(--c-green)}.chip.failed{color:var(--rec-red)}.chip.fresh{animation:freshGlow 5s var(--ease) forwards}@keyframes freshGlow{0%{box-shadow:0 0 0 3px var(--glow)}to{box-shadow:0 0 #0000}}.rowlist{flex-direction:column;gap:10px;display:flex}.rec-row{align-items:center;gap:12px;padding:13px 16px;display:flex}.rec-row .titleblock{flex:1;min-width:0}.rec-row .titleblock .t{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.rec-row .titleblock .m{color:var(--muted);font-size:12.5px}.splash{height:100%;color:var(--muted);place-items:center;font-weight:600;display:grid}.banner{background:var(--bg-3);border:1px solid var(--line);border-radius:var(--r-sm);margin-bottom:16px;padding:10px 14px;font-size:13.5px}.banner.warn{border-color:var(--warn-ink);color:var(--warn-ink)}.toastwrap{z-index:60;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.toast{background:var(--bg-3);border:1px solid var(--line);color:var(--ink);border-radius:var(--r-sm);box-shadow:var(--shadow);padding:10px 16px;font-size:13.5px}.skeleton{background:linear-gradient(90deg, var(--bg-2), var(--bg-3), var(--bg-2));border-radius:var(--r-sm);background-size:200% 100%;min-height:52px;animation:1.2s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}dialog.modal{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-md);width:calc(100vw - 40px);max-width:430px;padding:22px}dialog.modal::backdrop{background:#05060a99}.authwrap{place-items:center;min-height:100%;padding:24px;display:grid}.authcard{width:100%;max-width:400px}.authcard .brand{font-family:var(--font-display);background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:18px;font-size:24px;font-weight:800}.checkrow{color:var(--ink-2);align-items:flex-start;gap:9px;margin-bottom:10px;font-size:13.5px;display:flex}.checkrow input{margin-top:3px}@media (width<=760px){.shell{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;width:100%;padding:10px 12px;overflow-x:auto}.sidebar .brand{padding:0 10px 0 0;font-size:17px}.sidebar .spacer{display:none}.main{padding:18px 14px 60px}}