html,html[data-theme=dark]{--panel: #0a0e17;--plate: #121826;--plate-edge: rgba(157, 180, 255, .14);--brass: #c8f000;--brass-dim: #9db4ff;--rec: #e11d48;--live: #4ade80;--paper: #eef1f6;--ink: #0d1b4b;--mute: #9aa3b5;--danger: #ef4444;--radius: 8px;--radius-lg: 12px;--shadow: 0 4px 24px rgba(0, 0, 0, .4);--input-bg: rgba(255, 255, 255, .03);--viz-bg: #0a0c0b;--chip-bg: #1a201d;--body-bg: #0a0e17;--scroll-track: #0a0e17;--scroll-thumb: #3d4a5c;--overlay: rgba(10, 14, 23, .72);--error-text: #fca5a5;--tape-bg: #0d1b4b;--tape-fg: #eef1f6}html[data-theme=light]{--panel: #f4f6f8;--plate: #ffffff;--plate-edge: #e5e7eb;--brass: #c8f000;--brass-dim: #0d1b4b;--rec: #e11d48;--live: #15803d;--paper: #1a1a2e;--ink: #0d1b4b;--mute: #6b7280;--danger: #ef4444;--shadow: 0 4px 20px rgba(13, 27, 75, .06);--input-bg: #ffffff;--viz-bg: #0d1b4b;--chip-bg: #f4f6f8;--body-bg: #f4f6f8;--scroll-track: #f4f6f8;--scroll-thumb: rgba(100, 100, 110, .45);--overlay: rgba(244, 246, 248, .72);--error-text: #b91c1c;--tape-bg: #0d1b4b;--tape-fg: #eef1f6}html[data-theme=dark] .brand-logo{filter:brightness(0) invert(1)}html[data-theme=light] .brand-logo{filter:none}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--scroll-track)}*::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--scroll-track);border-radius:8px}*::-webkit-scrollbar-thumb:hover{background:var(--brass-dim)}*::-webkit-scrollbar-corner{background:var(--scroll-track)}html{-webkit-text-size-adjust:100%}html,body,#root{height:100%;height:100dvh;max-height:100%;max-height:100dvh;overflow:hidden}body{margin:0;background:var(--body-bg);background-attachment:fixed;color:var(--paper);font-family:Inter,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.45}html[data-theme=dark] body{background-image:radial-gradient(ellipse 90% 55% at 12% -10%,rgba(13,27,75,.55) 0%,transparent 55%),radial-gradient(ellipse 70% 40% at 100% 0%,rgba(200,240,0,.04) 0%,transparent 45%),linear-gradient(180deg,#0a0e17,#080b12)}h1,h2,.clock,.kicker{font-family:Inter,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:0}h1{margin:0;font-size:1.45rem;font-weight:700;text-transform:none}h2{margin:0 0 .8rem;font-size:1rem;color:var(--brass);text-transform:uppercase}button,input,select,code,audio{font:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:rgba(198,161,91,.35)}label{display:flex;flex-direction:column;gap:.35rem;margin:.75rem 0;color:var(--mute);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}input,select,select option{background:var(--input-bg);color:var(--paper);border:1px solid var(--plate-edge);border-radius:var(--radius);padding:.65rem .7rem;text-transform:none;letter-spacing:0}select,select option{background-color:var(--plate);color:var(--paper)}input:disabled,select:disabled{opacity:.55}.login-screen{min-height:100vh;display:grid;place-items:center;padding:1.5rem;position:relative}.login-plate{width:min(26rem,100%);padding:1.6rem 1.5rem 1.4rem}.password-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem;align-items:stretch}.password-field .ghost{width:auto;min-width:4.5rem;padding:.65rem .7rem}.plate{background:var(--plate);border:1px solid var(--plate-edge);box-shadow:var(--shadow),inset 0 1px #ffffff0a;border-radius:var(--radius-lg);padding:1.25rem}.brand-lockup{display:flex;align-items:center;gap:.75rem;min-width:0}.brand-logo{width:36px;height:36px;object-fit:contain;flex:0 0 auto}.login-logo{width:48px;height:48px;margin-bottom:.5rem}.login-theme{position:absolute;top:1rem;right:1rem}.lede{color:var(--mute);margin-top:.4rem}.kicker{margin:0;color:var(--brass);font-size:.75rem;text-transform:uppercase}.app-shell{width:100%;max-width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;margin:0;padding:0;display:flex;flex-direction:column;overflow:hidden}.viz-strip{flex:0 0 56px;height:56px;width:100%;margin:0;background:var(--viz-bg);border-bottom:2px solid var(--brass-dim);box-shadow:inset 0 -8px 16px #00000073}.studio-body{flex:1 1 auto;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden;padding:1rem 1.25rem 1.25rem;padding-left:max(1.25rem,env(safe-area-inset-left));padding-right:max(1.25rem,env(safe-area-inset-right));padding-bottom:max(1rem,env(safe-area-inset-bottom))}.viz-strip canvas{display:block;width:100%;height:100%}@media(prefers-reduced-motion:reduce){.viz-strip{flex-basis:28px;height:28px}}.topbar{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;flex-shrink:0}.topbar-right{display:flex;gap:.75rem;align-items:center}.user-chip{color:var(--brass);font-family:Inter,Roboto,Helvetica Neue,Arial,sans-serif}.banner{background:var(--input-bg);border-left:4px solid var(--brass);padding:.75rem 1rem;color:var(--paper);margin:0 0 1rem;flex-shrink:0}.layout{flex:1 1 auto;min-height:0;min-width:0;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,4fr) minmax(0,6fr);grid-template-areas:"archive deck transcript";gap:8px;align-items:stretch;overflow:hidden}.archive,.deck,.transcript-pane{min-width:0;min-height:0}.archive{grid-area:archive;overflow:auto;-webkit-overflow-scrolling:touch;padding-left:4px;padding-right:4px}.deck{grid-area:deck;overflow:auto;-webkit-overflow-scrolling:touch}.transcript-pane{grid-area:transcript;display:flex;flex-direction:column;overflow:hidden}@media(min-width:1800px){.layout{gap:12px}}@media(max-width:1400px){.layout{grid-template-columns:minmax(0,3fr) minmax(0,3fr) minmax(0,5fr)}.studio-body{padding:.75rem;padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right));padding-bottom:max(.75rem,env(safe-area-inset-bottom))}.plate{padding:.85rem}.deck .rec-row{position:sticky;bottom:0;z-index:2;padding:.45rem 0 .1rem;background:linear-gradient(180deg,transparent,var(--plate) 28%)}.url-row{grid-template-columns:1fr}.clock{font-size:clamp(1.4rem,4vw,2.4rem)}.transcript-pane .lang-picker .hint{display:none}}@media(max-width:900px){html,body,#root{height:auto;max-height:none;overflow:auto}.app-shell{height:auto;max-height:none;overflow:visible}.studio-body{overflow:visible}.layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"deck" "transcript" "archive";overflow:visible;min-height:0}.transcript-pane{min-height:70dvh}.transcript-log{min-height:52dvh}.archive{max-height:22rem}.banner{font-size:.9rem;padding:.5rem .7rem}.t-toolbar{flex-direction:column}.t-audio{width:100%}}@media(max-width:1023px){.transcript-split,.transcript-split.cols-3{grid-template-columns:1fr 1fr}}@media(pointer:coarse){button,.lang-chip,.download-btn,.rec-button,.icon-btn{min-height:44px}.tape-controls .icon-btn{width:44px;min-width:44px;height:44px}input,select{font-size:16px;min-height:44px}}.tape-window{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;background:var(--tape-bg);color:var(--tape-fg);border:2px solid var(--brass-dim);padding:.85rem 1rem;margin-bottom:.65rem;font-family:Inter,Roboto,Helvetica Neue,Arial,sans-serif;border-radius:var(--radius)}.tape-controls{display:flex;gap:.5rem;align-items:center;margin:0 0 1rem}.live-share{margin:-.35rem 0 1rem}.live-share .url-row{grid-template-columns:4.2rem minmax(0,1fr) auto}.live-share .url-row .ghost{width:auto;min-width:4.5rem;padding:.55rem .7rem}.tape-controls .icon-btn{width:40px;height:40px;min-width:40px;font-size:.95rem}.clock{font-size:2.4rem;font-weight:700;letter-spacing:.12em;color:var(--tape-fg)}.rec-dot{width:14px;height:14px;border-radius:50%;background:#4a2a28;box-shadow:inset 0 0 0 2px #2a1818}.rec-dot.on{background:var(--rec);box-shadow:0 0 12px var(--rec)}.conn{color:var(--live);text-transform:uppercase;font-size:.8rem}.row{display:flex;gap:.75rem;align-items:center}.row.wrap{flex-wrap:wrap}.hint{color:var(--mute);font-size:.9rem;margin:0;text-transform:none;letter-spacing:0}.primary,.ghost,.danger,.rec-button{border:1px solid var(--brass-dim);background:transparent;color:var(--paper);padding:.7rem 1rem;text-transform:none;letter-spacing:0;font-weight:700;border-radius:var(--radius);font-family:Inter,Roboto,Helvetica Neue,Arial,sans-serif}.primary{background:var(--brass);color:var(--ink);border-color:var(--brass);width:100%;border-radius:var(--radius)}.rec-button{background:var(--rec);border-color:var(--rec);color:#fff;min-width:140px;font-size:1.05rem;border-radius:var(--radius);text-transform:none}.icon-btn.danger{color:var(--danger);border-color:var(--danger)}.ghost:hover,.danger:hover{border-color:var(--brass)}.danger{color:var(--danger);border-color:var(--danger)}.error-text{color:var(--error-text);margin:.4rem 0}.urls{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.url-row{display:grid;grid-template-columns:7rem 1fr auto;gap:.5rem;align-items:center;font-size:.85rem}code{font-family:ui-monospace,Cascadia Code,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--brass)}audio{width:100%;margin:.4rem 0}.archive-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.archive-item{border:1px solid var(--plate-edge);padding:.28rem .2rem .3rem;background:#9db4ff0a;border-radius:8px}.archive-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;font-size:.82rem;line-height:1.2}.archive-line1,.archive-line2{display:flex;align-items:center;gap:.3rem;min-width:0}.archive-line2{padding-left:1.7rem;justify-content:flex-start}.archive-more{margin-top:.35rem;padding-top:.35rem;border-top:1px solid var(--plate-edge)}.icon-btn{width:28px;height:28px;min-width:28px;padding:0;border-radius:50%;border:1px solid var(--plate-edge);background:var(--input-bg);color:var(--paper);font-size:.7rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.icon-btn.ghost-icon{border-color:transparent;background:transparent;color:var(--mute)}.seek-strip{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:.65rem;flex:0 0 56px;height:56px;padding:0 .85rem;background:var(--viz-bg);color:var(--tape-fg);border-bottom:2px solid var(--brass-dim);box-shadow:inset 0 -8px 16px #00000073}.seek-strip .icon-btn{color:var(--tape-fg);border-color:#eef1f659;background:transparent}.seek-range{width:100%;accent-color:var(--rec)}.seek-clock{font-family:Inter,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.8rem;color:var(--tape-fg);white-space:nowrap}.hidden-player{display:none}.t-para.active{background:color-mix(in srgb,var(--brass) 18%,var(--plate));box-shadow:inset 3px 0 0 var(--brass)}.t-para.active .t-text{color:var(--paper)}.deck-composer{min-height:0}.archive-item.is-live{border-color:var(--rec)}.archive-item.selected{border-color:var(--brass);box-shadow:inset 0 0 0 1px var(--brass)}.archive-head{display:flex;justify-content:flex-start;gap:.35rem;align-items:center}.archive-item{padding:.28rem .2rem .3rem}.status{font-family:Inter,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--live);text-transform:uppercase;font-size:.75rem}.archive-item a{color:var(--brass)}.download-btn{width:100%;margin:.55rem 0 .35rem;border:0;background:var(--brass);color:var(--ink);font-family:Inter,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:700;letter-spacing:0;text-transform:none;padding:.55rem .7rem;border-radius:var(--radius)}.archive-new{position:sticky;top:0;z-index:3;margin-top:0;background:var(--brass);color:var(--ink);box-shadow:0 8px 10px var(--plate);opacity:1}.archive-search{width:100%;margin:0 0 .55rem}.archive-new:disabled{opacity:.45}.deck-dl{width:auto;margin:0;min-width:8rem}.rec-row{margin-top:.5rem}.pane-tabs{display:flex;flex-wrap:wrap;flex:0 0 auto;gap:.35rem;margin-bottom:.75rem}.pane-tabs.sub-tabs{margin-top:-.2rem}.pane-tabs.sub-tabs button{font-size:.8rem;padding:.35rem .55rem}.pane-tabs button,.ghost.on{border-color:var(--plate-edge);color:var(--paper)}.pane-tabs button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.lang-picker{flex:0 0 auto;margin:.5rem 0 .85rem}.lang-picker>span{display:block;color:var(--mute);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem}.lang-picks{display:flex;flex-wrap:wrap;gap:.4rem}.lang-chip{border:1px solid var(--plate-edge);background:var(--chip-bg);color:var(--paper);padding:.3rem .55rem;text-transform:none;letter-spacing:0;font-size:.85rem;font-family:inherit;border-radius:999px}.lang-chip.on{border-color:var(--ink);color:#fff;background:var(--ink)}.lang-chip:disabled{opacity:.45}.transcript-split{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.transcript-split.cols-3{grid-template-columns:1fr 1fr 1fr}.transcript-log,.speaker-map{flex:1 1 0%;min-height:0;max-height:none;overflow:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.transcript-log{background:transparent;padding:.15rem 0 0;border:0}.t-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:0 0 .55rem;flex-shrink:0}.t-search{flex:1 1 10rem;min-width:0}.t-audio{width:min(100%,15rem);height:2rem}.t-para{display:grid;grid-template-columns:7.6rem minmax(0,1fr);gap:.2rem .65rem;margin:0 0 .9rem;min-width:0}.t-para.can-seek{cursor:pointer}.t-para.can-seek .t-text[contenteditable=true]{cursor:text}.t-para.has-speaker{grid-template-columns:7.6rem auto minmax(0,1fr)}.t-para .t-text{margin:0;line-height:1.5;outline:none}.t-para .t-text[contenteditable=true]:focus{background:var(--chip-bg)}.t-para.interim .t-text{color:var(--mute);font-style:italic}.t-time.seek{background:none;border:0;padding:0;color:var(--mute);text-align:left;min-height:0;min-width:0;letter-spacing:.02em;font-family:Inter,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.72rem;line-height:1.25;white-space:nowrap}.t-col-head{margin:0 0 .5rem;color:var(--brass);font-family:Inter,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.t-time{font-family:Inter,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.75rem;color:var(--mute);letter-spacing:.04em;font-variant-numeric:tabular-nums}.t-time.empty{visibility:hidden}.t-who{color:var(--brass);font-size:.85rem}.lang-picker.compact .hint,.lang-picker.compact .lang-picks{display:none}.lang-picker.compact span{margin:0;font-size:.75rem}.t-text{min-width:0;overflow-wrap:anywhere;word-break:break-word}.t-tick{color:var(--live);font-weight:700}.t-tick.empty{visibility:hidden}.prov{font-family:Inter,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.7rem;color:var(--brass)}.prov.google{color:var(--live)}.prov.yt{color:var(--brass)}.speaker-map label{margin-top:.4rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#0a0c0bb8;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.modal-card{width:min(36rem,100%);max-height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.modal-card h2{margin-bottom:.35rem}.vocab-field{margin:.75rem 0}.vocab-label{display:block;color:var(--mute);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem}.vocab-box{position:relative}.vocab-box textarea{width:100%;min-height:7.5rem;resize:vertical;background:var(--input-bg);color:var(--paper);border:1px solid var(--plate-edge);border-radius:6px;padding:.7rem .75rem 2.6rem;text-transform:none;letter-spacing:0;font:inherit}.vocab-tools{position:absolute;right:.45rem;bottom:.4rem;display:flex;align-items:center;gap:.4rem}.vocab-online{flex-direction:row;align-items:center;gap:.3rem;margin:0;text-transform:none;letter-spacing:0;font-size:.75rem;color:var(--mute)}.vocab-online input{width:auto;margin:0}.icon-btn.magic{border-color:var(--plate-edge);color:var(--paper);background:var(--input-bg);font-size:.95rem}.icon-btn.magic:disabled{opacity:.45}.modal-actions{position:sticky;bottom:0;z-index:2;margin-top:.75rem;padding:.55rem 0 .15rem;background:linear-gradient(180deg,transparent,var(--plate) 28%)}.modal-actions .rec-button{flex:1 1 auto}.modal-card .lang-chip,.modal-card button,.modal-card input,.modal-card select{min-height:44px}.modal-card .lang-chip{padding:.45rem .7rem}@media(max-width:1400px){.modal-card{width:min(40rem,100%)}}.listen-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;position:relative;padding:1.25rem 1.25rem 2rem;padding-top:max(1.25rem,env(safe-area-inset-top));padding-left:max(1.25rem,env(safe-area-inset-left));padding-right:max(1.25rem,env(safe-area-inset-right));padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}.listen-theme{position:absolute;top:1rem;right:1rem}.listen-shell{width:min(1440px,100%);display:flex;flex-direction:column;gap:.85rem}.listen-head{display:flex;align-items:center;gap:.85rem;padding-right:5rem}.listen-head h1{margin:.15rem 0 0;font-size:1.45rem}.listen-player{width:100%}.listen-actions{display:flex;flex-wrap:wrap;gap:.5rem}.listen-actions .ghost{width:auto;min-height:44px;text-decoration:none;display:inline-flex;align-items:center}.listen-transcript{grid-area:auto;min-height:min(28rem,55vh)}.listen-docs{width:min(44rem,100%)}.listen-docs-list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.85rem}.listen-docs-list li{display:flex;flex-direction:column;gap:.25rem}.listen-docs-list code{white-space:normal;overflow:visible;text-overflow:unset}@media(max-width:700px){.listen-head{padding-right:0;padding-top:2.5rem}}