:root{color-scheme:dark;--bg: #0b0d10;--fg: #e8eaed;--accent: #6ad0ff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg)}.screen{height:100vh;display:flex;flex-direction:column}.hidden{display:none!important}#join{align-items:center;justify-content:center}.join-card{max-width:360px;width:90%;text-align:center;background:#141821;border:1px solid #232a36;border-radius:16px;padding:32px 24px}.join-card h1{margin:0 0 4px;font-size:2rem;letter-spacing:.5px}.sub{color:#9aa3af;margin-top:0}.earbuds{background:#1b2230;border-radius:10px;padding:10px 12px;font-size:.9rem}.name-input{width:100%;margin:14px 0 4px;padding:12px 14px;font-size:1rem;background:#1b2230;color:var(--fg);border:1px solid #2b3445;border-radius:10px}.name-input::placeholder{color:#6b7585}.opt{display:block;margin:16px 0;color:#c3cad6;font-size:.9rem}.hint{color:#9aa3af;font-size:.85rem;min-height:1.2em}button.primary{width:100%;padding:14px;font-size:1.1rem;border:none;border-radius:12px;background:var(--accent);color:#04212e;font-weight:700;cursor:pointer}button.primary:active{transform:translateY(1px)}.stage{position:relative;flex:1;background:#000;min-height:0}#movie{width:100%;height:100%;object-fit:contain;display:block}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.reconnecting{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#0009;padding:6px 12px;border-radius:999px;font-size:.8rem;color:#ffd479}.tap-to-play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:220px;height:64px;background:#6ad0ffeb;color:#04212e;border:none;border-radius:14px;font-size:1.2rem;font-weight:700;cursor:pointer}.bar{display:flex;flex-wrap:wrap;gap:16px;align-items:center;padding:10px 14px;background:#0f131a;border-top:1px solid #1d2430}.host-controls{display:flex;align-items:center;gap:10px;flex:1 1 320px}.host-controls button{font-size:1.1rem;background:#1d2430;color:var(--fg);border:none;border-radius:8px;padding:6px 12px;cursor:pointer}#scrub{flex:1}.timecode{font-variant-numeric:tabular-nums;color:#9aa3af;min-width:4ch}.mixers{display:flex;align-items:center;gap:14px}.mixers label{display:flex;align-items:center;gap:6px}.mic-off{background:#3a1d22!important}.mic-on{background:#1d3a26!important}#micBtn{color:var(--fg);border:none;border-radius:8px;padding:6px 12px;cursor:pointer}.presence{display:flex;gap:8px;color:#9aa3af;font-size:.85rem}.syncstat{color:#66707d;font-size:.75rem;font-variant-numeric:tabular-nums}