:root{color-scheme:dark;font-family:ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#02040a;color:#fff7e6;font-synthesis:none}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#02040a}button,input{font:inherit}button{color:inherit}#app{width:100%;height:100%;display:grid;place-items:center}#stage{position:relative;width:min(100vw,calc(100vh * 16 / 9));height:min(100vh,56.25vw);overflow:hidden;isolation:isolate;background:#050914;box-shadow:0 0 80px #000}#scene{position:absolute;inset:0;width:100%;height:100%;display:block}#letterbox:before,#letterbox:after{content:"";position:absolute;z-index:4;left:0;width:100%;height:2.2%;background:#010206}#letterbox:before{top:0}#letterbox:after{bottom:0}.overlay-card{position:absolute;z-index:5;top:5.2%;left:4%;border-left:2px solid #56f4e8;padding:.35rem .7rem;letter-spacing:.14em;text-shadow:0 2px 8px #000;opacity:.85;transition:opacity .5s}.overlay-card span{display:block;color:#56f4e8;font-size:clamp(8px,.75vw,13px);font-weight:800}.overlay-card strong{display:block;margin-top:.18rem;font-size:clamp(10px,1vw,17px)}.status-chip{position:absolute;z-index:5;top:6%;right:4%;display:flex;align-items:center;gap:.55rem;color:#56f4e8;background:#031119b3;border:1px solid rgba(86,244,232,.38);padding:.42rem .7rem;border-radius:2rem;font-size:clamp(8px,.7vw,12px);font-weight:800;letter-spacing:.09em}.status-chip i{width:.48rem;height:.48rem;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.status-chip.hold{color:#ff4f6f}.status-chip.depart{color:#ffb454}#subtitle{position:absolute;z-index:7;left:50%;bottom:13%;transform:translate(-50%);width:min(82%,980px);text-align:center;filter:drop-shadow(0 3px 5px #000);pointer-events:none;transition:opacity .12s}#subtitle:empty{opacity:0}#speaker{color:#56f4e8;font-size:clamp(10px,.82vw,15px);line-height:1.2;font-weight:900;letter-spacing:.14em}#speaker.male{color:#ff4fa3}#line{display:inline-block;margin-top:.3rem;max-width:100%;padding:.32rem .7rem .42rem;color:#fff7e6;background:#010308b8;border-radius:.3rem;font-size:clamp(15px,1.55vw,28px);font-weight:650;line-height:1.22}#line:empty{display:none}.controls{position:absolute;z-index:9;left:2.5%;right:2.5%;bottom:3.7%;min-height:48px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.1rem;padding:.55rem .75rem;border:1px solid rgba(86,244,232,.22);border-radius:.65rem;background:linear-gradient(180deg,#071c25e6,#02090ff0);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity .25s,transform .25s}.transport{display:flex;gap:.35rem;align-items:center}button{border:1px solid rgba(255,255,255,.16);background:#ffffff0e;border-radius:.35rem;min-height:30px;padding:.35rem .58rem;cursor:pointer;font-size:clamp(9px,.72vw,12px);font-weight:800;letter-spacing:.06em}button:hover,button:focus-visible{border-color:#56f4e8;background:#56f4e821;outline:none}button.primary{color:#041317;background:#56f4e8;border-color:#56f4e8;min-width:42px}.timeline-control{min-width:0;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:.6rem}.timeline-control span{font-variant-numeric:tabular-nums;font-size:clamp(9px,.7vw,12px);color:#fff7e6b8}input[type=range]{width:100%;accent-color:#56f4e8;cursor:pointer}#scratch{position:absolute;z-index:5;right:4%;bottom:12%;font-size:clamp(7px,.58vw,10px);letter-spacing:.13em;color:#fff7e66b}.show-ui{position:absolute;z-index:10;right:3%;bottom:4%;opacity:0;pointer-events:none}#stage.ui-hidden .controls{opacity:0;transform:translateY(25px);pointer-events:none}#stage.ui-hidden .show-ui{opacity:.68;pointer-events:auto}#stage.ui-hidden .overlay-card,#stage.ui-hidden #status,#stage.ui-hidden #scratch{opacity:0}.capture-mode .controls,.capture-mode .show-ui{display:none!important}@media(max-width:720px){.controls{grid-template-columns:1fr auto;gap:.4rem;padding:.3rem}.timeline-control{grid-column:1 / -1;grid-row:1}.transport,#hide-ui{grid-row:2}.overlay-card,#status,#scratch{display:none}#subtitle{bottom:18%}}