@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(./sora-latin-ext-wght-normal-CawQDOvP.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(./sora-latin-wght-normal-DdqRvwsR.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--navy:#1a1e43;--cyan:#00adef;--rec:#ff4d6a;--ok:#2fd59a;--warn:#ffb547;--slant:23deg;--font-display:"Sora Variable", "Sora", system-ui, sans-serif;--font-ui:"Instrument Sans Variable", "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--r-sm:8px;--r-md:12px;--r-lg:18px;--rail:76px;--list:360px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--bg:#eef3fa;--bg-glow:radial-gradient(1200px 600px at 85% -10%, #00adef1a, transparent 60%);--panel:#fff;--raised:#f4f7fc;--sunken:#e6edf7;--line:#1a1e431a;--line-strong:#1a1e432e;--text:#1a1e43;--muted:#5b6285;--faint:#8a90ad;--accent:#00adef;--accent-text:#0074b0;--accent-soft:#00adef1f;--on-accent:#06122e;--wave-rest:#1a1e432e;--shadow:0 1px 2px #1a1e430f, 0 8px 24px -12px #1a1e432e;--rail-bg:#1a1e43;--rail-text:#c9d0f0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d1030;--bg-glow:radial-gradient(1100px 600px at 80% -15%, #00adef29, transparent 60%);--panel:#141840;--raised:#1b2050;--sunken:#0f1236;--line:#a0b2ff1a;--line-strong:#a0b2ff33;--text:#eef2ff;--muted:#a0a8cf;--faint:#6f78a6;--accent-text:#3cc4f5;--accent-soft:#00adef29;--wave-rest:#b4c3ff38;--shadow:0 1px 0 #ffffff08 inset, 0 12px 32px -16px #0009;--rail-bg:#0a0c26;--rail-text:#aab2dc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0d1030;--bg-glow:radial-gradient(1100px 600px at 80% -15%, #00adef29, transparent 60%);--panel:#141840;--raised:#1b2050;--sunken:#0f1236;--line:#a0b2ff1a;--line-strong:#a0b2ff33;--text:#eef2ff;--muted:#a0a8cf;--faint:#6f78a6;--accent-text:#3cc4f5;--accent-soft:#00adef29;--wave-rest:#b4c3ff38;--shadow:0 1px 0 #ffffff08 inset, 0 12px 32px -16px #0009;--rail-bg:#0a0c26;--rail-text:#aab2dc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg-glow), var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background-attachment:fixed;margin:0;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.num{font-variant-numeric:tabular-nums}.app{grid-template-columns:var(--rail) var(--list) minmax(0, 1fr);height:100dvh;display:grid}.app.wide-main{grid-template-columns:var(--rail) minmax(0, 1fr)}.rail{background:var(--rail-bg);color:var(--rail-text);padding:calc(18px + var(--safe-t)) 0 18px;z-index:3;flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.rail-logo{place-items:center;width:46px;height:46px;margin-bottom:18px;display:grid}.rail-logo img{width:42px;height:auto;display:block}.rail-btn{width:56px;min-height:56px;color:inherit;letter-spacing:.01em;background:0 0;border:0;border-radius:14px;place-items:center;gap:2px;padding:7px 0 6px;font-size:10.5px;font-weight:600;display:grid;position:relative}.rail-btn:hover{color:#fff;background:#ffffff0f}.rail-btn[aria-current=page]{color:#fff;background:#00adef24}.rail-btn[aria-current=page]:before{content:"";background:var(--cyan);clip-path:polygon(0 0,100% 18%,100% 100%,0 100%);width:5px;position:absolute;top:12px;bottom:12px;left:-10px}.rail-rec{background:var(--cyan);width:52px;height:52px;color:var(--on-accent);border:0;border-radius:50%;place-items:center;margin-top:6px;display:grid;box-shadow:0 0 0 6px #00adef24,0 10px 26px -8px #00adefcc}.rail-rec.live{background:var(--rec);color:#fff;animation:1.6s ease-in-out infinite pulse;box-shadow:0 0 0 6px #ff4d6a2e}.rail-spacer{flex:1}.list-pane{border-right:1px solid var(--line);background:color-mix(in srgb, var(--panel) 55%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;min-height:0;display:flex}.main-pane{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.pane-head{padding:calc(20px + var(--safe-t)) 20px 12px;flex-direction:column;gap:14px;display:flex}.pane-title{font-family:var(--font-display);letter-spacing:-.02em;justify-content:space-between;align-items:center;gap:10px;margin:0;font-size:22px;font-weight:650;display:flex}.pane-sub{color:var(--muted);margin:0;font-size:13px}.search{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);height:42px;color:var(--muted);align-items:center;gap:8px;padding:0 12px;display:flex}.search input{color:var(--text);background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:550}.chip[aria-pressed=true]{background:var(--text);color:var(--panel);border-color:var(--text)}.chip:hover:not([aria-pressed=true]){border-color:var(--line-strong);color:var(--text)}.scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.group-label{color:var(--faint);padding:16px 20px 6px;font-size:12.5px;font-weight:650}.rec-item{text-align:left;border-radius:var(--r-md);background:0 0;border:1px solid #0000;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;width:calc(100% - 20px);margin:0 10px 2px;padding:12px 12px 12px 14px;display:grid;position:relative}.rec-item:hover{background:var(--panel);border-color:var(--line)}.rec-item[aria-current=true]{background:var(--panel);border-color:var(--line-strong);box-shadow:var(--shadow)}.rec-item[aria-current=true]:before{content:"";background:var(--accent);clip-path:polygon(0 0,100% 15%,100% 100%,0 100%);width:4px;position:absolute;top:14px;bottom:14px;left:-1px}.rec-title{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:620;overflow:hidden}.rec-meta{color:var(--muted);grid-column:1/-1;align-items:center;gap:10px;font-size:12.5px;display:flex}.rec-star{color:var(--warn)}.mini-wave{align-items:center;gap:1.5px;height:22px;display:flex}.mini-wave i{background:var(--wave-rest);width:2.5px;transform:skewX(calc(var(--slant) * -.5));border-radius:1px;display:block}.rec-item[aria-current=true] .mini-wave i{background:var(--accent);opacity:.75}.badge{background:var(--sunken);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.badge.accent{background:var(--accent-soft);color:var(--accent-text)}.badge.live{color:var(--rec);background:#ff4d6a24}.empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:12px;padding:48px 28px;display:flex}.empty h3{color:var(--text);font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600}.empty p{max-width:34ch;margin:0;font-size:14px}.btn{border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--panel);height:40px;color:var(--text);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.sm{height:34px;padding:0 12px;font-size:13px}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--sunken)}.btn.danger{color:var(--rec)}.btn.danger:hover{border-color:var(--rec)}.btn.icon{width:40px;padding:0}.btn.icon.sm{width:34px}.btn.primary{background:var(--accent);color:var(--on-accent);clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);border:0;border-radius:0 0 0 14px;padding:0 26px 0 18px;transition:filter .15s}.btn.primary:hover{filter:brightness(1.08)}.btn.primary.navy{background:var(--text);color:var(--panel)}.icon-btn{color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:inline-grid}.icon-btn:hover{background:var(--sunken);color:var(--text)}.record{min-height:0;padding:calc(20px + var(--safe-t)) clamp(16px, 4vw, 48px) calc(24px + var(--safe-b));flex:1;grid-template-rows:auto 1fr auto;gap:16px;display:grid}.record-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.status-pill{background:var(--sunken);color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:650;display:inline-flex}.status-pill .dot{background:currentColor;border-radius:50%;width:8px;height:8px}.status-pill.live{color:var(--rec);background:#ff4d6a24}.status-pill.live .dot{animation:1.2s steps(2,end) infinite blink}.status-pill.paused{color:#c98411;background:#ffb54729}.stage{flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:0;display:flex}.timer{font-family:var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(56px,11vw,112px);font-weight:300;line-height:1}.timer small{color:var(--faint);margin-left:2px;font-size:.38em;font-weight:400}.meter{width:min(920px,100%);height:clamp(120px,22vh,200px);display:block}.stage-hint{color:var(--muted);text-align:center;max-width:46ch;margin:0;font-size:14px}.orb-wrap{place-items:center;width:132px;height:132px;display:grid;position:relative}.orb-ring{border:2px solid var(--accent);opacity:.35;border-radius:50%;transition:transform 80ms linear;position:absolute;inset:0}.orb-ring.r2{opacity:.15;inset:-14px}.orb{background:radial-gradient(circle at 35% 30%, #3fd0ff, var(--cyan) 55%, #0089c2);width:104px;height:104px;color:var(--on-accent);z-index:1;border:0;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 18px 50px -14px #00adefe6,inset 0 -6px 18px #00285a59}.orb:hover{filter:brightness(1.06)}.orb .orb-core{background:#fff;border-radius:50%;width:34px;height:34px;box-shadow:0 0 0 6px #ffffff40}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.ctrl{color:var(--muted);background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;min-width:72px;font-size:12.5px;font-weight:600;display:flex}.ctrl .ctrl-face{background:var(--panel);border:1px solid var(--line-strong);width:60px;height:60px;color:var(--text);box-shadow:var(--shadow);border-radius:50%;place-items:center;display:grid}.ctrl:hover .ctrl-face{border-color:var(--accent)}.ctrl.stop .ctrl-face{background:var(--rec);color:#fff;border:0;width:76px;height:76px;box-shadow:0 14px 34px -12px #ff4d6ae6}.ctrl.stop .ctrl-face span{background:#fff;border-radius:5px;width:24px;height:24px}.record-options{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.opt-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);align-items:center;gap:10px;padding:10px 14px;font-size:13.5px;display:flex}.opt-card select{background:0 0;border:0;outline:none;max-width:220px}.captions{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);width:min(820px,100%);max-height:140px;padding:12px 16px;font-size:15px;line-height:1.6;overflow-y:auto}.captions .interim{color:var(--faint)}.captions-label{color:var(--faint);align-items:center;gap:6px;margin-bottom:4px;font-size:12px;font-weight:600;display:flex}.marks-strip{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.detail{flex-direction:column;flex:1;min-height:0;display:flex}.detail-head{padding:calc(18px + var(--safe-t)) clamp(16px, 3vw, 32px) 0;flex-direction:column;gap:10px;display:flex}.detail-titlebar{align-items:flex-start;gap:10px;display:flex}.title-input{min-width:0;font-family:var(--font-display);letter-spacing:-.02em;text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:8px;outline:none;flex:1;margin-left:-7px;padding:2px 6px;font-size:clamp(20px,2.4vw,26px);font-weight:620}.title-input:hover{border-color:var(--line)}.title-input:focus{border-color:var(--accent);background:var(--panel)}.meta-row{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;font-size:13px;display:flex}.meta-row span{align-items:center;gap:5px;display:inline-flex}.head-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.player{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);margin:14px clamp(16px,3vw,32px) 0;padding:14px 16px 12px}.wave{cursor:pointer;touch-action:none;width:100%;height:76px;display:block}.player-row{align-items:center;gap:8px;margin-top:8px;display:flex}.player-time{color:var(--muted);font-variant-numeric:tabular-nums;min-width:110px;font-size:13px}.play-btn{background:var(--text);width:46px;height:46px;color:var(--panel);border:0;border-radius:50%;place-items:center;display:grid}.play-btn:hover{background:var(--accent);color:var(--on-accent)}.speed{border:1px solid var(--line);color:var(--muted);font-variant-numeric:tabular-nums;background:0 0;border-radius:999px;padding:4px 10px;font-size:12.5px;font-weight:650}.player-center{flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:4px;padding:16px clamp(16px,3vw,32px) 0;display:flex;overflow-x:auto}.tab{color:var(--muted);white-space:nowrap;background:0 0;border:0;align-items:center;gap:7px;padding:10px 14px 12px;font-size:14px;font-weight:620;display:inline-flex;position:relative}.tab:hover,.tab[aria-selected=true]{color:var(--text)}.tab[aria-selected=true]:after{content:"";background:var(--accent);clip-path:polygon(0 0,100% 0,calc(100% - 3px) 100%,0 100%);height:3px;position:absolute;bottom:-1px;left:10px;right:10px}.tab-count{color:var(--faint);font-size:11.5px;font-weight:600}.tab-body{min-height:0;padding:16px clamp(16px, 3vw, 32px) calc(28px + var(--safe-b));flex:1;overflow-y:auto}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.toolbar .search{flex:1;min-width:160px;max-width:360px;height:36px}.toggle-line{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.segments{flex-direction:column;gap:2px;max-width:860px;display:flex}.seg{border-radius:var(--r-sm);grid-template-columns:64px minmax(0,1fr);gap:10px;padding:8px 10px;scroll-margin:120px;display:grid}.seg:hover{background:var(--panel)}.seg.active{background:var(--accent-soft)}.seg-time{color:var(--faint);font-variant-numeric:tabular-nums;text-align:left;background:0 0;border:0;align-self:start;padding:3px 0 0;font-size:12.5px;font-weight:600}.seg-time:hover,.seg.active .seg-time{color:var(--accent-text)}.seg-text{font-size:15.5px;line-height:1.65}.seg-speaker{color:var(--accent-text);background:0 0;border:0;padding:0 6px 0 0;font-size:12px;font-weight:700;display:inline-block}.seg-speaker.unset{color:var(--faint);font-weight:600}.seg textarea{border:1px solid var(--line-strong);background:var(--panel);resize:vertical;border-radius:8px;width:100%;min-height:44px;padding:6px 8px;line-height:1.55}mark{color:inherit;background:#ffb54773;border-radius:3px;padding:0 1px}.engine-note{color:var(--faint);max-width:860px;margin-top:18px;font-size:12.5px}.job{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);max-width:560px;box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:18px;display:flex}.job-title{justify-content:space-between;gap:12px;font-weight:650;display:flex}.bar{background:var(--sunken);border-radius:999px;height:8px;overflow:hidden}.bar i{background:repeating-linear-gradient(calc(90deg + var(--slant)), var(--accent) 0 10px, #33c3f7 10px 20px);height:100%;transition:width .3s;display:block}.bar.indeterminate i{animation:1.4s ease-in-out infinite slide;width:40%!important}.job-detail{color:var(--muted);font-size:13px}.templates{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;max-width:900px;margin-bottom:14px;display:grid}.tpl{text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:var(--r-md);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.tpl strong{font-size:14px}.tpl span{color:var(--muted);font-size:12.5px}.tpl[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.custom-prompt{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--panel);resize:vertical;width:100%;max-width:900px;min-height:80px;margin-bottom:12px;padding:10px 12px}.doc{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);max-width:820px;box-shadow:var(--shadow);margin-top:14px;padding:clamp(16px,3vw,28px);font-size:15.5px;line-height:1.65}.doc h2{font-family:var(--font-display);letter-spacing:-.01em;margin:1.4em 0 .5em;font-size:18px;font-weight:640}.doc h3,.doc h4{font-family:var(--font-display);margin:1.2em 0 .4em;font-size:16px;font-weight:620}.doc>:first-child,.doc .doc-body>:first-child{margin-top:0}.doc ul,.doc ol{margin:.4em 0 .8em;padding-left:1.3em}.doc li{margin:.25em 0}.doc p{margin:.5em 0 .8em}.doc code{background:var(--sunken);border-radius:4px;padding:1px 5px;font-size:.92em}.doc hr{border:0;border-top:1px solid var(--line);margin:1.2em 0}.doc blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:.6em 0;padding-left:12px}.table-wrap{margin:.6em 0 1em;overflow-x:auto}.doc table{border-collapse:collapse;width:100%;font-size:14px}.doc th,.doc td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:7px 10px}.doc th{color:var(--muted);font-size:13px;font-weight:650}.ts{background:var(--accent-soft);color:var(--accent-text);font-variant-numeric:tabular-nums;vertical-align:1px;border:0;border-radius:5px;padding:1px 6px;font-size:.82em;font-weight:650}.ts:hover{background:var(--accent);color:var(--on-accent)}.doc-meta{color:var(--faint);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:10px;font-size:12.5px;display:flex}.caret:after{content:"";background:var(--accent);vertical-align:-2px;width:8px;height:1em;margin-left:3px;animation:1s steps(2,end) infinite blink;display:inline-block}.chat{flex-direction:column;gap:12px;max-width:820px;display:flex}.msg{border-radius:var(--r-lg);max-width:92%;padding:12px 16px}.msg.user{background:var(--text);color:var(--panel);border-bottom-right-radius:4px;align-self:flex-end}.msg.assistant{background:var(--panel);border:1px solid var(--line);border-bottom-left-radius:4px;align-self:flex-start}.msg.assistant p:first-child{margin-top:0}.msg.assistant p:last-child{margin-bottom:0}.composer{background:linear-gradient(transparent, var(--bg) 30%);gap:8px;max-width:820px;margin-top:14px;padding:8px 0 0;display:flex;position:sticky;bottom:0}.composer textarea{resize:none;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--panel);flex:1;min-height:44px;max-height:140px;padding:10px 12px}.composer textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.moments{flex-direction:column;gap:6px;max-width:760px;display:flex}.moment{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.moment input{background:0 0;border:1px solid #0000;border-radius:6px;width:100%;padding:4px 6px}.moment input:focus{border-color:var(--accent);outline:none}.notes-area{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--panel);resize:vertical;width:100%;max-width:760px;min-height:160px;padding:12px 14px;line-height:1.6}.section-h{font-family:var(--font-display);letter-spacing:-.01em;margin:22px 0 10px;font-size:16px;font-weight:620}.section-h:first-child{margin-top:0}.settings{padding:calc(24px + var(--safe-t)) clamp(16px, 4vw, 48px) calc(40px + var(--safe-b));flex:1;overflow-y:auto}.settings-inner{flex-direction:column;gap:18px;max-width:760px;display:flex}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:18px 20px}.card h2{font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:8px;margin:0 0 4px;font-size:17px;font-weight:640;display:flex}.card>p{color:var(--muted);margin:0 0 12px;font-size:13.5px}.field{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:6px 16px;padding:12px 0;display:grid}.field:first-of-type{border-top:0}.field label,.field .label{font-size:14px;font-weight:600}.field .help{color:var(--muted);grid-column:1/-1;margin-top:-2px;font-size:12.5px}.input,.select{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--raised);outline:none;width:100%;min-width:0;height:38px;padding:0 10px}.input:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.seg-control{background:var(--sunken);border-radius:10px;gap:2px;width:100%;padding:3px;display:inline-flex}.seg-control button{color:var(--muted);background:0 0;border:0;border-radius:8px;flex:1;padding:7px 10px;font-size:13px;font-weight:600}.seg-control button[aria-pressed=true]{background:var(--panel);color:var(--text);box-shadow:var(--shadow)}.model-list{flex-direction:column;grid-column:1/-1;gap:6px;display:flex}.model-opt{text-align:left;border:1px solid var(--line);background:var(--raised);border-radius:var(--r-md);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.model-opt[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.model-opt small{color:var(--muted);font-size:12.5px;display:block}.model-opt .size{color:var(--faint);font-variant-numeric:tabular-nums;text-align:right;font-size:12.5px}.radio{border:2px solid var(--line-strong);border-radius:50%;place-items:center;width:18px;height:18px;display:grid}[aria-pressed=true]>.radio{border-color:var(--accent)}[aria-pressed=true]>.radio:after{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px}.note{color:var(--muted);background:var(--sunken);border-radius:var(--r-sm);align-items:flex-start;gap:8px;padding:10px 12px;font-size:13px;display:flex}.note.warn{color:var(--text);background:#ffb5471f}.switch{flex:none;justify-self:end;width:44px;height:26px;position:relative}.switch input{opacity:0;cursor:pointer;z-index:1;margin:0;position:absolute;inset:0}.switch span{background:var(--line-strong);border-radius:999px;transition:background .15s;position:absolute;inset:0}.switch span:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:after{transform:translate(18px)}.switch input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.brand-block{align-items:center;gap:16px;display:flex}.brand-block img{width:120px;height:auto}.storage-bar{background:var(--sunken);border-radius:999px;height:10px;margin:6px 0;overflow:hidden}.storage-bar i{background:var(--accent);height:100%;display:block}.modal-back{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#080a208c;place-items:center;padding:16px;animation:.15s ease-out fade;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;gap:14px;width:min(440px,100%);padding:20px;animation:.18s ease-out rise;display:flex;box-shadow:0 30px 80px -20px #00000080}.modal h3{font-family:var(--font-display);margin:0;font-size:18px;font-weight:640}.modal p{color:var(--muted);margin:0;font-size:14px}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.menu{background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--r-md);z-index:30;min-width:250px;padding:6px;animation:.12s ease-out rise;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 20px 50px -16px #00000073}.menu button{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:14px;display:flex}.menu button:hover{background:var(--sunken)}.menu hr{border:0;border-top:1px solid var(--line);margin:6px 4px}.menu-wrap{position:relative}.toasts{bottom:calc(20px + var(--safe-b));z-index:60;flex-direction:column;gap:8px;max-width:min(420px,100vw - 32px);display:flex;position:fixed;right:20px}.toast{background:var(--text);color:var(--panel);border-radius:var(--r-md);align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;animation:.2s ease-out rise;display:flex;box-shadow:0 16px 40px -12px #00000080}.toast.error{background:var(--rec);color:#fff}.toast button{color:inherit;opacity:.7;background:0 0;border:0;margin-left:auto;padding:0}.banner{border-radius:var(--r-md);background:#ffb54724;border:1px solid #ffb54766;flex-direction:column;gap:8px;margin:10px 10px 0;padding:12px 14px;font-size:13.5px;display:flex}.drop-hint{z-index:70;border:3px dashed var(--accent);font-family:var(--font-display);pointer-events:none;background:#00adef1f;place-items:center;font-size:22px;font-weight:600;display:grid;position:fixed;inset:0}.welcome{text-align:center;flex:1;place-items:center;padding:32px;display:grid}.welcome-inner{flex-direction:column;align-items:center;gap:16px;max-width:480px;display:flex}.welcome img{width:180px;height:auto}.welcome h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(26px,3vw,34px);font-weight:600;line-height:1.15}.welcome p{color:var(--muted);margin:0}.feature-row{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;margin-top:8px;display:grid}.feature{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);color:var(--muted);flex-direction:column;align-items:center;gap:6px;padding:12px;font-size:12.5px;display:flex}.feature strong{color:var(--text);font-size:13.5px}.back-btn,.mobile-nav{display:none}@keyframes pulse{50%{box-shadow:0 0 0 12px #ff4d6a0f}}@keyframes blink{50%{opacity:0}}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(260%)}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (max-width:1100px){:root{--list:310px}}@media (max-width:860px){.app,.app.wide-main{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.rail{display:none}.list-pane{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-right:0}.app[data-mobile=detail] .list-pane,.app[data-mobile=list] .main-pane{display:none}.back-btn{display:inline-grid}.mobile-nav{padding:8px 24px calc(8px + var(--safe-b));background:var(--rail-bg);color:var(--rail-text);z-index:5;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:relative}.mobile-nav .rail-btn{justify-self:center;width:auto;min-height:48px;padding:6px 18px}.mobile-nav .rail-btn[aria-current=page]:before{display:none}.mobile-nav .rail-rec{width:62px;height:62px;box-shadow:0 0 0 6px var(--bg), 0 10px 26px -6px #00adefcc;margin:-26px 0 0}.mobile-nav .rail-rec.live{box-shadow:0 0 0 6px var(--bg)}.toasts{left:16px;right:16px;bottom:calc(92px + var(--safe-b))}.player{padding:12px}.player-time{min-width:0;font-size:12px}.feature-row{grid-template-columns:1fr}.field{grid-template-columns:minmax(0,1fr)}.field .switch{justify-self:start}.seg{grid-template-columns:52px minmax(0,1fr);gap:6px;padding:8px 6px}.ctrl{min-width:64px}}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.logo-dark{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .logo-light{display:none}:root:not([data-theme=light]) .logo-dark{display:block}}:root[data-theme=dark] .logo-light{display:none}:root[data-theme=dark] .logo-dark{display:block}.update-bar{top:calc(12px + var(--safe-t));z-index:65;background:var(--panel);border:1px solid var(--accent);border-radius:999px;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:8px 8px 8px 16px;font-size:13.5px;font-weight:600;animation:.2s ease-out rise;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 16px 40px -12px #00000073}.update-bar .icon-btn{width:28px;height:28px;font-size:18px}
