:root{color-scheme:dark;--bg: #313338;--panel: #2b2d31;--border: #1e1f22;--text: #f2f3f5;--muted: #949ba4;--accent: #5865f2;--danger: #da373c;font-family:gg sans,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.page{padding:16px}.page.centered{min-height:100vh;display:flex;align-items:center;justify-content:center}.muted{color:var(--muted);font-size:13px}.error{color:var(--danger);font-size:13px}.activity{padding:12px 16px;display:flex;flex-direction:column;gap:12px}.activity-header{display:flex;justify-content:space-between;align-items:center;font-size:14px}.conn-open{color:#23a55a}.conn-connecting{color:#f0b232}.conn-closed{color:var(--danger)}.debug-toggle{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:4px}.participants{display:flex;flex-wrap:wrap;gap:6px}.participant{font-size:12px;padding:4px 10px;border-radius:999px;background:var(--panel);border:1px solid var(--border)}.participant.broadcasting{border-color:var(--danger)}button{padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;font-size:13px}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.broadcast-controls{display:flex;flex-direction:column;gap:6px}.stream-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}.stream-grid.single{grid-template-columns:1fr}.stream-tile{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px;display:flex;flex-direction:column}.stream-tile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;gap:8px}.stream-tile-actions{display:flex;gap:6px}.stream-canvas{width:100%;max-height:calc(100vh - 220px);border-radius:6px;background:#000;display:block;cursor:zoom-in}.stream-canvas:fullscreen{max-height:100vh;border-radius:0}.metrics-badge{display:flex;flex-wrap:wrap;gap:6px;font-size:10px;color:var(--muted);font-family:ui-monospace,monospace;margin-top:4px}.metrics-badge .warn{color:#f0b232}