*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f1f4f8;--accent:#9debc8;--muted:#a7b1c1;--border:#262e3a;--surface:#121720;background:#0b0e14;font-family:Inter,Segoe UI,system-ui,sans-serif}body{background:radial-gradient(at 50% -15rem,#1b2938 0,#0000 58rem);min-height:100vh;margin:0}.shell{width:min(100% - clamp(2rem,8vw,7rem),76rem);margin-inline:auto}.site-header{background:#0b0e14bf;border-bottom:1px solid #222a35}.header-content,.brand,.private-session{align-items:center;display:flex}.header-content{justify-content:space-between;gap:1rem;min-height:4.25rem}.brand{letter-spacing:-.025em;gap:.7rem;font-size:1.15rem;font-weight:700}.brand-mark,.standby-mark{place-items:center;display:grid}.brand-mark{aspect-ratio:1;background:var(--accent);color:#142c25;border-radius:.52rem;width:1.9rem}.brand-mark:before,.play-symbol{clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor;width:.55em;height:.65em}.brand-mark:before{content:""}.private-session{color:var(--muted);gap:.6rem;font-size:.84rem;font-weight:550}.lock{border:1px solid;border-radius:.15rem;width:.7rem;height:.58rem;margin-top:.27rem;position:relative}.lock:before{content:"";border:1px solid;border-bottom:0;border-radius:.3rem .3rem 0 0;height:.36rem;position:absolute;inset:-.36rem .09rem auto}main.shell{padding-block:clamp(1.8rem,4.5vw,3.6rem) 2.5rem}h1{letter-spacing:-.055em;margin:0 0 clamp(1.1rem,2vw,1.65rem);font-size:clamp(2rem,4.2vw,3.6rem);font-weight:650;line-height:1.05}.player{border:1px solid var(--border);background:var(--surface);border-radius:1.05rem;overflow:hidden;box-shadow:0 1.5rem 5rem #02040770}.stage{aspect-ratio:16/9;background:#05070b;width:100%;max-height:65svh;position:relative}.standby,video{width:100%;height:100%;position:absolute;inset:0}.standby{background:linear-gradient(#0a101941,#09101b0d 45%,#04070c9e),url(/assets/standby-DThb8JJz.webp) 50% 57%/cover no-repeat,linear-gradient(155deg,#172738,#080c14 68%);place-items:center;display:grid}.standby-mark{aspect-ratio:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e3f0fc;background:#19283d9c;border:1px solid #c5def445;border-radius:1.05rem;width:clamp(3.35rem,6vw,5.1rem);font-size:clamp(1.3rem,3vw,2.1rem);box-shadow:0 .75rem 2.5rem #0005,inset 0 1px #d7eaff18}.screen-symbol{border:.06em solid;border-radius:.12em;width:1.05em;height:.72em;margin-bottom:.14em;position:relative}.screen-symbol:after{content:"";background:currentColor;border-radius:1em;height:.06em;position:absolute;inset:auto .26em -.22em}video{visibility:hidden;object-fit:contain;background:#05070b;display:block}[data-has-video] video{visibility:visible}[data-has-video] .standby{visibility:hidden}video:fullscreen{width:100%;height:100%}.player-footer{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.85rem;min-height:4.65rem;padding:.9rem clamp(.9rem,2.4vw,1.45rem);display:grid}.status{color:var(--muted);align-items:center;gap:.7rem;display:flex}#status{margin:0;font-size:.91rem;line-height:1.45}.status-dot{aspect-ratio:1;background:#748399;border-radius:50%;flex:0 0 .45rem}[data-state=ready] .status-dot{background:#9bc4ef}[data-state=live] .status{color:#d9f5e8}[data-state=live] .status-dot{background:var(--accent);box-shadow:0 0 .7rem #9debc867}[data-state=pending] .status-dot{background:#ffd28e}[data-state=error] .status-dot{background:#f7a7ac}[data-state=pending] .screen-symbol{border:.08em solid #e3f0fc45;border-top-color:currentColor;border-radius:50%;width:.75em;height:.75em;margin:0;animation:.9s linear infinite spin}[data-state=pending] .screen-symbol:after{display:none}@keyframes spin{to{transform:rotate(360deg)}}#join,.actions{align-items:center;gap:.65rem;display:flex}#join[data-manual-mode]{border-top:1px solid var(--border);grid-column:1/-1;align-items:end;padding-top:.8rem}.credentials{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.field{gap:.4rem;display:grid}label{color:#c6cfdb;font-size:.82rem;font-weight:600}input,button{min-height:2.65rem;font:inherit;border:1px solid #333e4d;border-radius:.55rem;font-size:.86rem}input{color:#f1f4f8;background:#0c1018;width:100%;padding:.55rem .7rem}button{color:#e4e9f2;white-space:nowrap;cursor:pointer;background:#191f2a;justify-content:center;align-items:center;gap:.55rem;padding:.55rem .85rem;font-weight:650;transition:background-color .15s,border-color .15s;display:inline-flex}button:hover{background:#242e3b;border-color:#4a586c}button.primary{background:var(--accent);color:#122e24;border-color:#0000;min-width:6.3rem}button.primary:hover{background:#b8f8dc}button:disabled{opacity:.65;cursor:wait}:focus-visible{outline-offset:3px;outline:2px solid #a9f3d3}[hidden]{display:none!important}@media (width<=37rem){.header-content{min-height:3.6rem}.player{border-radius:.8rem}.player-footer{gap:.75rem}#join[data-manual-mode],.credentials{grid-template-columns:1fr;display:grid}#join[data-manual-mode] button{justify-self:start}.actions{flex-wrap:wrap}.player-footer:has(.actions:not([hidden])){grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){button{transition:none}[data-state=pending] .screen-symbol{animation:none}}