:root{color-scheme:dark;font-family:Inter,Segoe UI,system-ui,sans-serif;background:#10151d;color:#eef2f6;font-size:16px}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1200px;margin:auto;padding:24px 32px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #303a48}header>span,footer,.muted{color:#9baaba;font-size:.9rem}.brand{color:#eef2f6;text-decoration:none;font-weight:700;font-size:1.3rem}h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.05;letter-spacing:-.04em;margin:18px 0}h2{font-size:1.5rem;margin:0 0 22px}p{line-height:1.6}.eyebrow{color:#88d7c2;font-size:.75rem;letter-spacing:.18em;font-weight:700}.intro{padding:30px 0}.grid{display:grid;grid-template-columns:1fr 1.2fr;gap:24px}article{background:#19222e;border:1px solid #344151;border-radius:18px;padding:30px}label{display:block;margin:14px 0;color:#bdcad7;font-size:.9rem}input,select{display:block;background:#101720;color:#fff;border:1px solid #47586b;border-radius:8px;padding:12px;font:inherit;width:100%;margin-top:7px}button,.file{border:0;border-radius:8px;background:#93e2ca;color:#102820;padding:12px 18px;font:inherit;font-weight:650;cursor:pointer;margin:6px 0;display:inline-block}button.secondary,.file{background:#29394a;color:#e4edf5;border:1px solid #506177}button.danger{background:#4a2730;color:#ffbdc6}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:3px solid #dfc36b;outline-offset:4px}.row,.controls,.roomHeading{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.roomHeading{justify-content:space-between;margin:24px 0}#roomCode{font-family:monospace;font-size:1.3rem;letter-spacing:.12em;margin-right:20px}#playerShell{position:relative;background:#000;border-radius:14px;overflow:hidden}video{width:100%;max-height:70vh;display:block;aspect-ratio:16/9}#activate{position:absolute;top:42%;left:25%;width:50%}#buffering{position:absolute;bottom:20px;left:20px;background:#172330;padding:8px 14px;border-radius:8px}.controls{padding:12px 0}#seek{flex:1;min-width:100px;padding:0}#volume{width:100px;padding:0}#time{font-variant-numeric:tabular-nums}#notice{margin:12px 0;color:#ffdb96;white-space:pre-wrap}#notice:empty{display:none}#connection{color:#93e2ca}progress{width:100%}#code{text-transform:uppercase;letter-spacing:.15em}.file input{font-size:.8rem}#selection{color:#93e2ca}[hidden]{display:none!important}footer{margin-top:36px;border-top:1px solid #303a48}@media(max-width:740px){header,main,footer{padding:20px}.grid{grid-template-columns:1fr}header>span{display:none}article{padding:22px}.controls{gap:8px}#seek{flex-basis:100%}}
#videoContainer{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;background:#000}.controls{padding:12px;flex-shrink:0}#playbackNotice{color:#ffdb96;margin:0;padding:0 12px}#playbackNotice:empty{display:none}#playerShell:fullscreen{border-radius:0;display:flex;flex-direction:column;width:100%;height:100%}#playerShell:fullscreen #videoContainer{flex:1}#playerShell:fullscreen video{height:100%;max-height:100%;object-fit:contain}#replacePanel{margin-top:20px;border:1px solid #47586b;border-radius:10px;padding:16px}summary{cursor:pointer;font-weight:650}#replaceBody{max-width:650px}#subtitleTracks,#audioTracks{max-width:250px}.row label{margin:4px 0}

.toggle{display:flex;align-items:center;gap:12px;padding:12px 0}.toggle input{width:22px;height:22px;margin:0;accent-color:#93e2ca;flex-shrink:0}