:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;color:#edf0f7;background:#12151c;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{max-width:1200px;margin:auto;padding:28px 32px;display:flex;align-items:center;gap:28px;color:#8c96a8;font-size:14px}.brand{font-size:27px;font-weight:850;color:#b1f278;text-decoration:none;letter-spacing:-1px}header button{margin-left:auto}main{max-width:1200px;margin:35px auto;padding:0 32px;min-height:68vh}.card{background:#1b202a;border:1px solid #2c3443;border-radius:22px;padding:28px}.login{max-width:470px;margin:50px auto}.eyebrow{font-size:11px;letter-spacing:2px;color:#a5bb91;font-weight:700}h1{font-size:clamp(32px,5vw,48px);line-height:1.12;letter-spacing:-1.8px;margin:18px 0}h2{font-size:18px;margin:0 0 20px}p{color:#9da8ba;line-height:1.6}form{display:grid;gap:20px;margin-top:30px}label{display:grid;gap:8px;font-size:13px;color:#bdc7d9}input{width:100%;padding:14px;border:1px solid #3a4557;border-radius:10px;background:#11161f;color:#fff;font:inherit}input:focus{outline:2px solid #b1f278}button{border:1px solid #3a4557;background:#282f3d;color:#e5ebf5;font:inherit;padding:12px 16px;border-radius:11px;cursor:pointer;transition:background .15s}button:hover{background:#354159}button:disabled{opacity:.5;cursor:wait}button:focus-visible{outline:2px solid #b1f278;outline-offset:3px}.primary{background:#b1f278;color:#14230c;border-color:#b1f278;font-weight:750}.primary:hover{background:#c6ff96}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}#who{color:#b7c2d3}.layout{display:grid;grid-template-columns:230px 1fr;gap:20px}aside{height:fit-content}#rooms{display:grid;gap:10px}#rooms button{text-align:left}#rooms button.active{background:#30422c;color:#c3f89d;border-color:#6e9453}.hint{font-size:12px;margin-top:28px}.stage{min-height:420px}.stage-header{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.stage-header h2{margin-bottom:10px}#status{font-size:12px;color:#a4b1c5}.participants{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.participant{background:#252c38;border:2px solid transparent;border-radius:16px;padding:16px;min-width:130px;max-width:100%;overflow-wrap:anywhere}.participant.speaking{border-color:#b1f278;box-shadow:0 0 18px #b1f27815}.participant .avatar{display:block;font-size:24px;color:#b1f278;margin-bottom:10px}.participant small{display:block;color:#96a4ba;margin-top:7px}#empty{text-align:center;padding:40px 10px}.orb{width:65px;height:65px;border-radius:50%;background:#2d3c2b;color:#b1f278;display:grid;place-items:center;font-size:32px;margin:0 auto 25px}#controls{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid #333c4d;margin-top:25px;padding-top:20px}.danger{background:#482b34;color:#ffb4c4;border-color:#66404d}#screens{display:grid;gap:20px;margin-top:24px}#screens figure{margin:0}#screens video{width:100%;max-height:65vh;background:#0b0e13;border-radius:12px}figcaption{font-size:13px;color:#b1bdd0;margin-bottom:8px}#message{min-height:24px;color:#ffb4c4;text-align:center}footer{text-align:center;font-size:12px;color:#7e899c;padding:30px}[hidden]{display:none!important}@media(max-width:700px){header{padding:20px;gap:14px}header>span{display:none}main{padding:0 16px;margin:15px auto}.layout{grid-template-columns:1fr}.card{padding:20px}#rooms{display:flex;flex-wrap:wrap}.hint{display:none}.participant{min-width:100px}.login{margin:25px auto}#controls button{flex:1}h1{letter-spacing:-1px}}