:root{color-scheme:dark;--bg:#07111f;--card:#101d30;--text:#f5f7fb;--muted:#a7b3c7;--accent:#35d0a0;--danger:#ff6b6b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px system-ui;min-height:100dvh}main{max-width:960px;margin:auto;padding:16px}h1{font-size:1.3rem}.card{background:var(--card);border-radius:18px;padding:16px;margin-bottom:14px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:grid;gap:6px;margin-bottom:10px}label{font-weight:650;font-size:.9rem}input,select{width:100%;border:1px solid #34465e;border-radius:12px;background:#07111f;color:var(--text);font:inherit;padding:12px}button{border:0;border-radius:13px;padding:13px 11px;background:#20324a;color:var(--text);font:600 .95rem system-ui;cursor:pointer}button.primary{background:var(--accent);color:#03140f}button.danger{background:#5b2530}button:disabled{opacity:.45}.controls{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.viewer{position:relative;overflow:hidden;border-radius:22px;background:#02060c;aspect-ratio:16/9}video{width:100%;height:100%;object-fit:contain}.empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:24px;color:var(--muted)}.hidden{display:none!important}.status{min-height:24px;color:var(--muted);margin:12px 2px}.error{color:var(--danger)}.rooms{display:grid;gap:8px}.room{display:flex;justify-content:space-between;align-items:center;background:#17263a;padding:10px;border-radius:12px;gap:8px}.row{display:flex;gap:8px}.row>*:first-child{flex:1}.muted{color:var(--muted);font-size:.86rem}.gate{max-width:520px;margin:10vh auto}.recording{color:#ff7474}@media(max-width:600px){.grid{grid-template-columns:1fr}.controls{grid-template-columns:1fr 1fr}.viewer{aspect-ratio:3/4}}