*{box-sizing:border-box}body{margin:0;background:#101820;color:#e8eef2;font-family:system-ui,sans-serif}main{max-width:1200px;margin:auto;padding:24px}header{display:flex;align-items:center;gap:24px;flex-wrap:wrap;border-bottom:1px solid #344454}header span{margin-left:auto}.layout{display:grid;grid-template-columns:260px 1fr;gap:32px;padding-top:24px}button,input{font:inherit;border:1px solid #506578;border-radius:6px;padding:2px 10px}button{background:#243b50;color:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}button[aria-current=true]{border-color:#6acdaf}button:focus-visible,input:focus-visible{outline:3px solid #6acdaf}nav button{width:100%;margin-bottom:3px;text-align:left}nav p{margin-bottom:3px}.room-group-title{margin:18px 0 8px;color:#b8c8d6;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.rooms-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;line-height:1.4}.rooms-refresh{display:grid;place-items:center;flex-shrink:0;width:1.4em;height:1.4em;padding:0;border:0;border-radius:50%;line-height:1}small{display:block;color:#b8c8d6;font-size:.8rem}h1 small{display:inline}.controls{display:flex;gap:10px;flex-wrap:wrap}ul{list-style:none;margin:0;padding:0 0 24px}.speaking{color:#6acdaf}[role=alert]{color:#ffbfad}.screen video{width:100%;max-height:55vh;object-fit:contain;background:#000}.screen video:fullscreen{width:100vw;height:100vh;max-height:none;object-fit:contain}.screen{margin-bottom:24px}.login{max-width:420px;margin-top:10vh}form,label{display:grid;gap:10px}form{gap:20px}@media(max-width:700px){.layout{grid-template-columns:1fr}}