:root{--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "JetBrains Mono", Consolas, monospace;--color-bg:#121418;--color-surface:#1a1d22;--color-surface-raised:#22262c;--color-border:#2c3138;--color-text:#e7e9ec;--color-text-muted:#9aa1ab;--color-accent:#35c2a6;--color-accent-text:#0d2420;--color-speaking:#3ddc84;--color-danger:#f0645a;--color-warning:#e7b04a;--radius-s:6px;--radius-m:10px;--radius-l:14px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--text-s:13px;--text-m:15px;--text-l:20px;--text-xl:26px}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-ui);font-size:var(--text-m);margin:0;line-height:1.4}button,input,select{font:inherit}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.input{width:100%;height:40px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-s);background:var(--color-bg);color:var(--color-text)}.input:focus-visible,.button:focus-visible,.segment:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.button{height:40px;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-s);background:var(--color-surface-raised);color:var(--color-text);cursor:pointer;font-weight:600}.button:disabled{opacity:.6;cursor:default}.button-primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-text)}.button-danger{border-color:var(--color-danger);color:var(--color-danger);background:0 0}.button-leave{border-color:var(--color-danger);background:var(--color-danger);color:#fff;margin-left:auto}.error{color:var(--color-danger);font-size:var(--text-s);margin:0}.link-button{margin-left:var(--space-3);color:inherit;cursor:pointer;background:0 0;border:none;text-decoration:underline}.join{min-height:100vh;padding:var(--space-4);place-items:center;display:grid}.join-card{gap:var(--space-4);width:100%;max-width:380px;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-l);background:var(--color-surface);flex-direction:column;display:flex}.join-title{font-size:var(--text-l);margin:0}.field{gap:var(--space-1);flex-direction:column;display:flex}.field-label{font-size:var(--text-s);color:var(--color-text-muted)}.room{max-width:720px;padding:var(--space-5) var(--space-4);gap:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.banner{padding:var(--space-2) var(--space-3);border-radius:var(--radius-s);background:var(--color-surface-raised);color:var(--color-warning);font-size:var(--text-s)}.banner-error{color:var(--color-danger)}.room-title{font-size:var(--text-xl);margin:0}.members{padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-m);background:var(--color-surface);margin:0;list-style:none}.member{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-s);flex-wrap:wrap;display:flex}.member+.member{border-top:1px solid var(--color-border)}.avatar{background:var(--color-surface-raised);border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;font-weight:700;transition:box-shadow 80ms linear;display:grid}.member.is-speaking .avatar{box-shadow:0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-speaking)}.member-name{text-overflow:ellipsis;white-space:nowrap;flex:140px;min-width:0;font-weight:600;overflow:hidden}.member-you{color:var(--color-text-muted);font-weight:400}.badge{padding:2px var(--space-2);border-radius:var(--radius-s);font-size:12px}.badge-muted{background:color-mix(in srgb, var(--color-danger) 15%, transparent);color:var(--color-danger)}.quality{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.quality-bar{background:var(--color-border);border-radius:1px;width:4px}.quality-bar:first-child{height:5px}.quality-bar:nth-child(2){height:9px}.quality-bar:nth-child(3){height:14px}.quality-excellent .is-lit,.quality-good .is-lit{background:var(--color-speaking)}.quality-poor .is-lit{background:var(--color-warning)}.volume{align-items:center;gap:var(--space-2);display:flex}.volume input{width:110px;accent-color:var(--color-accent)}.volume-value{width:42px;font-family:var(--font-mono);color:var(--color-text-muted);text-align:right;font-size:12px}.controls{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.segmented{border:1px solid var(--color-border);border-radius:var(--radius-s);background:var(--color-bg);padding:3px;display:inline-flex}.segment{height:32px;padding:0 var(--space-3);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;font-weight:600}.segment.is-active{background:var(--color-surface-raised);color:var(--color-text)}.device{min-width:180px;max-width:260px}.button.is-on{border-color:var(--color-accent);color:var(--color-accent)}.button.is-capturing{border-color:var(--color-warning);color:var(--color-warning)}.ptt-settings{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.ptt-key{align-items:center;gap:var(--space-2);display:inline-flex}.hint{font-size:var(--text-s);color:var(--color-text-muted)}.overlay{border:1px solid var(--color-border);background:var(--color-surface);-webkit-user-select:none;user-select:none;flex-direction:column;height:100vh;display:flex;overflow:hidden}.overlay-header{padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);background:var(--color-bg);border-bottom:1px solid var(--color-border);cursor:grab;justify-content:space-between;align-items:center;display:flex}.overlay-title{letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);font-size:12px;font-weight:700}.overlay-close{border-radius:var(--radius-s);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;font-size:18px}.overlay-empty{margin:var(--space-3);font-size:var(--text-s);color:var(--color-text-muted)}.overlay-members{padding:var(--space-2);flex:1;margin:0;list-style:none;overflow-y:auto}.overlay-member{align-items:center;gap:var(--space-2);padding:3px var(--space-1);font-size:var(--text-s);color:var(--color-text-muted);display:flex}.overlay-member.is-speaking{color:var(--color-text);font-weight:600}.overlay-dot{background:var(--color-border);border-radius:50%;flex:0 0 8px;width:8px;height:8px}.overlay-member.is-speaking .overlay-dot{background:var(--color-speaking)}.overlay-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.overlay-muted{color:var(--color-danger);font-size:11px}.overlay-actions{gap:var(--space-2);padding:var(--space-2);border-top:1px solid var(--color-border);display:flex}.overlay-actions .button{height:32px;padding:0 var(--space-2);font-size:var(--text-s);flex:1}.room-header{justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.own-ping{font-size:var(--text-s);color:var(--color-text-muted)}.ping{min-width:52px;font-family:var(--font-mono);text-align:right;white-space:nowrap;font-size:12px}.ping-good{color:var(--color-speaking)}.ping-fair{color:var(--color-warning)}.ping-bad{color:var(--color-danger)}.ping-unknown{color:var(--color-text-muted)}.audio-settings{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-m);background:var(--color-surface)}.audio-settings summary{cursor:pointer;font-weight:600}.audio-settings[open] summary{margin-bottom:var(--space-3)}.audio-settings .field{max-width:360px;margin-bottom:var(--space-3)}.audio-toggles{gap:var(--space-2);border:none;flex-direction:column;margin:0;padding:0;display:flex}.audio-toggles:disabled{opacity:.55}.toggle{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.toggle input{width:16px;height:16px;accent-color:var(--color-accent)}.diagnostics{border-top:1px solid var(--color-border);flex-direction:column;gap:6px;margin-top:14px;padding-top:12px;display:flex}.diagnostics-row{align-items:center;gap:10px;display:flex}.recording-dot{background:var(--color-danger);border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite recording-pulse}@keyframes recording-pulse{50%{opacity:.3}}.diagnostics-saved{word-break:break-all;color:var(--color-text)}.vad-settings{flex-direction:column;gap:6px;margin-top:12px;display:flex}.vad-meter{border-radius:var(--radius-s);background:var(--color-surface-raised);border:1px solid var(--color-border);height:22px;position:relative;overflow:hidden}.vad-level{background:var(--color-text-muted);opacity:.35;transition:width 50ms linear;position:absolute;inset:0 auto 0 0}.vad-level.is-open{background:var(--color-speaking);opacity:.6}.vad-threshold{background:var(--color-warning);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.vad-slider{opacity:0;cursor:ew-resize;width:100%;margin:0;position:absolute;inset:0}.noise-field{margin:6px 0}.vad-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.vad-meter.is-auto .vad-slider{cursor:default}.vad-meter.is-auto .vad-threshold{transition:left .3s}.splash{min-height:100vh;color:var(--color-text-muted);place-items:center;display:grid}.auth-card .auth-tabs{align-self:stretch}.auth-card .auth-tabs .segment{flex:1}.auth-divider{align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--text-s);display:flex}.auth-divider:before,.auth-divider:after{content:"";border-top:1px solid var(--color-border);flex:1}.steam-button{color:#c7d5e0;background:#1b2838;border-color:#2a475e}.workspace{grid-template-columns:64px 260px minmax(0,1fr) 230px;height:100vh;display:grid;overflow:hidden}.rail{align-items:center;gap:var(--space-2);padding:var(--space-3) 0;background:var(--color-bg);border-right:1px solid var(--color-border);flex-direction:column;display:flex;overflow-y:auto}.rail-item{border:1px solid var(--color-border);background:var(--color-surface-raised);width:44px;height:44px;color:var(--color-text);font-weight:700;font-size:var(--text-s);cursor:pointer;border-radius:50%;flex:0 0 44px;transition:border-radius .12s}.rail-item:hover,.rail-item.is-active{border-radius:var(--radius-m)}.rail-item.is-active{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent)}.rail-add{color:var(--color-accent);font-size:var(--text-l);background:0 0;border-style:dashed}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;min-height:0;display:flex}.sidebar-header{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.sidebar-title{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.sidebar-header .link-button{font-size:var(--text-s);color:var(--color-accent);margin:0}.sidebar-empty{padding:var(--space-4);gap:var(--space-3);color:var(--color-text-muted);flex-direction:column;display:flex}.channel-map{padding:var(--space-2) var(--space-3) var(--space-4);gap:var(--space-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.map-section{margin-top:var(--space-3);justify-content:space-between;align-items:center;display:flex}.map-title{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);font-size:11px;font-weight:700}.map-section .link-button{font-size:var(--text-s);color:var(--color-text-muted);margin:0;text-decoration:none}.voice-card{gap:var(--space-2);width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-m);background:var(--color-bg);color:var(--color-text);text-align:left;cursor:pointer;flex-direction:column;display:flex}.voice-card:hover{border-color:var(--color-text-muted)}.voice-card.is-here{border-color:var(--color-accent)}.voice-card.is-open{background:var(--color-surface-raised)}.voice-card-head{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;padding:0;font-weight:600;display:flex}.voice-card-count,.voice-card-empty{color:var(--color-text-muted);font-size:var(--text-s)}.voice-card-people{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.voice-person{align-items:center;gap:var(--space-2);font-size:var(--text-s);display:flex}.voice-person .avatar{flex-basis:22px;width:22px;height:22px;font-size:11px}.voice-person-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.voice-person-muted{margin-left:auto;font-size:11px}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar.is-speaking{box-shadow:0 0 0 2px var(--color-speaking)}.text-channel{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-s);color:var(--color-text-muted);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.text-channel:hover,.text-channel.is-active{background:var(--color-surface-raised);color:var(--color-text)}.unread-dot{background:var(--color-text);border-radius:50%;width:8px;height:8px;margin-left:auto}.voice-bar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border);background:var(--color-surface-raised);display:flex}.voice-bar-info{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;padding:0;display:flex}.voice-bar-status{color:var(--color-speaking);font-size:var(--text-s);font-weight:700}.voice-bar-status.is-warn{color:var(--color-warning)}.voice-bar-channel{font-size:var(--text-s);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.voice-bar-buttons{gap:var(--space-1);display:flex}.icon-button{border:1px solid var(--color-border);border-radius:var(--radius-s);background:var(--color-surface);width:32px;height:32px;color:var(--color-text);cursor:pointer}.icon-button.is-off{border-color:var(--color-danger)}.icon-button.is-leave{color:var(--color-danger)}.icon-button:disabled{opacity:.5;cursor:default}.me-bar{align-items:center;gap:var(--space-1) var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.me-bar .avatar{width:28px;height:28px;font-size:var(--text-s);flex-basis:28px}.me-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-s);flex:96px;overflow:hidden}.me-bar .link-button{font-size:var(--text-s);color:var(--color-text-muted);margin:0}.main-area{flex-direction:column;min-width:0;min-height:0;display:flex;overflow-y:auto}.main-area>.banner{margin:var(--space-3) var(--space-4) 0}.main-empty{margin:auto}.room-channel{margin:0 0 var(--space-1);color:var(--color-text-muted);font-size:var(--text-s)}.chat{flex-direction:column;flex:1;min-height:0;display:flex}.chat-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);font-weight:700}.chat-messages{padding:var(--space-3) var(--space-4);flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.chat-older{margin:0 0 var(--space-3);font-size:var(--text-s);color:var(--color-text-muted);align-self:center}.chat-empty{margin:auto}.message{padding-top:var(--space-3)}.message.is-grouped{padding-top:0}.message-head{align-items:center;gap:var(--space-2);display:flex}.message-head .avatar{width:28px;height:28px;font-size:var(--text-s);flex-basis:28px}.message-author{font-weight:700}.message-time{color:var(--color-text-muted);font-size:12px}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:2px 0 0 36px}.chat-input{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);display:flex}.member-list{gap:var(--space-1);padding:var(--space-3);background:var(--color-surface);border-left:1px solid var(--color-border);flex-direction:column;display:flex;overflow-y:auto}.member-item{align-items:center;gap:var(--space-2);padding:var(--space-1) 0;opacity:.55;display:flex}.member-item.is-online{opacity:1}.member-item .avatar{flex-basis:26px;width:26px;height:26px;font-size:12px}.member-item-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-s);flex:1;overflow:hidden}.role-badge{color:var(--color-text-muted);font-size:11px}.role-owner{color:var(--color-warning)}.role-admin{color:var(--color-accent)}.role-select{border:1px solid var(--color-border);border-radius:var(--radius-s);background:var(--color-bg);max-width:92px;color:var(--color-text);font-size:11px}.member-kick{color:var(--color-text-muted);margin:0;font-size:12px;text-decoration:none}.dialog-backdrop{padding:var(--space-4);z-index:10;background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.dialog{gap:var(--space-4);width:100%;max-width:420px;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-l);background:var(--color-surface);flex-direction:column;max-height:calc(100vh - 32px);display:flex;overflow-y:auto}.dialog-title{font-size:var(--text-l);margin:0}.dialog-section{gap:var(--space-3);flex-direction:column;display:flex}@media (width<=960px){.workspace{grid-template-columns:56px 220px minmax(0,1fr)}.member-list{display:none}}.banner-update{color:var(--color-text);border:1px solid var(--color-accent)}.banner-update-row{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.banner-actions{align-items:center;gap:var(--space-3);display:flex}.button-small{height:30px;padding:0 var(--space-3);font-size:var(--text-s)}.whats-new-list{margin:var(--space-2) 0 0;padding-left:var(--space-4);line-height:1.5}.me-profile{align-items:center;gap:var(--space-2);border-radius:var(--radius-s);min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:96px;padding:2px;display:flex}.me-profile:hover{background:var(--color-surface-raised)}.profile-head{align-items:center;gap:var(--space-4);display:flex}.profile-avatar .avatar{width:72px;height:72px;font-size:var(--text-xl);flex-basis:72px}.profile-avatar-actions{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.profile-avatar-actions .hint{flex-basis:100%}.profile-email{gap:var(--space-3);flex-direction:column;display:flex}.profile-saved{color:var(--color-accent)}.voice-menu{margin-left:auto;position:relative}.voice-person-muted+.voice-menu{margin-left:0}.voice-menu-button{border-radius:var(--radius-s);width:24px;height:22px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;padding:0}.voice-menu-button:hover,.voice-menu-button[aria-expanded=true]{background:var(--color-surface-raised);color:var(--color-text)}.voice-menu-list{z-index:20;min-width:200px;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-m);background:var(--color-surface);flex-direction:column;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0006}.voice-menu-list button{padding:var(--space-2) var(--space-3);border-radius:var(--radius-s);color:var(--color-text);font:inherit;font-size:var(--text-s);text-align:left;cursor:pointer;background:0 0;border:0}.voice-menu-list button:hover{background:var(--color-surface-raised)}.voice-menu-list button.is-danger{color:var(--color-danger)}.voice-person-muted.is-server{filter:saturate(.8)}.banner-info{color:var(--color-text)}