@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/fonts/nunito.ttf)format("truetype")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#091a29;--rail:#091a29f5;--sidebar:#173044f0;--panel:#10283d;--stage:#173044c7;--tile:#173044f0;--hover:#203e55;--active:#224d73;--border:#94c2e33d;--text:#fff0db;--text-strong:#fff0db;--muted:#abc8e4;--accent:#a1c9f0;--on-primary:#10283d;--field:#091927b8;--shadow:inset 0 1px 0 #beddf50a, 0 12px 32px #0008122e;--ok:#a0d6b4;--warn:#ffd98b;--danger:#f2a7a0;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:500;line-height:1.4}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}::selection{background:var(--accent);color:var(--on-primary)}h1,h2,p{margin:0}button{font:inherit;cursor:pointer;background:var(--accent);color:var(--on-primary);border:0;border-radius:4px;padding:8px 16px;font-weight:700}button:disabled{opacity:.6;cursor:default}button{transition:background-color .2s ease-out,color .2s ease-out,box-shadow .2s ease-out}button:enabled:hover{background:var(--active);color:var(--text-strong)}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:enabled:active{transform:translateY(1px)}input{font:inherit;border:1px solid var(--border);background:var(--field);color:var(--text);border-radius:4px;padding:10px}input[type=range]{cursor:pointer;background:0 0;border:0;border-radius:0;padding:0}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.error{background:color-mix(in srgb, var(--danger) 20%, transparent);color:var(--text-strong);cursor:pointer;border-radius:4px;padding:8px 12px}.login{place-items:center;height:100%;padding:16px;display:grid;overflow-y:auto}.login form{border:1px solid var(--border);background:var(--tile);width:min(400px,100%);box-shadow:var(--shadow);border-radius:12px;gap:16px;padding:32px;display:grid}.login h1{letter-spacing:-.02em;color:var(--text-strong);text-align:center;font-size:24px;font-weight:800;line-height:1.1}.login p{color:var(--muted);text-align:center}.login label{color:var(--muted);gap:8px;font-size:14px;font-weight:700;display:grid}.login input,.login button{min-height:44px}.shell{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:280px minmax(0,1fr);height:100%;display:grid}.app-icon{flex:none;display:block}.sidebar{background:var(--sidebar);flex-direction:column;grid-area:1/1;min-height:0;display:flex}.sidebar-header{height:48px;color:var(--text-strong);border-bottom:1px solid var(--border);align-items:center;padding:0 16px;font-weight:700;display:flex;box-shadow:0 1px 3px #00000026}.channels{flex:1;padding:16px 8px 8px;overflow-y:auto}.channels h2{text-transform:uppercase;color:var(--muted);align-items:center;gap:4px;padding:0 0 6px;font-size:.75rem;display:flex}.channels ul{margin:0;padding:0;list-style:none}.channel{width:100%;color:var(--muted);text-align:left;background:0 0;border-radius:4px;align-items:center;gap:6px;min-height:32px;padding:5px 8px;font-weight:600;line-height:1.4;display:flex}.channel>svg{color:var(--muted);flex:none}.channel-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.channel:hover{background:color-mix(in srgb, var(--accent) 6%, transparent);color:var(--text)}.channel.active{background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--text-strong)}.channel.unread{color:var(--text-strong);font-weight:700;position:relative}.channel.unread:before{content:"";background:var(--text-strong);border-radius:0 4px 4px 0;width:4px;height:8px;position:absolute;left:-6px}.unread-count{color:#fff;text-align:center;background:#f04747;border-radius:9px;min-width:18px;margin-left:auto;padding:0 5px;font-size:.6875rem;font-weight:700;line-height:18px}.occupants{padding-left:28px!important}.occupants li{color:var(--muted);border-radius:4px;align-items:center;gap:8px;padding:3px 8px;font-size:.875rem;display:flex}.occupants li:hover{background:color-mix(in srgb, var(--accent) 5%, transparent)}.occupants li>span:not(.avatar){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.occupants li svg{color:var(--danger);margin-left:auto}.occupants li.speaking .avatar{box-shadow:0 0 0 2px var(--ok)}.participant-live{background:var(--danger);color:var(--on-primary);letter-spacing:.03em;border-radius:3px;flex:none;align-items:center;gap:3px;padding:2px 4px;font-size:.5625rem;font-weight:800;line-height:1.2;display:inline-flex}.occupants .participant-live svg,.tile-footer .participant-live svg{color:inherit;margin:0}.avatar{color:#fff;border-radius:50%;flex:none;place-items:center;font-weight:600;display:inline-grid}.icon-button{width:32px;height:32px;color:var(--muted);background:0 0;border-radius:4px;flex:none;place-items:center;padding:6px;display:grid}.icon-button:hover{background:var(--hover);color:var(--text)}.icon-button.off{color:var(--danger)}.text-button{padding:4px 8px;font-size:.75rem}.voice-dock{border:1px solid color-mix(in srgb, var(--border) 45%, transparent);background:var(--panel);border-radius:8px;grid-area:2/1;min-width:0;margin:0 8px 8px;position:relative}.voice-panel{align-items:center;gap:6px;padding:10px 10px 8px;display:flex}.voice-panel>div{flex:1;min-width:0}.connection-indicator{background:color-mix(in srgb, var(--ok) 8%, transparent);width:32px;height:32px;color:var(--muted);border-radius:8px;flex:none;place-items:center;display:grid}.connection-indicator.status-connected{color:var(--ok)}.connection-indicator.status-connecting,.connection-indicator.status-reconnecting,.connection-indicator.status-signalReconnecting{color:var(--warn)}.voice-status{white-space:nowrap;color:var(--muted);align-items:center;gap:5px;font-size:.875rem;font-weight:600;display:flex}.voice-status.status-connected{color:var(--ok)}.voice-status.status-connecting,.voice-status.status-reconnecting,.voice-status.status-signalReconnecting{color:var(--warn)}.voice-channel{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.75rem;overflow:hidden}.connection-caption{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:6px;margin-top:2px;font-size:.6875rem;display:flex}.connection-latency{flex:none;font-size:.6875rem}.icon-button.disconnect-button:not(:disabled){color:#f04747}.icon-button.disconnect-button:hover{background:var(--danger);color:var(--on-primary)}.user-panel{border-top:1px solid color-mix(in srgb, var(--border) 35%, transparent);align-items:center;gap:8px;min-height:56px;padding:10px;display:flex}.user-profile,.user-controls{align-items:center;gap:4px;min-width:0;display:flex}.user-controls{flex:none}.user-account{flex:1;min-width:0;position:relative}.user-profile{cursor:pointer;border-radius:4px;gap:8px;margin:-4px;padding:4px;list-style:none}.user-profile::-webkit-details-marker{display:none}.user-profile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.user-profile:hover,.user-account[open] .user-profile{background:color-mix(in srgb, var(--accent) 6%, transparent)}.user-identity{min-width:0}.user-status{color:var(--muted);align-items:center;gap:4px;font-size:.6875rem;display:flex}.user-status.in-voice svg{color:var(--ok)}.user-profile .presence-dot{border-color:var(--panel);width:10px;height:10px}.account-menu{z-index:20;border:1px solid var(--border);background:var(--rail);min-width:160px;box-shadow:var(--shadow);border-radius:8px;padding:6px;position:absolute;bottom:calc(100% + 12px);left:0}.account-logout{width:100%;color:var(--danger);background:0 0;align-items:center;gap:8px;font-size:.875rem;display:flex}.voice-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 10px 10px;display:grid}.voice-actions button{background:var(--hover);height:32px;color:var(--text-strong);border-radius:8px;place-items:center;padding:0;display:grid}.enable-audio{margin:0 10px 8px}.user-panel .icon-button{width:28px;height:28px;padding:4px}.user-panel .mic-source{width:14px}.user-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-strong);font-size:.875rem;font-weight:600;display:block;overflow:hidden}.stage{background:var(--stage);flex-direction:column;grid-area:1/2/3;min-width:0;min-height:0;display:flex}.stage-header{height:48px;color:var(--text-strong);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:8px;padding:0 16px;font-weight:700;display:flex;box-shadow:0 1px 3px #00000026}.stage>.error{margin:16px 16px 0}.tiles{flex:1;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-auto-rows:160px;gap:8px;padding:16px;display:grid;overflow-y:auto}.tile{background:var(--tile);border-radius:8px;outline:2px solid #0000;place-items:center;transition:outline-color .12s;display:grid;position:relative}.tile.speaking{outline-color:var(--ok)}.tile-footer{color:var(--text-strong);align-items:center;gap:8px;font-size:.875rem;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.tile-footer svg{color:var(--danger);margin-left:auto}.empty{text-align:center;color:var(--muted);flex:1;place-content:center;justify-items:center;gap:12px;padding:16px;display:grid}.empty h2{color:var(--text-strong)}.meter{background:var(--border);border-radius:3px;width:64px;height:6px;margin-left:auto;overflow:hidden}.meter span{background:var(--ok);transform-origin:0;height:100%;transition:transform 60ms linear;display:block;transform:scaleX(0)}.mic-control{flex:none;align-items:center;gap:2px;display:flex}.mic-source{width:20px;height:28px;color:var(--muted);border-radius:6px;place-items:center;display:grid;position:relative}.mic-source:hover,.mic-source:focus-within{background:var(--hover);color:var(--text-strong)}.mic-source:focus-within{outline:2px solid var(--accent)}.mic-source select{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.mic-source:has(select:disabled){opacity:.5}.mic-source select:disabled{cursor:default}.participant-options{width:24px;height:24px;margin-left:auto;padding:3px}.occupants .participant-options svg{color:inherit;margin:0}.tile-options{position:absolute;top:8px;right:8px}.participant-menu{z-index:10;border:1px solid var(--border);background:var(--rail);width:min(240px,100vw - 16px);max-height:calc(100dvh - 16px);box-shadow:var(--shadow);border-radius:8px;padding:12px;font-size:.875rem;position:fixed;overflow:auto}.participant-menu strong{overflow-wrap:anywhere;color:var(--text-strong);display:block}.participant-menu p{color:var(--muted);margin:4px 0 12px;font-size:.75rem}.participant-mute{text-align:left;background:var(--hover);width:100%;color:var(--text-strong)}.participant-mute:hover{background:var(--accent);color:var(--on-primary)}.participant-mute+.participant-mute{margin-top:6px}.participant-mute.off{color:var(--danger)}.participant-volume{margin:16px 0 8px;display:block}.participant-volume span{justify-content:space-between;display:flex}.participant-volume input{width:100%;accent-color:var(--accent);margin:8px 0 0;padding:0}.debug-panel{border-top:1px solid var(--border);background:var(--rail);flex:none;font-size:.75rem}.debug-panel summary{cursor:pointer;color:var(--text-strong);padding:10px 16px}.debug-panel summary span{color:var(--muted);margin-left:8px}.debug-toolbar{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:0 16px 8px;display:flex}.debug-toolbar button{margin-left:auto}.debug-log{overflow-wrap:anywhere;max-height:min(180px,25dvh);padding:0 16px 12px;font-family:ui-monospace,monospace;overflow-y:auto}.debug-log ol{margin:0;padding:0;list-style:none}.debug-log li{border-top:1px solid var(--panel);flex-wrap:wrap;gap:4px 10px;padding:5px 0;display:flex}.debug-log time,.log-level{color:var(--muted)}.log-level{text-transform:uppercase}.log-warn .log-level{color:var(--warn)}.log-error .log-level{color:var(--danger)}@media (prefers-reduced-motion:reduce){button,.tile,.meter span{transition:none}button:enabled:active{transform:none}}select,textarea{font:inherit;border:1px solid var(--border);background:var(--field);color:var(--text);border-radius:4px;padding:8px 10px}.login-hint{font-size:.875rem}.sidebar-header{gap:8px}.sidebar-header>.app-icon+span{flex:1}.offline-badge{text-transform:uppercase;color:var(--warn);font-size:.6875rem;font-weight:600}.channel-group+.channel-group{margin-top:16px}.category-toggle{width:100%;color:inherit;font:inherit;text-transform:inherit;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:4px;padding:0;display:flex}.category-toggle:hover{color:var(--text)}.category-toggle svg{transition:transform .15s}.category-toggle.collapsed svg{transform:rotate(-90deg)}@media (prefers-reduced-motion:reduce){.category-toggle svg{transition:none}}.text-button.danger{color:var(--danger);background:0 0}.text-button.danger.armed{background:var(--danger);color:var(--on-primary)}.text-view{flex:1;min-height:0;display:flex}.chat{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.new-divider{border-top:1px solid #f04747;align-items:center;margin:12px 16px 0;display:flex}.new-divider span{color:#fff;background:#f04747;border-radius:3px;margin-top:-9px;margin-left:auto;padding:0 6px;font-size:.6875rem;font-weight:700;line-height:16px}.unread-bar{z-index:3;background:color-mix(in srgb, var(--accent) 85%, #000);color:#0b1f30;border-radius:0 0 8px 8px;align-items:center;font-size:.8125rem;font-weight:600;display:flex;position:absolute;top:0;left:16px;right:16px}.unread-bar button{color:inherit;font:inherit;background:0 0;padding:4px 12px}.unread-bar-jump{text-align:left;flex:1}.unread-bar-read:hover,.unread-bar-jump:hover{text-decoration:underline}.messages{flex:1;padding:16px 0 8px;overflow-y:auto}.load-older{margin:0 auto 12px;display:block}.chat-start{color:var(--muted);padding:16px 16px 24px}.chat-start h2{color:var(--text-strong);margin-bottom:4px}.message{gap:16px;margin-top:16px;padding:2px 48px 2px 16px;display:flex;position:relative}.message.grouped{margin-top:0}.message:hover{background:color-mix(in srgb, var(--rail) 40%, transparent)}.message-content{min-width:0}.message-content header{align-items:baseline;gap:8px;display:flex}.message-content strong{color:var(--text-strong)}.message-content .deleted-user{color:var(--muted);font-style:italic}.message-content time{color:var(--muted);font-size:.75rem}.message-content p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.4}.message.grouped .message-content{padding-left:56px}.message-hover-time{width:40px;color:var(--muted);text-align:center;visibility:hidden;font-size:.6875rem;position:absolute;top:4px;left:16px}.message:hover .message-hover-time,.message:hover .message-delete,.message-delete:focus-visible{visibility:visible}.message-delete{visibility:hidden;position:absolute;top:0;right:12px}.message-delete:hover{color:var(--danger)}.chat-error{margin:0 16px 8px}.composer{padding:0 16px 20px;position:relative}.mention{background:color-mix(in srgb, var(--accent) 22%, transparent);color:var(--text-strong);border-radius:3px;padding:0 2px;font-weight:600}.message:has(.mention.self){background:color-mix(in srgb, var(--accent) 10%, transparent);box-shadow:inset 2px 0 var(--accent)}.message-content a{color:var(--accent);text-decoration:underline}.mention-picker{z-index:5;background:var(--sidebar);border-radius:8px;margin:0;padding:6px;list-style:none;position:absolute;bottom:calc(100% - 12px);left:16px;right:16px;box-shadow:0 8px 24px #0006}.mention-picker button{text-align:left;background:0 0;border-radius:4px;align-items:center;gap:8px;width:100%;padding:6px 8px;display:flex}.mention-picker button.active,.mention-picker button:hover{background:var(--field)}.composer textarea{resize:none;background:var(--field);field-sizing:content;border-radius:8px;width:100%;max-height:40vh;padding:11px 16px}.member-list{background:var(--sidebar);flex:none;width:240px;padding:16px 8px;overflow-y:auto}.member-list h2{text-transform:uppercase;color:var(--muted);padding:0 8px 4px;font-size:.75rem}.member-list section+section{margin-top:16px}.member-list ul{margin:0;padding:0;list-style:none}.member-list li{border-radius:4px;align-items:center;gap:10px;padding:5px 8px;display:flex}.member-list li.offline{opacity:.45}.presence-avatar{display:inline-flex;position:relative}.presence-dot{background:var(--ok);border:2px solid var(--sidebar);border-radius:50%;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.member-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.role-tag{background:color-mix(in srgb, var(--accent) 30%, transparent);color:var(--text-strong);border-radius:4px;padding:1px 6px;font-size:.6875rem}.modal-backdrop{z-index:50;background:#0009;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal.settings{border:1px solid var(--border);width:min(1160px,100%);height:min(920px,100%);box-shadow:var(--shadow);background:var(--tile);border-radius:12px;outline:none;display:flex;overflow:hidden}.settings-nav{background:var(--sidebar);flex-direction:column;flex:none;gap:2px;width:200px;padding:24px 8px;display:flex}.settings-nav h2{text-transform:uppercase;color:var(--muted);padding:0 10px 8px;font-size:.75rem}.settings-search{background:var(--field);border-radius:4px;margin:0 0 12px;padding:6px 10px;font-size:.875rem}.settings-result{display:grid}.settings-result small{color:var(--muted);font-size:.6875rem}.settings-no-results{color:var(--muted);padding:4px 10px;font-size:.8125rem}.settings-flash{border-radius:6px;animation:1.6s ease-out settings-flash}@keyframes settings-flash{0%,30%{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 70%, transparent);background:color-mix(in srgb, var(--accent) 12%, transparent)}to{background:0 0;box-shadow:0 0 0 3px #0000}}@media (prefers-reduced-motion:reduce){.settings-flash{box-shadow:0 0 0 3px var(--accent);animation:none}}.settings-tab{text-align:left;color:var(--muted);background:0 0;border-radius:4px;padding:6px 10px}.settings-tab:hover{background:var(--hover);color:var(--text)}.settings-tab.active{background:var(--active);color:var(--text-strong)}.settings-body{flex:1;align-content:start;gap:16px;min-width:0;padding:24px 32px;display:grid;position:relative;overflow-y:auto}.settings-body h3{color:var(--text-strong);margin:0 0 12px}.settings-close{position:absolute;top:16px;right:16px}.settings-hint{color:var(--muted);margin-bottom:12px;font-size:.875rem}.settings-row-form,.settings-inline-form,.invite-created{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.settings-inline-form{flex:1;margin:0}.settings-row-form input,.settings-inline-form input,.invite-created input{flex:1;min-width:140px;padding:8px 10px}.password-form{gap:8px;max-width:360px;margin-bottom:8px;display:grid}.password-form button{justify-self:start}.settings-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.settings-list li{background:var(--sidebar);border-radius:4px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px;display:flex}.settings-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:120px;overflow:hidden}.settings-meta{color:var(--muted);font-size:.8125rem}.settings-empty{color:var(--muted)}@media (width<=900px){.member-list,.member-rail{display:none}}@media (width<=640px){.modal.settings{flex-direction:column}.settings-nav{flex-direction:row;width:auto;padding:8px;overflow-x:auto}.settings-nav h2{display:none}.settings-body{padding:16px}.settings-list li{flex-wrap:wrap}}.voice-actions button.active{background:var(--ok);color:#fff}.voice-stage{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.voice-stage .tiles{flex:none}.streams{grid-template-columns:repeat(auto-fit,minmax(min(640px,100%),1fr));gap:8px;padding:16px 16px 0;display:grid}.stream-tile{aspect-ratio:16/9;background:#000;border-radius:8px;margin:0;position:relative;overflow:hidden}.stream-tile video{object-fit:contain;width:100%;height:100%;display:block}.stream-tile figcaption{z-index:2;color:#fff;opacity:0;background:linear-gradient(#0000,#000000b3);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;font-size:.8125rem;transition:opacity .15s;display:flex;position:absolute;bottom:0;left:0;right:0}.stream-tile:hover figcaption,.stream-tile:focus-within figcaption{opacity:1}.stream-tile figcaption .text-button{margin-left:auto}.live-badge{background:var(--danger);letter-spacing:.04em;border-radius:4px;padding:1px 6px;font-size:.6875rem;font-weight:700}.stream-stats{font-variant-numeric:tabular-nums;color:#fffc}.modal.go-live{background:var(--stage);border-radius:8px;flex-direction:column;gap:16px;width:min(900px,100%);max-height:min(720px,100%);padding:20px 24px;display:flex;overflow:hidden}.go-live header,.go-live footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.go-live footer{justify-content:flex-end}.go-live h2{color:var(--text-strong)}.go-live h3{text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:.75rem}.go-live-sources{flex:1;gap:16px;min-height:120px;display:grid;overflow-y:auto}.go-live-sources ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (width<=640px){.go-live-sources ul{grid-template-columns:repeat(2,minmax(0,1fr))}}.go-live-sources button{background:var(--sidebar);width:100%;color:var(--text);text-align:left;outline:2px solid #0000;gap:4px;padding:6px;font-size:.8125rem;display:grid}.go-live-sources button.selected{outline-color:var(--accent)}.go-live-sources img{aspect-ratio:16/9;object-fit:contain;background:#000;border-radius:4px;width:100%;height:auto}.go-live-sources span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.go-live-sources{align-content:start}.go-live-sources .go-live-tabs{border-bottom:1px solid var(--border);gap:4px;display:flex}.go-live-sources .go-live-tabs button{width:auto;color:var(--muted);background:0 0;border-bottom:2px solid #0000;border-radius:4px 4px 0 0;outline:none;align-items:center;gap:6px;margin-bottom:-1px;padding:8px 12px;font-size:.875rem;font-weight:600;display:flex}.go-live-sources .go-live-tabs button:hover{color:var(--text);background:var(--hover)}.go-live-sources .go-live-tabs button.active{color:var(--text-strong);border-bottom-color:var(--accent)}.go-live-sources .go-live-tabs button:focus-visible{outline:2px solid var(--accent)}.go-live-sources .go-live-tabs span{background:var(--field);border-radius:8px;padding:0 6px;font-size:.75rem}.go-live-options{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:start;gap:8px 16px;display:grid}.go-live-field{gap:4px;display:grid}.go-live-label{color:var(--muted);text-transform:uppercase;letter-spacing:.02em;font-size:.75rem;font-weight:700}.go-live-field select{width:100%;height:34px;padding:0 8px}.go-live-wide{grid-column:1/-1;margin:0}.go-live-options .go-live-audio{color:var(--text);align-items:center;gap:8px;font-size:.875rem;display:flex}.segmented{border:1px solid var(--border);background:var(--field);border-radius:6px;grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;height:34px;padding:2px;display:grid}.segmented button{color:var(--text);text-align:center;background:0 0;padding:0 8px;font-size:.875rem}.segmented button:enabled:hover{background:var(--hover)}.segmented button.active,.segmented button.active:enabled:hover{background:var(--accent);color:var(--on-primary)}.stream-tile.paused{background:linear-gradient(135deg, var(--tile), var(--panel));outline:1px solid var(--border)}.stream-watch{isolation:isolate;width:100%;height:100%;color:var(--text-strong);background:0 0;place-content:center;justify-items:center;gap:10px;display:grid;position:relative}.stream-watch:hover .stream-watch-cta{background:var(--accent)}.stream-thumbnail{z-index:-1;object-fit:cover;filter:blur(6px)brightness(.5);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.08)}.stream-tile.paused .live-badge{position:absolute;top:10px;left:10px}.stream-watch-cta{background:color-mix(in srgb, var(--accent) 70%, transparent);color:#fff;border-radius:6px;padding:8px 16px;font-weight:600}.stream-starting{z-index:1;isolation:isolate;color:var(--muted);background:#000;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.stream-loading{color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}.stream-actions{gap:6px;margin-left:auto;display:flex}.stream-tile figcaption .stream-actions .text-button{margin-left:0}.stream-error{max-width:80%;color:var(--danger);text-align:center;font-size:.75rem}.voice-stage:not(.has-streams) .streams{grid-template-columns:repeat(auto-fill,minmax(240px,300px));justify-content:center;padding-bottom:8px}.voice-stage.has-streams{overflow:hidden}.voice-stage.has-streams .streams{flex:1;grid-template-columns:repeat(auto-fit,minmax(min(480px,100%),1fr));grid-auto-rows:minmax(0,1fr);min-height:0;padding-bottom:8px}.voice-stage.has-streams .stream-tile{aspect-ratio:auto;width:100%;height:100%;min-height:0}.voice-stage.has-streams .tiles{flex:none;gap:8px;padding:0 16px 12px;display:flex;overflow-x:auto}.voice-stage.has-streams .tile{flex:none;width:180px;height:110px}.stage-bottom{flex-direction:column;flex:none;min-height:0;max-height:calc(100% - 160px);padding-top:6px;display:flex;position:relative;overflow-y:auto}.stage-bottom.sized .tiles{flex-wrap:wrap;overflow-x:visible}.stage-bottom-handle{z-index:2;cursor:ns-resize;touch-action:none;flex:none;height:10px;margin:-6px 0 2px;position:sticky;top:-6px}.stage-bottom-handle:after{content:"";background:var(--border);border-radius:2px;width:48px;height:4px;margin:3px auto;transition:background .15s;display:block}.stage-bottom-handle:hover:after,.stage-bottom-handle:active:after{background:var(--accent,#8fb3ff)}.stream-volume{align-items:center;display:flex}.stream-volume .icon-button{color:#fff}.stream-volume-value{color:#fff;font-variant-numeric:tabular-nums;min-width:38px;font-size:.75rem}.stream-volume input[type=range]{opacity:0;appearance:none;cursor:pointer;background:linear-gradient(to right, #fff var(--p,100%), #ffffff4d var(--p,100%));border-radius:2px;width:0;height:4px;padding:0;transition:width .2s,opacity .2s,margin .2s}.stream-volume:hover input[type=range],.stream-volume:focus-within input[type=range]{opacity:1;width:90px;margin:0 8px 0 2px}.stream-volume input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:12px;height:12px}.stream-volume input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:12px;height:12px}.stream-controls{align-items:center;gap:6px;margin-left:auto;font-weight:400;display:flex}.stream-controls select{padding:4px 8px;font-size:.8125rem}.stream-controls .stop-stream-button{color:#fff;background:#da373c;border:0;border-radius:4px;padding:5px 12px;font-size:.8125rem;font-weight:600}.stream-controls .stop-stream-button:hover{background:#a12828}.stream-quality{position:relative}.stream-quality-menu{z-index:5;border:1px solid var(--border);background:var(--panel);border-radius:6px;flex-direction:column;min-width:140px;padding:4px;display:flex;position:absolute;bottom:calc(100% + 6px);right:0;box-shadow:0 6px 18px #0006}.stream-quality-button{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:4px;align-items:center;gap:5px;padding:3px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.stream-quality-button:hover,.stream-quality-button[aria-expanded=true]{background:var(--hover)}.stream-quality-menu button{color:var(--text);text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;padding:6px 10px;font-size:.8125rem;display:flex}.stream-quality-menu button:hover:not(:disabled){background:var(--hover)}.stream-quality-menu button[aria-checked=true]{background:var(--active);color:var(--accent);font-weight:700}.stream-quality-menu .check{text-align:center;width:1em}.stream-quality-menu button:disabled{opacity:.5}.settings-field{gap:6px;margin-bottom:16px;display:grid}.settings-field>span{color:var(--muted);text-transform:uppercase;letter-spacing:.02em;font-size:.75rem;font-weight:700}.settings-field select{max-width:420px;padding:8px 10px}.settings-check{cursor:pointer;align-items:flex-start;gap:10px;margin-bottom:16px;display:flex}.settings-check input{accent-color:var(--accent);margin-top:3px}.settings-check small{color:var(--muted);font-size:.8125rem;display:block}.settings-version{color:var(--muted);margin:auto 0 0;padding:8px 10px 0;font-size:.75rem}.settings-version.settings-github{align-items:center;gap:6px;margin-top:0;padding-top:4px;text-decoration:none;display:flex}.settings-version.settings-github:hover{color:var(--accent);text-decoration:underline}.settings-group{margin-top:16px}.settings-group-header{color:var(--muted);text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:8px;padding:0 10px 6px;font-size:.75rem;font-weight:700;display:flex}.settings-list li select{max-width:160px}.access-table{border-collapse:collapse;width:100%;font-size:.875rem}.access-table th,.access-table td{text-align:center;border-bottom:1px solid var(--border);padding:6px 10px}.access-table thead th{color:var(--muted);text-transform:uppercase;font-size:.75rem}.access-table tbody th{text-align:left;font-weight:400}.access-table tbody th svg{vertical-align:-3px;color:var(--muted);margin-right:6px}.access-table .access-category th{color:var(--muted);text-transform:uppercase;padding-top:14px;font-size:.75rem;font-weight:700}.access-table tbody tr:not(.access-category) th{padding-left:22px}.access-table input{accent-color:var(--accent)}.settings-list li.draggable,.settings-group-header.draggable{cursor:grab}.dragging{opacity:.4}.settings-list li.drop-before,.settings-group.drop-before{box-shadow:inset 0 2px 0 var(--accent)}.settings-list li.drop-after,.settings-group.drop-after{box-shadow:inset 0 -2px 0 var(--accent)}.drag-handle{color:var(--muted);opacity:.5;margin:0 -4px 0 -6px;transition:opacity .15s;display:inline-flex}.settings-list li.draggable:hover .drag-handle,.settings-group-header.draggable:hover .drag-handle{opacity:1}.settings-list li.draggable:hover,.settings-group-header.draggable:hover{background:var(--hover)}.settings-list li.draggable:active,.settings-group-header.draggable:active{cursor:grabbing}@media (prefers-reduced-motion:reduce){.drag-handle{transition:none}}.settings-group-header.draggable{border-radius:4px;padding-top:6px}.context-menu{z-index:10;border:1px solid var(--border);background:var(--rail);min-width:180px;box-shadow:var(--shadow);border-radius:8px;padding:6px;font-size:.875rem;position:fixed}.context-menu button{text-align:left;width:100%;color:var(--text);background:0 0}.context-menu button:hover,.context-menu button:focus-visible{background:var(--accent);color:var(--on-primary)}.modal.invite-dialog{background:var(--stage);border-radius:8px;gap:12px;width:min(520px,100%);padding:20px 24px;display:grid}.invite-dialog header{justify-content:space-between;align-items:center;gap:12px;display:flex}.invite-dialog h2{overflow-wrap:anywhere;margin:0;font-size:1.125rem}.invite-dialog .settings-row-form,.invite-dialog .invite-created{margin:0}.settings-hint.warn{color:var(--warn)}.occupants li[draggable=true]{cursor:grab}.channels li.drop-target>.channel{outline:2px dashed var(--accent);outline-offset:-2px;background:var(--hover)}.sidebar-error{color:var(--danger);margin:8px 4px 0;font-size:.8125rem}.voice-state{color:var(--danger);gap:4px;margin-left:auto;display:inline-flex}.avatar-picture,.avatar-editor{background:var(--field);border-radius:50%;position:relative;overflow:hidden}.avatar-history{align-items:center;gap:12px;margin-top:12px;display:flex}.avatar-history>span{color:var(--muted);font-size:.8125rem}.avatar-history>div{gap:10px;display:flex}.avatar-history-item{position:relative}.avatar-history-item>.avatar{cursor:pointer;border:0;padding:0}.avatar-history-delete{background:var(--sidebar);visibility:hidden;border-radius:50%;width:18px;height:18px;padding:0;position:absolute;top:-6px;right:-6px}.avatar-history-item:hover .avatar-history-delete,.avatar-history-delete:focus-visible{visibility:visible}@media (hover:none){.avatar-history-delete{visibility:visible}}.avatar-picture img,.avatar-picture video,.avatar-editor img,.avatar-editor video{object-fit:cover;width:100%;height:100%;display:block}.avatar-editor{cursor:grab;touch-action:none;outline:2px solid var(--accent);outline-offset:2px;flex:none}.avatar-editor:active{cursor:grabbing}.avatar-editor img,.avatar-editor video{-webkit-user-select:none;user-select:none;pointer-events:none}.zoom-slider{color:var(--muted);align-items:center;gap:8px;font-size:.875rem;display:flex}.zoom-slider input{accent-color:var(--accent);flex:1}.profile-row{align-items:center;gap:20px;margin-bottom:12px;display:flex}.profile-actions{gap:10px;display:grid}.profile-actions strong{color:var(--text-strong);font-size:1.125rem}.profile-actions>div{align-items:center;gap:8px;display:flex}label.button{background:var(--accent);color:var(--on-primary);cursor:pointer;border-radius:4px;padding:8px 16px;font-weight:700;transition:background-color .2s ease-out,color .2s ease-out;display:inline-block}label.button:hover{background:var(--active);color:var(--text-strong)}label.button:focus-within{outline:2px solid var(--accent);outline-offset:3px}label.button.disabled{opacity:.6;cursor:default}.file-input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}label.button{position:relative}.occupants li.joining{opacity:.5}.call-timer{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;margin-left:auto;font-size:.75rem}.afk-tag{margin-left:auto}.call-timer+.afk-tag{margin-left:6px}.afk-tag{background:var(--field);color:var(--muted);border-radius:4px;padding:0 5px;font-size:.6875rem;font-weight:700}.stage-body{flex:1;min-height:0;display:flex}.stage-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.member-list-collapse{color:var(--muted);margin:-8px 0 8px;display:flex}.member-rail{background:var(--sidebar);flex:none;justify-content:center;width:36px;padding-top:8px;display:flex}.member-rail .icon-button{color:var(--muted)}.keybinds li{gap:8px}.keybind{background:var(--field);min-width:150px;min-height:32px;color:var(--text);border:1px solid var(--border);justify-content:center;align-items:center;gap:4px;padding:4px 8px;font-weight:400;display:inline-flex}.keybind.recording{border-color:var(--accent);color:var(--accent)}.keybind kbd{background:var(--hover);color:var(--text-strong);font:inherit;border-radius:4px;padding:1px 6px;font-size:.8125rem;font-weight:700}.keybind-empty{color:var(--muted)}.settings-meta.warn{color:var(--warn)}.game-card{border-bottom:1px solid color-mix(in srgb, var(--border) 45%, transparent);align-items:center;gap:10px;padding:8px 10px;display:flex}.game-card img,.game-card-icon{border-radius:6px;flex:none;width:32px;height:32px}.game-card-icon{background:var(--field);color:var(--muted);place-items:center;display:grid}.game-card-copy{flex:1;min-width:0;line-height:1.2;display:grid}.game-card-copy small{color:var(--muted);text-transform:uppercase;letter-spacing:.02em;font-size:.6875rem}.game-card-copy strong{text-overflow:ellipsis;white-space:nowrap;color:var(--text-strong);font-size:.875rem;overflow:hidden}.game-card button{flex:none;padding:5px 10px;font-size:.8125rem}.segmented.input-mode{max-width:320px}.message-locked{color:var(--muted);font-style:italic}.composer.encrypted{position:relative}.composer-lock{color:var(--ok);pointer-events:auto;display:flex;position:absolute;top:13px;left:28px}.composer.encrypted textarea{padding-left:40px}.message-lock{color:var(--muted);vertical-align:-1px;margin-left:6px;display:inline-flex}.e2ee-badge{background:color-mix(in srgb, var(--ok) 18%, transparent);color:var(--ok);border-radius:10px;align-items:center;gap:4px;margin-left:8px;padding:1px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.voice-lock{color:var(--ok);vertical-align:-1px;margin-left:6px;display:inline-flex}.soundboard{z-index:20;border:1px solid var(--border);background:var(--rail);width:min(440px,100vw - 16px);box-shadow:var(--shadow);border-radius:8px;gap:8px;padding:10px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0}.soundboard header{align-items:center;gap:8px;display:flex}.soundboard header strong{color:var(--text-strong);flex:1}.soundboard-volume{color:var(--muted);align-items:center;gap:4px;display:flex}.soundboard-volume input{width:140px;height:20px;accent-color:var(--accent)}.soundboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.soundboard-grid li{position:relative}.soundboard-grid li.settings-empty{grid-column:1/-1}.sound{background:var(--sidebar);width:100%;color:var(--text);text-align:left;align-items:center;gap:6px;padding:8px;font-size:.8125rem;font-weight:600;display:flex}.sound-emoji{flex:none;font-size:1.125rem}.sound-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sound-edit{background:var(--field);color:var(--muted);opacity:0;padding:0 5px;font-size:.6875rem;line-height:1.5;position:absolute;top:2px;right:2px}.soundboard-grid li:hover .sound-edit,.sound-edit:focus-visible{opacity:1}.sound-remove{margin-left:auto}.soundboard-add{gap:6px;display:grid}.soundboard-add>div{gap:6px;display:flex}.soundboard-add input{min-width:0;padding:6px 8px}.soundboard-add>.sound-trim{gap:4px;display:grid}.sound-trim .settings-hint{justify-content:space-between;align-items:center;gap:8px;display:flex}.join-sound>div{gap:6px;display:grid}.join-sound-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sound-trim-wave{height:48px;position:relative}.sound-trim-wave canvas{background:var(--field);border-radius:4px;width:100%;height:48px;display:block}.sound-trim .sound-trim-wave input{pointer-events:none;appearance:none;background:0 0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.sound-trim-wave input::-webkit-slider-runnable-track{background:0 0;height:100%}.sound-trim-wave input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text-strong);width:6px;height:48px;box-shadow:0 0 0 1px var(--sidebar);cursor:ew-resize;pointer-events:auto;border-radius:3px}.sound-trim-wave input::-moz-range-track{background:0 0}.sound-trim-wave input::-moz-range-thumb{background:var(--text-strong);cursor:ew-resize;pointer-events:auto;border:0;border-radius:3px;width:6px;height:48px}.sound-trim-wave input:focus-visible::-webkit-slider-thumb{background:var(--accent)}.soundboard-add .sound-emoji-input{text-align:center;flex:none;width:52px}.soundboard-add input[name],.soundboard-add>div>input:last-child{flex:1}.soundboard-toggle.active{background:var(--active);color:var(--text-strong)}.sound-volume{color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:.8125rem;display:grid}.sound-volume input{accent-color:var(--accent)}.volume-value{text-align:right;font-variant-numeric:tabular-nums;min-width:3.5em;font-size:.8125rem}.channel-status{color:var(--ok);align-items:center;gap:4px;min-width:0;margin:-2px 0 2px 34px;font-size:.75rem;display:flex}.channel-status svg{flex:none}.channel-status span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.jam{border:1px solid var(--border);background:var(--panel);width:min(680px,100% - 32px);box-shadow:var(--shadow);border-radius:12px;flex:none;align-self:center;gap:10px;margin:12px 16px;padding-bottom:12px;display:grid}.jam-hero{isolation:isolate;background:linear-gradient(135deg, var(--active), var(--panel));border-radius:11px 11px 0 0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;padding:16px;display:grid;position:relative;overflow:hidden}.jam-hero-bg{z-index:-1;object-fit:cover;filter:blur(32px)saturate(1.4)brightness(.4);width:calc(100% + 80px);height:calc(100% + 80px);position:absolute;inset:-40px}.jam-hero-cover{aspect-ratio:16/9;background:color-mix(in srgb, var(--field) 80%, transparent);width:176px;color:var(--accent);border-radius:8px;place-items:center;display:grid;overflow:hidden;box-shadow:0 8px 24px #00000059}.jam-hero-cover img{object-fit:cover;width:100%;height:100%}.jam-hero-info{gap:4px;min-width:0;display:grid}.jam-eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;font-size:.6875rem;font-weight:800;display:flex}.jam-badge{background:color-mix(in srgb, var(--accent) 22%, transparent);color:var(--text-strong);letter-spacing:.02em;text-transform:none;border-radius:10px;padding:1px 7px;font-weight:700}.jam-hero-title{-webkit-line-clamp:2;color:var(--text-strong);-webkit-box-orient:vertical;font-size:1.0625rem;font-weight:800;line-height:1.3;text-decoration:none;display:-webkit-box;overflow:hidden}a.jam-hero-title:hover{text-decoration:underline}.jam-hero-sub{color:var(--muted);font-size:.8125rem}.jam-progress-row{font-variant-numeric:tabular-nums;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:4px;display:grid}.jam-progress-row small{color:var(--muted);font-size:.75rem}.jam-progress{background:#ffffff26;border-radius:2px;height:4px;overflow:hidden}.jam-progress span{background:var(--accent);border-radius:2px;height:100%;display:block}.jam-controls{align-items:center;gap:8px;margin-top:6px;display:flex}.jam-round{background:var(--accent);width:34px;height:34px;color:var(--on-primary);border-radius:50%;place-items:center;padding:0;display:grid}.jam-round.stop{background:color-mix(in srgb, var(--danger) 25%, transparent);color:var(--danger)}.jam-round.stop:enabled:hover{background:var(--danger);color:var(--on-primary)}.jam-volume{color:var(--muted);align-items:center;gap:6px;margin-left:auto;display:flex}.jam-volume input{width:120px;height:20px;accent-color:var(--accent)}.jam-search{border:1px solid var(--border);background:var(--field);color:var(--muted);border-radius:8px;align-items:center;gap:8px;margin:0 12px;padding:4px 4px 4px 12px;display:flex}.jam-search:focus-within{border-color:var(--accent)}.jam-search input{background:0 0;border:0;flex:1;min-width:0;padding:6px 0}.jam-search input:focus-visible{outline:none}.jam-search button{padding:6px 14px}.jam-error{margin:0 12px}.jam-list{gap:4px;margin:0 12px;display:grid}.jam-list-head{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;padding:0 4px;font-size:.75rem;display:flex}.jam-list-head strong{color:var(--text-strong)}.jam-list-head .text-button{text-transform:none;margin-left:auto}.jam-list ul,.jam-list ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.jam-row{width:100%;color:var(--text);text-align:left;background:0 0;border-radius:6px;align-items:center;gap:10px;padding:6px 8px;font-weight:400;display:flex}button.jam-row:enabled:hover,li.jam-row:hover{background:var(--hover)}.jam-row-index{width:18px;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;flex:none;font-size:.75rem}.jam-thumb{object-fit:cover;background:var(--field);border-radius:4px;flex:none;width:64px;height:36px}.jam-row-text{flex:1;min-width:0;display:grid}.jam-row-title{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.jam-row-text small,.jam-row-time{color:var(--muted);font-size:.75rem}.jam-row-time{font-variant-numeric:tabular-nums;flex:none}.jam-row.failed .jam-row-text small{color:var(--danger)}.jam-row.loading{opacity:.7}.jam-remove{opacity:0}.jam-row:hover .jam-remove,.jam-remove:focus-visible{opacity:1}@media (width<=640px){.jam-hero{grid-template-columns:1fr}.jam-hero-cover{width:100%}.jam-volume input{width:90px}}.jam-replay{width:18px;color:var(--accent);text-align:center;opacity:0;flex:none;font-weight:700}.jam-row:hover .jam-replay,.jam-row:focus-visible .jam-replay{opacity:1}.jam-toggle{color:var(--muted);font:inherit;text-transform:inherit;letter-spacing:inherit;background:0 0;align-items:center;gap:6px;padding:2px 0;display:flex}.jam-toggle:enabled:hover{color:var(--text);background:0 0}.jam-toggle svg{transition:transform .15s;transform:rotate(-90deg)}.jam-toggle.open svg{transform:none}@media (prefers-reduced-motion:reduce){.jam-toggle svg{transition:none}}.jam-search-box{margin:0 12px;position:relative}.jam-search-box .jam-search{margin:0}.jam-dropdown{z-index:15;border:1px solid var(--border);background:var(--rail);box-shadow:var(--shadow), 0 12px 32px #0006;border-radius:8px;gap:2px;margin:0;padding:4px;list-style:none;display:grid;position:absolute;top:calc(100% + 4px);left:0;right:0}.jam-dropdown .jam-row.highlighted{background:var(--hover)}.jam-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex:none;width:14px;height:14px;margin-right:8px;animation:.8s linear infinite jam-spin}@keyframes jam-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.jam-spinner{animation-duration:2s}}.jam-lyrics-toggle{color:var(--text-strong);background:#ffffff1a;border-radius:16px;padding:5px 12px;font-size:.8125rem}.jam-lyrics-toggle.active{background:var(--accent);color:var(--on-primary)}.jam-lyrics{background:linear-gradient(160deg, var(--active), var(--sidebar));scrollbar-width:thin;border-radius:8px;max-height:260px;margin:0 12px;padding:16px 20px;position:relative;overflow-y:auto}.lyric{color:color-mix(in srgb, var(--text-strong) 45%, transparent);margin:0 0 10px;font-size:1.125rem;font-weight:800;line-height:1.35;transition:color .2s}.lyric.past{color:color-mix(in srgb, var(--text-strong) 70%, transparent)}.lyric.active{color:color-mix(in srgb, var(--text-strong) 55%, transparent)}.lyric.active .sung{color:var(--text-strong);text-shadow:0 0 12px color-mix(in srgb, var(--accent) 60%, transparent)}.jam-lyrics-plain{white-space:pre-wrap;color:var(--text);margin:0;line-height:1.5}.jam-lyrics-empty{color:var(--muted);margin:0}.jam-lyrics-foot{background:color-mix(in srgb, var(--sidebar) 92%, transparent);color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin:8px -20px -16px;padding:6px 20px;font-size:.6875rem;display:flex;position:sticky;bottom:-16px}.jam-lyrics-sync{align-items:center;gap:4px;display:flex}.jam-lyrics-sync .text-button{padding:2px 6px;font-size:.75rem}.jam-lyrics-sync small{text-align:center;font-variant-numeric:tabular-nums;min-width:3.5em}@media (prefers-reduced-motion:reduce){.lyric{transition:none}}.download-app{background:var(--accent);color:var(--on-primary);white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:3px 9px;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-flex}.download-app:hover{background:var(--active);color:var(--text-strong)}.login-download{justify-self:start;padding:6px 12px;font-size:.875rem}.channel-status .jam-mute{width:20px;height:20px;color:inherit;flex:none;margin-left:auto;padding:2px}.channel-status.muted{color:var(--muted)}.jam-source{letter-spacing:.03em;text-transform:uppercase;vertical-align:1px;border-radius:3px;margin-right:6px;padding:0 5px;font-size:.625rem;font-weight:800;display:inline-block}.jam-source.youtube{color:#ff8a84;background:#ff4e4538}.jam-source.spotify{color:#5ee68e;background:#1ed76038}.jam-search-box.up .jam-dropdown{top:auto;bottom:calc(100% + 4px)}.nav-toggle,.nav-backdrop{display:none}@supports (height:100dvh){.shell{height:100dvh}}@media (width<=640px){#root{overflow:hidden}.shell{--drawer:min(300px, 85vw);width:calc(var(--drawer) + 100vw);grid-template-columns:var(--drawer) 100vw;margin-left:calc(-1 * var(--drawer));transition:margin-left .22s}.shell.nav-open{margin-left:0}.nav-toggle{flex:none;margin-left:-8px;display:inline-flex}.nav-backdrop{z-index:5;opacity:0;pointer-events:none;background:#00000073;grid-area:1/2/3;transition:opacity .22s;display:block}.shell.nav-open .nav-backdrop{opacity:1;pointer-events:auto}.stage-header{white-space:nowrap;padding:0 12px;overflow-x:auto}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}input,select,textarea{font-size:16px}.modal-backdrop{padding:8px}}@media (width<=640px) and (prefers-reduced-motion:reduce){.shell,.nav-backdrop{transition:none}}@media (hover:none){.stream-tile figcaption,.jam-remove,.jam-replay,.sound-edit{opacity:1}.stream-volume input[type=range]{opacity:1;width:90px;margin:0 8px 0 2px}}.settings-count-title{align-items:center;gap:8px;display:flex}.settings-count-title span{background:var(--field);color:var(--muted);border-radius:999px;padding:0 7px;font-size:.75rem}.member-rows{border:1px solid var(--border);border-radius:8px;margin:0 0 24px;padding:0;list-style:none;overflow:hidden}.member-rows li{background:var(--sidebar);grid-template-columns:32px minmax(0,1fr) 170px 250px;align-items:center;gap:12px;padding:10px 14px;display:grid}.member-rows li+li{border-top:1px solid var(--border)}.member-rows li:hover{background:color-mix(in srgb, var(--sidebar) 85%, var(--hover))}.member-rows li.disabled .member-row-avatar,.member-rows li.disabled .member-row-name strong{opacity:.55}.member-rows .member-rows-empty{color:var(--muted);display:block}.member-row-avatar{display:flex;position:relative}.member-row-avatar.online:after{content:"";width:10px;height:10px;box-shadow:0 0 0 3px var(--sidebar);background:#4ade80;border-radius:50%;position:absolute;bottom:-2px;right:-2px}.member-row-name{min-width:0;display:grid}.member-row-name strong{color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;display:flex;overflow:hidden}.member-row-name small{color:var(--muted);font-size:.75rem}.member-row-you{background:color-mix(in srgb, var(--accent) 20%, transparent);color:var(--accent);border-radius:4px;padding:0 6px;font-size:.6875rem;font-weight:800}select.member-row-role{width:100%;max-width:none}span.member-row-role{color:var(--muted);font-size:.875rem}.member-row-actions{justify-content:flex-end;gap:4px;display:flex}.ghost-button,.member-row-actions .text-button{white-space:nowrap;padding:6px 10px;font-size:.8125rem}.ghost-button{color:var(--text);background:0 0}.ghost-button:enabled:hover{background:var(--hover)}.reset-card{border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 8%, var(--sidebar));border-radius:8px;margin-bottom:12px;padding:12px 14px 0}.reset-card-head{color:var(--text-strong);justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.reset-card .icon-button{width:28px;height:28px}@media (width<=760px){.member-rows li{grid-template-columns:32px minmax(0,1fr) minmax(0,150px)}.member-row-actions{grid-column:2/-1;justify-content:flex-start}}.view-as-layout{flex-direction:column;height:100%;display:flex}@supports (height:100dvh){.view-as-layout{height:100dvh}}.view-as-layout .shell{flex:1;height:auto;min-height:0}.view-as-banner{color:#1d1300;background:#f0b429;flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:8px;padding:6px 12px;font-size:.875rem;font-weight:700;display:flex}.view-as-banner select{color:#1d1300;background:#ffffff8c;border-color:#00000040;padding:2px 6px;font-weight:700}.view-as-banner .view-as-note{opacity:.8;font-weight:600}.view-as-banner button{color:#f0b429;background:#1d1300;padding:3px 10px}.view-as-banner button:enabled:hover{color:#ffd166;background:#3a2800}.view-as-start{align-items:center}.view-as-start .settings-hint{margin:0}.view-as-start .ghost-button{align-items:center;gap:6px;display:inline-flex}@media (width<=640px){.view-as-banner .view-as-note{display:none}}.gate-meter-field{max-width:420px;margin:-6px 0 16px}.gate-meter{background:var(--field);border-radius:5px;height:10px;position:relative;overflow:hidden}.gate-meter-level{background:#f0b429;height:100%;transition:width 60ms linear}.gate-meter.open .gate-meter-level{background:#4ade80}.gate-meter-threshold{background:var(--text-strong);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.gate-slider{width:100%;margin-top:6px}.gate-meter-field .settings-hint{margin:6px 0 0}@media (prefers-reduced-motion:reduce){.gate-meter-level{transition:none}}.noise-menu-anchor{display:inline-flex;position:relative}.noise-menu{min-width:230px}.noise-menu-title{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;padding:4px 10px 6px;font-size:.6875rem;font-weight:800}.noise-menu button>span:last-child{display:grid}.noise-menu small{color:var(--muted);font-size:.6875rem;font-weight:600}.noise-menu .noise-menu-more{border-top:1px solid var(--border);color:var(--muted);border-radius:0 0 4px 4px;margin-top:4px;padding-left:10px;font-size:.75rem}.noise-menu-strength{border-top:1px solid var(--border);color:var(--muted);gap:4px;margin-top:4px;padding:8px 10px 4px;font-size:.75rem;font-weight:700;display:grid}.noise-menu-strength span{justify-content:space-between;display:flex}.noise-menu-strength b{color:var(--text);font-variant-numeric:tabular-nums}.noise-menu-strength input{width:100%}.mic-test{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mic-test .settings-hint{flex:1;min-width:200px;margin:0}.mic-test button.mic-test-stop{background:var(--danger);color:var(--on-primary)}.health-charts{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;margin:8px 0;display:grid}.health-chart{border:1px solid var(--border);background:var(--field);border-radius:6px;padding:6px 8px}.health-chart-head{color:var(--muted);justify-content:space-between;gap:8px;font-size:.75rem;display:flex}.health-chart-head strong{color:var(--text);font-variant-numeric:tabular-nums}.health-chart.bad .health-chart-head strong{color:var(--danger)}.health-chart svg{width:100%;height:40px;margin-top:4px;display:block}.health-chart polyline{fill:none;stroke:var(--accent);stroke-width:1.5px;vector-effect:non-scaling-stroke}.health-chart.bad polyline{stroke:var(--danger)}.health-warn-line{stroke:color-mix(in srgb, var(--danger) 45%, transparent);stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.health-stats{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin-bottom:24px;display:grid}.health-stats>div{border:1px solid var(--border);background:var(--sidebar);border-radius:8px;gap:2px;padding:10px 12px;display:grid}.health-stats span,.health-stats small{color:var(--muted);font-size:.75rem}.health-stats strong{color:var(--text-strong);font-variant-numeric:tabular-nums;font-size:1.125rem}.member-rows li.health-row{flex-wrap:wrap;gap:6px 16px;font-size:.8125rem;display:flex}.health-row small{color:var(--muted)}.health-bad,.health-stats>div.health-bad strong{color:var(--danger)}.presence-dot.idle{background:#f0b429}.presence-dot.offline{background:#e8edf2}.member-row-avatar.idle:after{content:"";width:10px;height:10px;box-shadow:0 0 0 3px var(--sidebar);background:#f0b429;border-radius:50%;position:absolute;bottom:-2px;right:-2px}.member-row-avatar:not(.online):not(.idle):after{content:"";width:10px;height:10px;box-shadow:0 0 0 3px var(--sidebar);background:#e8edf2;border-radius:50%;position:absolute;bottom:-2px;right:-2px}.music-banner{color:#f0b429;background:#f0b4292e;border-radius:4px;align-items:center;gap:6px;margin:6px 0 2px;padding:4px 8px;font-size:.75rem;font-weight:600;display:flex}.user-status.music{color:#f0b429}.voice-actions button.music-mode.active{background:color-mix(in srgb, #f0b429 30%, var(--hover));color:#f0b429}.voice-actions button.music-mode.active:hover{background:color-mix(in srgb, #f0b429 40%, var(--hover));color:#ffd166}.title-bar{z-index:100;height:32px;padding:0 calc(100vw - env(titlebar-area-width,100vw)) 0 12px;background:var(--bg);color:var(--muted);-webkit-app-region:drag;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.8125rem;font-weight:700;display:flex;position:fixed;top:0;left:0;right:0}.title-bar img{border-radius:4px}body.has-title-bar #root{box-sizing:border-box;height:100%;padding-top:32px}body.has-title-bar .shell,body.has-title-bar .view-as-layout{height:calc(100dvh - 32px)}body.has-title-bar .modal-backdrop{top:32px}.presence-dot,.member-row-avatar.online:after{background:#23d160}.presence-dot.busy{background:#f04747}.member-row-avatar.busy:after{content:"";width:10px;height:10px;box-shadow:0 0 0 3px var(--sidebar);background:#f04747;border-radius:50%;position:absolute;bottom:-2px;right:-2px}.status-options{border-bottom:1px solid var(--border);gap:2px;margin-bottom:6px;padding-bottom:6px;display:grid}.status-options button{width:100%;color:var(--text);text-align:left;background:0 0;border-radius:4px;align-items:center;gap:10px;padding:6px 8px;font-size:.8125rem;display:flex}.status-options button:hover,.status-options button.active{background:var(--hover)}.status-options .presence-dot{border:0;flex:none;width:10px;height:10px;position:static}.status-options button>span:last-child{display:grid}.status-options small{color:var(--muted);font-size:.6875rem;font-weight:600}.account-menu{min-width:220px}.close-dialog-backdrop{z-index:200}.modal.close-dialog{border:1px solid var(--border);background:var(--panel);width:min(380px,100%);box-shadow:var(--shadow);text-align:center;border-radius:14px;justify-items:center;gap:10px;padding:24px 24px 16px;display:grid}.close-dialog img{border-radius:12px}.close-dialog h2{color:var(--text-strong);margin:4px 0 0;font-size:1.25rem}.close-dialog p{color:var(--muted);margin:0 0 6px;font-size:.875rem}.close-dialog-actions{gap:8px;width:100%;display:grid}.close-dialog-actions button{border-radius:8px;padding:10px 16px}.close-dialog-actions .close-dialog-quit{color:var(--danger);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--danger) 55%, transparent);background:0 0}.close-dialog-actions .close-dialog-quit:enabled:hover{background:var(--danger);color:var(--on-primary)}.close-dialog-remember{color:var(--text);align-items:center;gap:8px;margin-top:4px;font-size:.8125rem;display:flex}.close-dialog-remember small{color:var(--muted)}.close-dialog-cancel{color:var(--muted);background:0 0}.music-badge{color:#f0b429;display:inline-flex}.go-live-game-tag{background:color-mix(in srgb, var(--ok) 30%, transparent);color:#23d160;text-transform:uppercase;border-radius:3px;margin-right:6px;padding:0 5px;font-size:.6875rem;font-weight:800}.go-live-sources .go-live-minimized{aspect-ratio:16/9;color:var(--muted);background:#000;border-radius:4px;align-content:center;place-items:center;gap:4px;display:grid}.go-live-sources .go-live-minimized img{aspect-ratio:auto;background:0 0;width:48px;height:48px}.go-live-sources .go-live-minimized small{text-transform:uppercase;font-size:.6875rem;font-weight:700}.name-colors{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.name-color{cursor:pointer;border:2px solid #0000;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;font-size:.75rem;font-weight:800;display:grid;position:relative}.name-color.default,.name-color.custom{background:var(--field);color:var(--text)}.name-color.active{border-color:var(--text-strong);box-shadow:0 0 0 2px var(--bg)}.name-color.custom input{opacity:0;cursor:pointer;position:absolute;inset:0}.participant-self-controls{gap:6px;margin-top:8px;display:flex}.participant-self-controls .icon-button{background:var(--hover);width:40px;height:36px;color:var(--text-strong)}.participant-self-controls .icon-button.off{color:var(--danger)}.participant-self-controls .icon-button:hover{background:var(--active)}.new-version{z-index:40;border:1px solid color-mix(in srgb, var(--accent) 50%, transparent);background:var(--panel);box-shadow:var(--shadow);color:var(--text);border-radius:10px;align-items:center;gap:12px;padding:8px 8px 8px 14px;font-size:.875rem;font-weight:600;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)}body.has-title-bar .new-version{top:44px}.new-version button{padding:5px 12px}