:root,[data-theme=violet]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08050d;--bg-2:#120a1f;--panel:#1c122eb8;--solid:#160d26;--line:#c4b5fd24;--line-strong:#c4b5fd47;--surface:#ffffff0f;--surface-2:#ffffff1c;--well:#00000061;--accent:#8b5cf6;--accent-2:#6d28d9;--hi:#f472b6;--hi-2:#c084fc;--text:#f1ecfa;--muted:#a498bd;--on-accent:#fff;--glow-1:#8b5cf64d;--glow-2:#f472b61f;--green:#4ade80;--red:#fb7185;--red-text:#fecdd3;--shadow:#00000073}[data-theme=blue]{--bg:#05080f;--bg-2:#0a1222;--panel:#101a30b8;--solid:#0d1730;--line:#93c5fd24;--line-strong:#93c5fd4d;--accent:#3b82f6;--accent-2:#1d4ed8;--hi:#38bdf8;--hi-2:#818cf8;--text:#eaf1fb;--muted:#94a3b8;--glow-1:#3b82f64d;--glow-2:#38bdf81f}[data-theme=green]{--bg:#050b08;--bg-2:#0a1a12;--panel:#0e2418b8;--solid:#0c2217;--line:#86efac24;--line-strong:#86efac4d;--accent:#22c55e;--accent-2:#15803d;--hi:#34d399;--hi-2:#a3e635;--text:#ecf7ef;--muted:#94b3a2;--glow-1:#22c55e3d;--glow-2:#a3e6351a}[data-theme=gray]{--bg:#0a0a0b;--bg-2:#141416;--panel:#1e1e22c2;--solid:#1b1b1f;--line:#ffffff1c;--line-strong:#ffffff3d;--accent:#71717a;--accent-2:#52525b;--hi:#e4e4e7;--hi-2:#a1a1aa;--text:#f4f4f5;--muted:#a1a1aa;--glow-1:#a1a1aa29;--glow-2:#a1a1aa0f}[data-theme=rose],[data-theme=white],[data-theme=yellow]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface:#0000000b;--surface-2:#00000014;--well:#0000000f;--green:#16a34a;--red:#e11d48;--red-text:#9f1239;--shadow:#3c1e3c24;--on-accent:#fff}[data-theme=rose]{--bg:#fdf2f8;--bg-2:#fce7f3;--panel:#ffffffd1;--solid:#fff;--line:#be185d29;--line-strong:#be185d52;--accent:#ec4899;--accent-2:#db2777;--hi:#be185d;--hi-2:#a855f7;--text:#3b0a24;--muted:#8a5a72;--glow-1:#f472b64d;--glow-2:#c084fc2e}[data-theme=white]{--bg:#f4f4f7;--bg-2:#fff;--panel:#ffffffe6;--solid:#fff;--line:#0f172a1f;--line-strong:#0f172a42;--accent:#7c3aed;--accent-2:#6d28d9;--hi:#6d28d9;--hi-2:#db2777;--text:#111827;--muted:#6b7280;--glow-1:#7c3aed1a;--glow-2:#db27770f}[data-theme=yellow]{--bg:#fefce8;--bg-2:#fef9c3;--panel:#fffc;--solid:#fffef5;--line:#a1620733;--line-strong:#a1620766;--accent:#ca8a04;--accent-2:#a16207;--hi:#a16207;--hi-2:#c2410c;--text:#3a2a05;--muted:#7c6a3a;--glow-1:#facc1559;--glow-2:#fb923c26}:root{--display:"Space Grotesk", "Inter", system-ui, sans-serif;--sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--radius:18px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}html{background:var(--bg)}body{background:radial-gradient(900px 520px at 12% -8%, var(--glow-1), transparent 62%), radial-gradient(700px 480px at 100% 4%, var(--glow-2), transparent 60%), linear-gradient(180deg, var(--bg-2), var(--bg) 55%);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;background-attachment:fixed;font-size:15px;line-height:1.55}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;margin:0;font-weight:600}p{margin:0}button{font:inherit;color:inherit}.wrap{max-width:1120px;margin:0 auto;padding:24px 16px 56px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 24px 60px var(--shadow), inset 0 1px 0 #ffffff0d;-webkit-backdrop-filter:blur(18px);padding:22px}.panel h2{margin-bottom:14px;font-size:16px}.hint{color:var(--muted);font-size:13px}.btn{font-family:var(--sans);color:var(--text);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s,transform 80ms,box-shadow .15s}.btn:hover{background:var(--surface-2);border-color:var(--line-strong)}.btn:active{transform:scale(.98)}.btn:focus-visible,.tab:focus-visible,.choice:focus-visible,.me:focus-visible,.keycap:focus-visible,.swatch:focus-visible,.menu button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--hi);outline-offset:2px}.btn.primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:var(--on-accent);box-shadow:0 8px 24px var(--glow-1);border-color:#0000}.btn.pink{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:var(--on-accent);border-color:#0000}.btn.on,.btn.danger{background:color-mix(in srgb, var(--red) 16%, transparent);border-color:color-mix(in srgb, var(--red) 50%, transparent);color:var(--red-text)}.btn.sel{border-color:var(--hi);background:color-mix(in srgb, var(--hi) 12%, transparent)}.btn.big{font-family:var(--display);border-radius:14px;padding:15px 38px;font-size:18px;font-weight:600}.btn.small{border-radius:10px;padding:7px 12px;font-size:13px}.btn.icon{border-radius:50%;flex:none;place-items:center;width:44px;height:44px;padding:0;display:inline-grid;position:relative}.btn:disabled{opacity:.45;cursor:default}kbd{font-family:var(--sans);background:var(--solid);min-width:18px;height:18px;color:var(--text);border:1px solid var(--line-strong);border-radius:6px;place-items:center;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:grid}.btn.icon kbd{position:absolute;bottom:-5px;right:-5px}kbd.inline{margin-left:4px;display:inline-grid}header.top{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:22px;display:flex}.logo{font-family:var(--display);letter-spacing:-.03em;font-size:24px;font-weight:700}.logo span,.hero h1 span{background:linear-gradient(135deg, var(--hi), var(--hi-2));color:#0000;-webkit-background-clip:text;background-clip:text}.account{margin-left:auto;position:relative}.me{cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 10px;font-weight:500;display:flex}.me:hover{border-color:var(--line-strong)}.me img{image-rendering:pixelated;border-radius:8px}.dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--green) 20%, transparent);border-radius:50%}.dot.off{background:var(--red);box-shadow:0 0 0 4px color-mix(in srgb, var(--red) 20%, transparent)}.menu{z-index:20;background:var(--solid);border:1px solid var(--line-strong);min-width:180px;box-shadow:0 18px 40px var(--shadow);border-radius:14px;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.menu button{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:9px;width:100%;padding:9px 12px;display:block}.menu button:hover{background:var(--surface-2)}.menu .danger{color:var(--red)}.center{place-items:center;min-height:86vh;display:grid}.hero{text-align:center;width:100%;max-width:540px;padding:36px 32px 40px}.biglogo{margin:0 auto 10px;display:block}.hero h1{letter-spacing:-.04em;margin-bottom:14px;font-size:42px;font-weight:700}.hero p{color:var(--muted);margin-bottom:20px}.hero p:last-child{margin-bottom:0}.hero b{color:var(--text)}.alert{border:1px solid color-mix(in srgb, var(--red) 45%, transparent);background:color-mix(in srgb, var(--red) 10%, transparent);color:var(--red-text);text-align:left;border-radius:12px;margin-bottom:18px;padding:11px 14px}.choices{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.choice{text-align:left;background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:14px;padding:16px;transition:border-color .15s,background .15s}.choice:hover{border-color:var(--line-strong)}.choice.sel{border-color:var(--hi);background:color-mix(in srgb, var(--hi) 9%, transparent)}.choice h3{margin-bottom:4px;font-size:16px}.keycap{text-align:center;min-width:46px;font-family:var(--display);cursor:pointer;background:var(--well);border:1px solid var(--line-strong);color:var(--hi);border-bottom-width:3px;border-radius:10px;padding:6px 12px;font-size:16px;font-weight:600}.keycap.listening{border-color:var(--hi)}.setting{text-align:left;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.seg{gap:6px;display:inline-flex}.overlay{z-index:50;background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--solid);width:100%;max-width:480px}.modal h2{font-size:20px}.modal h3{color:var(--muted);font-size:13px;font-family:var(--sans);letter-spacing:0;margin:18px 0 10px;font-weight:600}.modal p{margin-bottom:12px}.modal .warn{color:var(--red-text)}.actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.themes{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;display:grid}.swatch{cursor:pointer;text-align:left;background:var(--surface);border:1px solid var(--line);color:inherit;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.swatch.sel{border-color:var(--hi)}.swatch i{background:linear-gradient(135deg, var(--bg-2) 50%, var(--accent) 50%);border:1px solid #80808080;border-radius:50%;flex:none;width:18px;height:18px}.btn.big img{image-rendering:pixelated;vertical-align:-6px;border-radius:7px;margin-right:10px}.textlink{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.textlink:hover{color:var(--text)}.notice{border:1px solid color-mix(in srgb, var(--hi) 45%, transparent);background:color-mix(in srgb, var(--hi) 10%, transparent);border-radius:12px;margin-bottom:18px;padding:11px 14px}.grid.disabled{opacity:.4;pointer-events:none;filter:grayscale(.6);-webkit-user-select:none;user-select:none}.grid{grid-template-columns:300px 1fr;align-items:start;gap:20px;display:grid}.controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.modes{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;display:flex}.modes .btn span{color:var(--muted);margin-left:4px;font-size:12px}.meter{background:var(--well);border-radius:999px;flex:1;min-width:140px;height:8px;position:relative}.meter i{background:linear-gradient(90deg, var(--accent), var(--hi));border-radius:999px;height:100%;transition:width 60ms linear;display:block}.meter b{background:var(--text);opacity:.8;border-radius:2px;width:2px;position:absolute;top:-4px;bottom:-4px}.tabs{background:var(--well);border:1px solid var(--line);border-radius:12px;gap:4px;margin-bottom:12px;padding:4px;display:inline-flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:7px 16px;font-size:14px;font-weight:500}.tab:hover{color:var(--text)}.tab.sel{background:var(--surface-2);color:var(--text)}.players{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.player{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.player img{background:var(--well);width:44px;height:44px;image-rendering:pixelated;border-radius:10px}.player img,.me img{transition:box-shadow .12s}.player.talk img,.me img.talk{box-shadow:0 0 0 2px var(--solid), 0 0 0 4px var(--green), 0 0 18px color-mix(in srgb, var(--green) 65%, transparent)}.player.silenced img{opacity:.45}.vol{align-items:center;gap:8px;margin-top:4px;display:flex}.vol span{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;min-width:44px;font-size:12px}.player .name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.player .meta{color:var(--muted);font-size:12px}.player input[type=range]{width:100%}.tag{background:color-mix(in srgb, var(--hi) 16%, transparent);color:var(--hi);border-radius:999px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:600}.empty{color:var(--muted);text-align:center;padding:34px 8px}input[type=range]{accent-color:var(--hi)}.display{background:var(--well);border:1px solid var(--line);text-align:center;border-radius:14px;margin-bottom:14px;padding:16px 10px 12px}.display .f{font-family:var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:linear-gradient(135deg, var(--hi), var(--hi-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:44px;font-weight:700;line-height:1}.display.off .f{color:var(--muted);opacity:.45;background:0 0}.display small{color:var(--muted);min-height:18px;margin-top:8px;font-size:12px;display:block}.digits{justify-content:center;align-items:center;gap:6px;margin-bottom:14px;display:flex}.digits span{font-family:var(--display);color:var(--muted);font-size:22px}select,input[type=text]{font-family:var(--sans);color:var(--text);background:var(--well);border:1px solid var(--line);border-radius:10px;padding:9px 10px;font-size:14px}select option{background:var(--solid);color:var(--text)}input[type=text]::placeholder{color:var(--muted)}.digits select{text-align:center;width:54px;font-family:var(--display);font-size:18px;font-weight:600}.row{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.freqs{gap:6px;display:grid}.freqs button{font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.filters{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.filters input{flex:1;min-width:120px}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line-strong);white-space:nowrap;padding:8px 10px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--line);white-space:nowrap;padding:9px 10px}td.num{font-variant-numeric:tabular-nums}@media (max-width:800px){.grid,.choices{grid-template-columns:1fr}.hero{padding:30px 20px}.hero h1{font-size:34px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}