:root{color-scheme:dark;font-family:Inter,ui-rounded,SF Pro Rounded,Avenir Next,system-ui,sans-serif;--ink: #fff4ef;--muted: #d9b9cc;--coral: #dc737c;--hot: #ff4faf;--mint: #8de2ce;--violet: #9b77de;--panel: rgba(19, 10, 29, .88)}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:#070512;color:var(--ink)}body{min-height:100svh;display:grid;place-items:center;overflow:hidden}button,input{font:inherit}button{color:inherit}#app{width:100vw;height:100svh;display:grid;place-items:center;background:radial-gradient(circle at 50% 18%,#261229 0,#080512 58%,#030208)}#stage{position:relative;width:min(100vw,calc(100svh * 16 / 9));aspect-ratio:16 / 9;max-height:100svh;overflow:hidden;isolation:isolate;background:#070512;box-shadow:0 0 0 1px #ffffff0f,0 32px 90px #00000094}#scene{position:absolute;inset:0;width:100%;height:100%;display:block}.vignette{pointer-events:none;position:absolute;inset:0;z-index:2;background:radial-gradient(ellipse at center,transparent 44%,rgba(8,3,16,.13) 68%,rgba(4,2,9,.65) 110%);box-shadow:inset 0 0 80px #08021257}.scanlines{display:none}.topbar{position:absolute;z-index:7;top:22px;left:26px;right:26px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;text-shadow:0 2px 14px rgba(0,0,0,.85)}.title-card{display:grid;gap:4px;letter-spacing:.11em;text-transform:uppercase}.title-card span{color:#ffd4d4;font-weight:800;font-size:clamp(9px,.82vw,12px)}.title-card strong{font-size:clamp(12px,1.18vw,18px);font-weight:900;letter-spacing:.145em}.upper-right{display:grid;justify-items:end;gap:8px;pointer-events:auto}.versions{display:flex;gap:5px;padding:4px;border-radius:9px;background:#08050fb8;border:1px solid rgba(255,255,255,.13);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.versions a{min-width:34px;padding:5px 8px;border-radius:6px;color:#d9bfd5;text-decoration:none;text-align:center;font-size:9px;font-weight:900;letter-spacing:.12em;border:1px solid transparent}.versions a:hover,.versions a:focus-visible{color:#fff;border-color:#ff4fafb3;outline:none}.versions a.active{color:#140b1e;background:var(--mint);box-shadow:0 0 14px #8de2ce52}.status-chip{display:flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid rgba(141,226,206,.46);border-radius:999px;background:#0a13199e;color:#cffff3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:clamp(8px,.7vw,11px);font-weight:850;letter-spacing:.12em;text-transform:uppercase}.status-chip:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 14px var(--mint)}.status-chip.hold{color:#ffd3da;border-color:#ff4e688c}.status-chip.hold:before{background:#ff4e68;box-shadow:0 0 14px #ff4e68}.status-chip.depart{color:#ecdfff;border-color:#9b77de99}.status-chip.depart:before{background:var(--violet);box-shadow:0 0 14px var(--violet)}.shot-label{position:absolute;z-index:6;top:92px;right:27px;padding:5px 8px;border-radius:5px;color:#fff0e7;background:#08050e9e;border:1px solid rgba(255,255,255,.12);font:900 clamp(8px,.68vw,11px) ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em;pointer-events:none;text-shadow:0 2px 10px #000}.subtitle{position:absolute;z-index:6;left:50%;bottom:93px;transform:translate(-50%);width:min(87%,930px);display:grid;justify-items:center;gap:7px;text-align:center;pointer-events:none;transition:opacity .14s linear;filter:drop-shadow(0 5px 10px rgba(0,0,0,.85))}.subtitle .speaker{padding:5px 11px;border-radius:5px;color:#fff5e9;background:#d9539aed;font-size:clamp(9px,.8vw,12px);font-weight:950;letter-spacing:.15em;text-transform:uppercase}.subtitle .speaker.male{background:#7c4ca4f2}.subtitle .line{max-width:100%;padding:7px 14px 8px;border-radius:6px;background:#07040dd1;border:1px solid rgba(255,255,255,.1);font-family:Georgia,Times New Roman,serif;font-weight:700;font-size:clamp(17px,2.1vw,32px);line-height:1.13;text-wrap:balance;letter-spacing:.008em}.controls{position:absolute;z-index:8;left:20px;right:20px;bottom:17px;display:grid;grid-template-columns:auto auto 1fr auto auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:linear-gradient(180deg,#22142adb,#0a0711eb);box-shadow:0 8px 32px #0000006b;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}.transport,.audio-toggles{display:flex;gap:5px}.controls button{appearance:none;border:1px solid rgba(255,255,255,.13);border-radius:7px;min-width:37px;height:31px;padding:0 9px;background:#ffffff12;cursor:pointer;font-size:12px;font-weight:850;letter-spacing:.06em}.controls button:hover,.controls button:focus-visible{outline:none;border-color:#ff4fafcc;background:#ff4faf2e}#play{background:linear-gradient(135deg,#e75b95,#8d5ac9);border-color:#ffffff38}.timecode{min-width:92px;color:#eadce8;font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center}.scrub{width:100%;accent-color:var(--hot);cursor:pointer}.audio-toggles button,#hide-ui{font-size:8px;letter-spacing:.09em;white-space:nowrap}.audio-toggles button[aria-pressed=false]{color:#9d8a9b;background:#0000002e;text-decoration:line-through}.show-ui{position:absolute;z-index:10;right:14px;bottom:14px;display:none;border:1px solid rgba(255,255,255,.17);border-radius:7px;padding:7px 11px;color:var(--ink);background:#08050ebd;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.ui-hidden .topbar,.ui-hidden .controls,.ui-hidden .subtitle,.ui-hidden .shot-label{opacity:0;pointer-events:none}.ui-hidden .show-ui{display:block}.capture-mode .controls,.capture-mode .show-ui{display:none!important}.capture-mode .subtitle{bottom:34px}@media(max-width:700px){.topbar{top:10px;left:12px;right:12px}.versions{gap:2px}.status-chip{display:none}.shot-label{top:58px;right:12px}.controls{left:8px;right:8px;bottom:7px;gap:5px;padding:6px;grid-template-columns:auto 1fr auto}.transport button:not(#play),#hide-ui,.audio-toggles button:not(#voice-toggle){display:none}.controls .timecode{display:none}.subtitle{bottom:58px}}