:root{font-family:system-ui,sans-serif;color:#f2f0f7;background:#18151f;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:32px}h1{font-size:26px;margin:0 0 24px}.prejoin{max-width:460px;margin:auto}video{width:100%;aspect-ratio:16/9;background:#282331;object-fit:contain;border-radius:12px}label{display:block;margin:14px 0}input,select,button{font:inherit;border:1px solid #51475f;border-radius:8px;padding:12px;background:#282331;color:inherit}input:not([type=checkbox]),select{display:block;width:100%;margin-top:6px}button{cursor:pointer;margin:6px 6px 6px 0}button:disabled{opacity:.45;cursor:default}.primary{background:#7552a3;width:100%;margin-top:20px}.check{display:inline-flex;gap:8px;margin-right:18px}meter{display:block;width:100%;margin-top:10px}.participants{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.tile{background:#282331;border-radius:12px;overflow:hidden}.tile.screen{grid-column:1/-1;background:#000}.tile.screen video{aspect-ratio:auto;max-height:70vh;border-radius:0}.tile span{display:block;padding:12px}nav{margin:24px 0}p[role=alert],p[role=status]{color:#e5c9a0}@media(max-width:600px){main{padding:20px}}