:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf4ff;--surface:#141d2a;--border:#344256;--accent:#a4e5dc;background:#0b1019;font-family:Inter,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(at 22% 0,#192e39,#0000 58vh);min-height:100vh;margin:0}main{width:min(100% - 2rem,38rem);margin-inline:auto;padding-block:clamp(1.25rem,6vh,4rem)}main.room{width:min(100% - 2rem,100rem)}h1{letter-spacing:-.045em;align-items:center;gap:.7rem;margin:0 0 1.5rem;font-size:1.65rem;display:flex}h1:before{content:"";clip-path:polygon(25% 8%,75% 8%,100% 43%,50% 99%,0 43%);background:conic-gradient(from 145deg,#58aeb3,#a4e5dc,#e8fffa,#58aeb3);width:1.35em;height:1.35em}h2{letter-spacing:-.025em;overflow-wrap:anywhere;margin:0 0 .7rem;font-size:clamp(1.35rem,3vw,2rem)}section,main>form,details{border:1px solid var(--border);background:var(--surface);border-radius:1rem;margin:.8rem 0;padding:clamp(.9rem,4vw,1.6rem)}details section{border:0;padding:0}details form{margin-top:1rem}summary{cursor:pointer;font-weight:600}p{color:#c9d8ea}label{color:#d8e6f5;gap:.4rem;margin:1rem 0;display:grid}input{width:100%;min-width:0;color:inherit;font:inherit;background:#0d1521;border:1px solid #677b93;border-radius:.5rem;padding:.7rem}input[type=range]{accent-color:var(--accent);max-width:23rem;min-height:2rem;padding:0}button{color:#eff6ff;min-height:2.75rem;font:inherit;cursor:pointer;background:#243347;border:1px solid #455873;border-radius:.55rem;margin:.25rem .35rem .25rem 0;padding:.6rem 1rem;font-weight:600}button[type=submit],.player button:first-of-type{border-color:var(--accent);background:var(--accent);color:#112b2e}button:enabled:hover{filter:brightness(1.12)}button:disabled{opacity:.65;cursor:default}:focus-visible{outline-offset:3px;outline:3px solid #b3f5eb}video{aspect-ratio:16/9;object-fit:contain;background:#060a10;border-radius:.6rem;width:100%;max-height:75vh;display:block}.player:fullscreen{border:0;width:100%;margin:0;overflow:auto}[role=alert]{color:#ffc3c2}@media (width>=70rem){.room:has(>section:not(.player)){grid-template-columns:minmax(16rem,22rem) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.room>h1,.room>[role=alert]{grid-column:1/-1}}@media (prefers-reduced-motion:no-preference){button{transition:background-color .12s,filter .12s}}