:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f7f7fb;background:#14141c}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#3a246c,#14141c 45%)}main{width:min(92vw,500px)}.card{padding:32px;border:1px solid #ffffff1c;border-radius:20px;background:#22222e;box-shadow:0 24px 60px #0005}.hidden{display:none}.eyebrow{color:#aaa6ff;font-size:.75rem;font-weight:700;letter-spacing:.12em;margin:0}h1{margin:6px 0 8px}.muted{color:#b7b7c5}form,label{display:grid;gap:7px}form{gap:17px;margin-top:26px}input,button{border-radius:10px;border:1px solid #ffffff25;padding:12px;font:inherit}input{background:#15151e;color:white}button{border:0;background:#8077f5;color:white;font-weight:700;cursor:pointer}button:hover{background:#938bff}.secondary{background:#3a3947}.room-head,.controls{display:flex;justify-content:space-between;align-items:center;gap:16px}.controls{margin:28px 0 22px;padding:16px;background:#171721;border-radius:12px}#status,.muted{font-size:.9rem}#error{color:#ff9a9a;margin:0;min-height:1em}ul{padding:0;list-style:none}li{padding:12px 0;border-bottom:1px solid #ffffff13}.dot{display:inline-block;width:9px;height:9px;margin-right:10px;border-radius:50%;background:#5ee3a1}