:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f14;--panel:#131a22;--panel-border:#223041;--text:#e6edf3;--text-dim:#8b98a5;--accent:#3fb6a8;--accent-hover:#4cc9ba;--accent-contrast:#04211d;--danger:#e5534b;--danger-hover:#f06860;--warn:#d29922}*{box-sizing:border-box}html,body{min-height:100vh;margin:0}body{background:radial-gradient(1100px 500px at 80% -10%, #3fb6a81f, transparent 60%), radial-gradient(900px 500px at 10% 110%, #3f78b61a, transparent 60%), var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5}#root{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;width:100%;max-width:540px;padding:28px;box-shadow:0 24px 70px #00000080}.card.center{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}h1{letter-spacing:-.01em;margin:0;font-size:1.35rem;font-weight:650}.dim{color:var(--text-dim);margin:0}.console{flex-direction:column;gap:20px;display:flex}.console-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.console-header p{margin:4px 0 0;font-size:.9rem}.profile-row{border:1px solid var(--panel-border);background:#ffffff08;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:.9rem;display:flex}.chip{border:1px solid var(--panel-border);color:var(--text-dim);white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:.85rem}.chip-live{border-color:var(--accent);color:var(--accent);background:#3fb6a81a}.session-controls{flex-direction:column;gap:12px;display:flex}.btn{appearance:none;border:1px solid var(--panel-border);color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:10px;padding:10px 18px;font-size:.95rem;font-weight:550;transition:background .12s,border-color .12s,color .12s}.btn:hover:not(:disabled){background:#ffffff14}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-start{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);border-radius:12px;padding:14px 24px;font-size:1.05rem;font-weight:650}.btn-start:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-hover);border-color:var(--danger-hover)}.btn-ghost{color:var(--text-dim);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--text)}.notice{color:var(--warn);background:#d2992214;border:1px solid #d2992273;border-radius:10px;margin:0;padding:12px 16px;font-size:.9rem}.error{color:var(--danger);overflow-wrap:anywhere;background:#e5534b14;border:1px solid #e5534b73;border-radius:10px;margin:0;padding:12px 16px;font-size:.9rem}.live-controls{border:1px solid var(--panel-border);background:#ffffff05;border-radius:12px;flex-direction:column;gap:14px;padding:16px;display:flex}.session-status{color:var(--text-dim);align-items:center;gap:8px;margin:0;font-size:.9rem;display:flex}.session-status .status-dot{background:var(--text-dim);border-radius:50%;width:9px;height:9px}.session-status.live{color:var(--accent)}.session-status.live .status-dot{background:var(--accent);box-shadow:0 0 0 4px #3fb6a82e}.button-row{flex-wrap:wrap;gap:10px;display:flex}.button-row .btn{flex:1;min-width:110px}.console-footer{border-top:1px solid var(--panel-border);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:14px;font-size:.78rem;display:flex}