:root{--brand: #0066ff;--brand-2: #3d8bff;--brand-glow: rgba(0, 102, 255, .45);--bg: #060a1f;--bg-2: #0b1233;--surface: rgba(255, 255, 255, .06);--surface-2: rgba(255, 255, 255, .1);--line: rgba(255, 255, 255, .12);--text: #f4f7ff;--muted: #9aa6cc;--live: #ff2d55;--ok: #34d399;--warn: #fbbf24;--danger: #ff5a6e;--radius: 16px;--font: "Inter", "Segoe UI", Roboto, system-ui, -apple-system, sans-serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}html{background:var(--bg)}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}img{display:block;max-width:100%}.brand-bg{background:radial-gradient(60% 50% at 85% 0%,rgba(0,102,255,.35),transparent 70%),radial-gradient(50% 45% at 0% 100%,rgba(255,150,60,.14),transparent 70%),radial-gradient(40% 40% at 100% 100%,rgba(0,102,255,.22),transparent 70%),linear-gradient(180deg,#070c26 0%,var(--bg) 100%)}.live{display:inline-flex;align-items:center;gap:.45em;padding:.3em .75em .3em .6em;border-radius:999px;background:var(--live);color:#fff;font-weight:900;font-style:italic;letter-spacing:.04em;text-transform:uppercase;line-height:1;box-shadow:0 0 #ff2d5599;animation:live-ring 2s infinite}.live:before{content:"";width:.55em;height:.55em;border-radius:50%;background:#fff;animation:live-dot 1s ease-in-out infinite alternate}.live.paused{background:#4b5578;animation:none}.live.paused:before{animation:none;opacity:.7}@keyframes live-ring{70%{box-shadow:0 0 0 .6em #ff2d5500}to{box-shadow:0 0 #ff2d5500}}@keyframes live-dot{to{opacity:.35}}.avatar{--c: #6ea8ff;flex:none;display:inline-grid;place-items:center;width:2.4em;height:2.4em;border-radius:50%;background:color-mix(in srgb,var(--c) 22%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--c) 70%,transparent);font-size:1em;line-height:1}.dot{--c: #6ea8ff;flex:none;display:inline-block;width:.8em;height:.8em;border-radius:50%;background:var(--c);box-shadow:0 0 .6em color-mix(in srgb,var(--c) 70%,transparent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;border:1px solid var(--line);background:var(--surface);padding:.65em 1.1em;border-radius:12px;font-weight:600;transition:background .15s,transform .1s,border-color .15s}.btn:hover{background:var(--surface-2)}a.btn{text-decoration:none;color:inherit}.btn:active{transform:scale(.97)}.btn.primary{background:var(--brand);border-color:transparent;color:#fff}.btn.primary:hover{background:var(--brand-2)}.btn.danger{color:var(--danger);border-color:#ff5a6e59}.btn.danger.armed{background:var(--danger);color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed}.switch{position:relative;width:46px;height:26px;flex:none}.switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1}.switch span{position:absolute;inset:0;border-radius:99px;background:#2a3358;transition:background .2s}.switch span:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}.switch input:checked+span{background:var(--brand)}.switch input:checked+span:after{transform:translate(20px)}.switch input:focus-visible+span{outline:2px solid var(--brand-2);outline-offset:2px}.seg{display:flex;padding:4px;gap:4px;border-radius:12px;background:#0000004d;border:1px solid var(--line)}.seg button{flex:1;border:0;background:transparent;padding:.55em .7em;border-radius:9px;font-size:.9em;font-weight:600;color:var(--muted)}.seg button[aria-pressed=true]{background:var(--brand);color:#fff}:focus-visible{outline:2px solid var(--brand-2);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}[hidden]{display:none!important}.avatar img{width:1em;height:1em}.conn{position:fixed;top:max(8px,env(safe-area-inset-top));left:50%;z-index:100;transform:translate(-50%,-150%);transition:transform .3s;display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:700;background:#0c1232eb;border:1px solid var(--line);color:var(--muted);pointer-events:none}.conn.on{transform:translate(-50%)}.conn:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--warn);animation:live-dot .8s ease-in-out infinite alternate}