:root{--bg:#15181b;--panel:#121518d1;--line:#ffffff1a;--text:#e8e4dc;--muted:#9a968d;--accent:#ffb36b;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);margin:0;overflow:hidden}#stage{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#labels{pointer-events:none;position:fixed;inset:0;overflow:hidden}#fx{pointer-events:none;position:fixed;inset:0}#fx:before{content:"";background:var(--tint,transparent);mix-blend-mode:soft-light;position:absolute;inset:0}body[class*=fx-] #fx{background:radial-gradient(ellipse at center, transparent 45%, rgba(0, 0, 0, var(--vignette,.55)) 100%)}body[class*=fx-] #fx:after{content:"";opacity:var(--grain,.07);mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.label{will-change:transform;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:0;left:0}.label .tag{border:1px solid var(--line);white-space:nowrap;background:#0a0c0eb3;border-radius:10px;align-items:center;gap:5px;padding:2px 8px 2px 6px;font-size:11px;display:flex}.label .tag i{border-radius:50%;width:8px;height:8px;display:inline-block}.label .tag b{font-weight:600}.label .tag span{color:var(--muted)}.label.hide-tag .tag{display:none}.label.selected .tag{border-color:var(--accent)}.label .bubble{color:#1c1a17;text-align:left;background:#efe9dc;border-radius:10px;max-width:240px;padding:7px 11px;font-size:13px;line-height:1.35;display:none;position:relative;box-shadow:0 4px 14px #00000073}.label .bubble:after{content:"";background:inherit;width:10px;height:10px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.label .bubble.think{background:#cfd6dc;font-style:italic}.label.speaking{z-index:5}.label.speaking .bubble{display:block}#title{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#0e0c0a80;border-radius:10px;max-width:360px;padding:8px 12px;position:fixed;top:12px;left:12px}#title h1{letter-spacing:.02em;margin:0;font-size:18px}#title p{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.4}#panel{background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:10px;width:270px;padding:12px;display:flex;position:fixed;top:12px;bottom:76px;right:12px;overflow:hidden}#panel section.grow{flex-direction:column;flex:1;min-height:0;display:flex}#panel h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 8px;font-size:12px;font-weight:600}#panel h2 small{text-transform:none;letter-spacing:0;opacity:.7;margin-left:6px;font-weight:400}#cast,#events{margin:0;padding:0;list-style:none}#cast li{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}#cast li:hover{background:#ffffff0f}#cast li.on{border-color:var(--accent);background:#ffb36b1a}#cast li i{border-radius:50%;flex:none;width:10px;height:10px}#cast li small{color:var(--muted);margin-left:auto}#events{flex:1;padding-right:4px;font-size:12.5px;overflow-y:auto}#events li{cursor:pointer;border-radius:6px;gap:8px;padding:5px 6px;line-height:1.35;display:flex}#events li:hover{background:#ffffff0f}#events li.now{background:#ffb36b24}#events li.past{opacity:.55}#events li .t{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;width:34px}#events li .w{margin-right:4px;font-weight:600}#events li.cap .x{color:#cdd5dc;font-style:italic}#events li.chapter{cursor:pointer;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-top:8px;padding-bottom:2px;font-size:11px}#caption{text-align:center;text-shadow:0 1px 4px #000;opacity:0;pointer-events:none;background:#0000008c;border-radius:8px;max-width:min(720px,88vw);padding:8px 18px;font-size:17px;font-style:italic;line-height:1.4;transition:opacity .3s;position:fixed;bottom:92px;left:50%;transform:translate(-50%)}#caption.show{opacity:1}#controls{background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:12px;align-items:center;gap:8px;height:52px;padding:0 12px;display:flex;position:fixed;bottom:12px;left:12px;right:294px}#controls button{border:1px solid var(--line);min-width:32px;height:32px;color:var(--text);cursor:pointer;background:#ffffff0d;border-radius:8px;padding:0 8px;font-family:inherit;font-size:15px}#controls button:hover{background:#ffffff1f}#controls button.on{border-color:var(--accent);color:var(--accent)}#play{width:40px}#time{color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;width:86px;font-size:12px}.sep{background:var(--line);width:1px;height:24px;margin:0 2px}#scrub{flex:1;min-width:80px;height:32px;position:relative}#markers{pointer-events:none;height:16px;position:absolute;top:8px;left:0;right:0}#markers i{opacity:.85;border-radius:2px;width:3px;height:16px;position:absolute;top:0;transform:translate(-1px)}#markers i.cap{opacity:.9;background:#fff;height:16px}#seek{appearance:none;cursor:pointer;background:0 0;width:100%;margin:0;position:absolute;inset:0}#seek::-webkit-slider-runnable-track{background:#ffffff24;border-radius:2px;height:4px;margin-top:0}#seek::-moz-range-track{background:#ffffff24;border-radius:2px;height:4px}#seek::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid #1a1a1a;border-radius:50%;width:14px;height:14px;margin-top:-5px}#seek::-moz-range-thumb{background:var(--accent);border:2px solid #1a1a1a;border-radius:50%;width:12px;height:12px}#hints{color:#cfc9bd;pointer-events:none;background:#0e0c0a8c;border-radius:8px;max-width:520px;padding:5px 9px;font-size:11px;transition:opacity 1s;position:fixed;bottom:74px;left:12px}#hints.hide{opacity:0}#intro{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20;background:#080a0cb8;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}#intro.gone{opacity:0;pointer-events:none}#intro .card{text-align:center;max-width:480px;padding:28px 32px}#intro h1{letter-spacing:.02em;margin:0 0 12px;font-size:30px}#intro .logline{color:#c9c4ba;margin:0 0 22px;line-height:1.55}#intro #start{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:#ffb36b26;border-radius:10px;padding:10px 26px;font-size:16px}#intro #start:hover{background:#ffb36b47}#intro .tip{color:var(--muted);margin-top:18px;font-size:12px}#intro code{background:#ffffff14;border-radius:4px;padding:1px 5px}@media (width<=860px){#panel{display:none}#controls{right:12px}}