:root{color-scheme:dark;--bg: #0b1220;--panel: #121a2b;--line: #243049;--text: #e8eefc;--muted: #93a0b8;--blue: #3b82f6;--green: #10b981;--red: #ef4444;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(1200px 600px at 10% -10%,#1a2b4d 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#143528 0%,transparent 50%),var(--bg);color:var(--text)}#root{min-height:100vh}.app{max-width:1100px;margin:0 auto;padding:24px 16px 48px}.brand{font-size:28px;font-weight:700;letter-spacing:-.03em;margin:0}.sub{color:var(--muted);margin:6px 0 20px}.card{background:color-mix(in srgb,var(--panel) 92%,black);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:16px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}input{background:#0a101c;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:10px 12px;min-width:180px}button{border:0;border-radius:999px;padding:10px 16px;font-weight:600;cursor:pointer;background:var(--blue);color:#fff}button.secondary{background:#243049}button.danger{background:var(--red)}button.success{background:var(--green);color:#052e1c}button:disabled{opacity:.5;cursor:not-allowed}.stage{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:14px;overflow:hidden;border:2px solid var(--line)}.stage .feed{position:absolute;object-fit:cover;background:#000}.stage .feed.main{top:0;right:0;bottom:0;left:0;width:100%;height:100%}.stage .feed.pip,.pip-anchor{position:absolute;top:12px;right:12px;width:28%;height:37%}.stage .feed.pip{border-radius:12px;border:2px solid #fff;box-shadow:0 10px 28px #00000073;z-index:2}.stage-badges{position:absolute;left:12px;top:12px;z-index:3;display:flex;gap:8px}.stage-badges .badge,.stage-badges .rec-badge{position:static}.pip-anchor{z-index:3;pointer-events:none;display:flex;align-items:flex-end;padding:8px;box-sizing:border-box}.pip-anchor .badge{position:static}.reconnect-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;background:#0000008c;color:#fff;font-size:22px;font-weight:700;letter-spacing:-.02em}.badge{position:absolute;left:10px;top:10px;z-index:2;background:#000000b3;padding:6px 10px;border-radius:8px;font-size:12px;font-weight:700}.rec-badge{position:absolute;right:10px;top:10px;z-index:2;display:flex;align-items:center;gap:6px;background:#000000b3;color:#fecaca;padding:6px 10px;border-radius:8px;font-size:12px;font-weight:700}.rec-dot{width:8px;height:8px;border-radius:50%;background:var(--red)}.timer{font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.04em;padding:8px 12px;border-radius:999px;background:#0a101c;border:1px solid var(--line)}a.download{display:inline-flex;align-items:center;border-radius:999px;padding:10px 16px;font-weight:600;background:var(--green);color:#052e1c;text-decoration:none}.incoming{border-color:var(--green);box-shadow:0 0 0 1px color-mix(in srgb,var(--green) 40%,transparent)}.status{color:var(--muted);font-size:14px}.users{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:13px;color:var(--muted)}.note{font-size:13px;color:var(--muted);line-height:1.45}