*{box-sizing:border-box;margin:0}:root{--bg: #101418;--panel: #1a2027;--border: #2c353f;--text: #e6ebf0;--muted: #8b98a5;--accent: #3d9df2;--record: #e5484d;font-size:15px}body{background:var(--bg);color:var(--text);font-family:-apple-system,SF Pro Text,Helvetica Neue,sans-serif;min-height:100vh}#connect-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg);z-index:10}#connect-form{display:flex;flex-direction:column;gap:.75rem;width:min(320px,90vw)}#connect-form h1{font-size:1.4rem;text-align:center;margin-bottom:.5rem}input,button{font:inherit;padding:.6rem .9rem;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text)}button{cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}.error{color:var(--record);font-size:.85rem}main{display:flex;flex-direction:column;gap:.9rem;padding:.9rem;max-width:1100px;margin:0 auto}header{display:flex;align-items:baseline;gap:1rem}.brand{font-weight:600}#room-state,#latency{color:var(--muted);font-size:.85rem}#latency{margin-left:auto;font-variant-numeric:tabular-nums}#tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:.9rem}.tile{position:relative;background:#000;border:1px solid var(--border);border-radius:10px;overflow:hidden;aspect-ratio:16 / 9}.tile.selected{border-color:var(--accent)}.tile video{width:100%;height:100%;object-fit:contain}.tile .label{position:absolute;left:.5rem;bottom:.5rem;background:#0000008c;padding:.15rem .5rem;border-radius:6px;font-size:.8rem}.tile .rec-dot{position:absolute;right:.5rem;top:.5rem;width:12px;height:12px;border-radius:50%;background:var(--record);display:none}.tile.recording .rec-dot{display:block;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.35}}#controls{display:flex;flex-wrap:wrap;gap:.9rem;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:.75rem}.control-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}#session-id{width:11rem}button.record{background:var(--record);border-color:var(--record);color:#fff}#rocker{display:flex;align-items:center;gap:.4rem;border:1px solid var(--border);border-radius:8px;padding:.25rem .5rem}#rocker span{color:var(--muted);font-size:.8rem}#rocker button{min-width:4.2rem;user-select:none;-webkit-user-select:none;touch-action:none}#rocker button:active{background:var(--accent);color:#fff}#status-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.9rem}.status-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:.7rem .9rem;font-size:.85rem;display:grid;grid-template-columns:auto 1fr;gap:.2rem .8rem}.status-card .k{color:var(--muted)}.status-card .warn{color:#f2c94c}.status-card .crit{color:var(--record)}