:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--bg: #0b0b0d;--fg: #e6e6e6;--muted: #8a8a92;--accent: #5ad1ff;--ok: #4ade80;--err: #ef4444}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);height:100%}#app{display:flex;flex-direction:column;min-height:100vh}header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.2rem;border-bottom:1px solid #1f1f24}header h1{font-size:1rem;margin:0;font-weight:500;letter-spacing:.02em}.status{font-size:.75rem;padding:.25rem .6rem;border-radius:999px;font-weight:600}.status.disconnected{background:#2a1414;color:var(--err)}.status.connecting{background:#2a2414;color:#facc15}.status.connected{background:#11281a;color:var(--ok)}main{flex:1;display:flex;flex-direction:column;gap:1rem;padding:1rem;align-items:center}#stage{position:relative;aspect-ratio:9/16;height:min(85vh,720px);background:#000;border-radius:8px;overflow:hidden}#performer-video{width:100%;height:100%;object-fit:contain;background:#000}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009;color:var(--muted);font-size:1rem}.overlay.hidden{display:none}details{background:#111114;border:1px solid #1f1f24;border-radius:6px;padding:.6rem .8rem;font-size:.85rem}details summary{cursor:pointer;color:var(--muted)}pre{margin:.6rem 0 0;color:var(--muted);white-space:pre-wrap;word-break:break-all}