:root{--bg: #121214;--bg-elevated: #0f0f11;--bg-panel: #121214;--bg-muted: #202024;--bg-input: #1a1a1e;--border: #222225;--text: #f3f6f6;--text-muted: #abacb2;--accent: #11ebce;--accent-strong: #0fd0b6;--accent-soft: rgba(20, 235, 206, .14);--danger: #dc2828;--online: #3ba55d}:root[data-theme=light]{--bg: #f2f3f5;--bg-elevated: #ffffff;--bg-panel: #f7f8fa;--bg-muted: #e9eaed;--bg-input: #ffffff;--border: #d8dade;--text: #23272a;--text-muted: #5c6570;--accent-soft: rgba(15, 179, 156, .12)}:root[data-theme=gray]{--bg: #3a3d42;--bg-elevated: #45484d;--bg-panel: #404349;--bg-muted: #4c4f55;--bg-input: #505359;--border: #5a5d63;--text: #f0f1f2;--text-muted: #c2c5ca}:root[data-theme=black]{--bg: #000000;--bg-elevated: #0a0a0a;--bg-panel: #060606;--bg-muted: #121212;--bg-input: #151515;--border: #232323;--text: #ffffff;--text-muted: #9a9a9a}:root[data-theme=aurora]{--bg: #0a0518;--bg-elevated: #140b2b;--bg-panel: #110924;--bg-muted: #1c1038;--bg-input: #201142;--border: #34205c;--text: #f3eaff;--text-muted: #b9a6e0;--accent: #14ebce;--accent-strong: #9b5cff;--accent-soft: rgba(155, 92, 255, .18)}:root[data-theme=aurora] body{background:linear-gradient(160deg,#0a0518,#140b2b 60%,#1c1038)}:root[data-theme=sunset]{--bg: #1a0d08;--bg-elevated: #24120a;--bg-panel: #200f09;--bg-muted: #2c150c;--bg-input: #33180d;--border: #472313;--text: #fff1e6;--text-muted: #e0b49a;--accent: #ff7a45;--accent-strong: #ff3d7f;--accent-soft: rgba(255, 61, 127, .18)}:root[data-theme=sunset] body{background:linear-gradient(160deg,#1a0d08,#24120a 60%,#33180d)}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.auth-page{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:radial-gradient(circle at 50% 0%,rgba(20,235,206,.08),transparent 60%),var(--bg)}.auth-logo{width:56px;height:56px}.auth-card{background:var(--bg-elevated);border:1px solid var(--border);padding:32px;border-radius:12px;width:320px;display:flex;flex-direction:column;gap:12px}.auth-card h1{margin:0;color:var(--text);text-align:center;letter-spacing:.5px}.auth-card .subtitle{text-align:center;color:var(--text-muted);margin:0 0 8px}.auth-card input{padding:10px 12px;border-radius:6px;border:1px solid var(--border);background:var(--bg-input);color:var(--text)}.auth-field-label{color:var(--text-muted);font-size:12px;margin:-4px 0 -6px}.auth-card input:focus{outline:none;border-color:var(--accent)}.auth-card button{padding:10px;border-radius:6px;border:none;background:var(--accent);color:#04231d;font-weight:700;cursor:pointer}.auth-card button:hover{background:var(--accent-strong)}.auth-card .error{background:var(--danger);color:#fff;padding:8px;border-radius:6px;font-size:14px}.switch-link{text-align:center;font-size:13px;color:var(--text-muted)}.switch-link a{color:var(--accent)}.app-layout{display:grid;grid-template-columns:72px 240px 1fr;height:100vh}.server-sidebar{background:var(--bg-elevated);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:8px}.brand-mark{width:48px;height:48px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none}.brand-mark img{width:48px;height:48px;border-radius:14px;object-fit:contain;transition:border-radius .15s;animation:logo-idle-doodle 11s ease-in-out infinite;transform-origin:center}.brand-mark:hover img,.brand-mark.active img{border-radius:11px}.brand-mark.active{position:relative}.brand-mark.active:before{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:4px;height:28px;border-radius:0 4px 4px 0;background:var(--text)}@keyframes logo-idle-doodle{0%,90%{transform:scale(1) rotate(0)}92%{transform:scale(1.12,.88) rotate(-8deg)}94%{transform:scale(.92,1.1) rotate(6deg)}96%{transform:scale(1.06,.96) rotate(-3deg)}to{transform:scale(1) rotate(0)}}.server-icon{width:48px;height:48px;border-radius:24px;background:var(--bg-muted);color:var(--text);border:none;cursor:pointer;font-weight:700;display:flex;align-items:center;justify-content:center;text-decoration:none;flex-shrink:0;transition:border-radius .15s,background .15s}.server-divider{width:32px;height:1px;background:var(--border);margin:2px 0 6px}.dm-unread-stack{display:flex;flex-direction:column;align-items:center;gap:6px;margin:6px 0}.dm-unread-item{position:relative;width:44px;height:44px;border-radius:24px;overflow:hidden;border:none;padding:0;cursor:pointer;transition:border-radius .15s}.dm-unread-item:hover{border-radius:16px}.dm-unread-badge{position:absolute;bottom:-2px;right:-2px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;border:2px solid var(--bg)}.server-icon:hover,.server-icon.active{border-radius:16px;background:var(--accent);color:#04231d}.server-icon.add{color:var(--accent);font-size:20px;background:var(--bg-muted)}.server-icon.add:hover{color:#04231d}.create-server-form input{width:48px;border-radius:8px;border:1px solid var(--border);padding:4px;background:var(--bg-input);color:var(--text)}.channel-list{background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:12px 8px}.channel-list.empty{align-items:center;justify-content:center;color:var(--text-muted)}.server-title{color:var(--text);font-weight:700;padding:0 8px 12px;border-bottom:1px solid var(--border);margin-bottom:8px;letter-spacing:.2px}.channel-group-label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.4px;padding:12px 8px 4px}.channel-item{background:none;border:none;color:var(--text-muted);text-align:left;padding:7px 8px;border-radius:6px;cursor:pointer;font-size:14px;display:flex;flex-direction:column;gap:1px}.channel-item-row{display:flex;align-items:center;gap:5px}.channel-status{font-size:11px;color:var(--text-muted);padding-left:18px}.voice-occupants{display:flex;flex-direction:column;gap:3px;padding-left:18px;margin-top:2px}.voice-occupant{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.voice-occupant .voice-occupant-avatar{width:20px;height:20px;min-width:20px;flex-shrink:0;border-radius:50%;object-fit:cover}.channel-item:hover{background:var(--bg-muted);color:var(--text)}.channel-item.active{background:var(--accent-soft);color:var(--accent)}.channel-item.add{color:var(--accent)}.channel-item.dragging{opacity:.4}.channel-drop-zone{border-radius:6px;transition:background .1s,box-shadow .1s;min-height:4px}.channel-drop-zone.drop-active{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.create-channel-form input{width:100%;padding:6px 8px;border-radius:6px;border:1px solid var(--border);margin:2px 0;background:var(--bg-input);color:var(--text)}.user-bar{position:relative;margin-top:auto;display:flex;align-items:center;gap:8px;padding:8px;background:var(--bg-muted);border-radius:8px;font-size:13px}.user-bar .user-avatar{position:relative;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#04231d;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;flex-shrink:0}.status-dot{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%;background:var(--online);border:2px solid var(--bg-muted)}.user-bar .user-name{flex:1;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-name-col{display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden}.user-name-col .user-name{flex:none}.user-playing{font-size:10px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plus-tag{font-size:9px;font-weight:700;color:#04231d;background:var(--accent);padding:2px 5px;border-radius:4px;letter-spacing:.5px}.settings-link{color:var(--text-muted);text-decoration:none;font-size:14px}.settings-link:hover{color:var(--text)}.chat-panel{display:flex;flex-direction:column;height:100vh;background:var(--bg)}.chat-panel.empty{align-items:center;justify-content:center;color:var(--text-muted)}.chat-header{padding:14px 16px;border-bottom:1px solid var(--border);font-weight:700;color:var(--text)}.chat-messages{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.chat-message{position:relative}.chat-message .author{color:var(--accent);font-weight:600;margin-right:8px;cursor:pointer}.chat-message .author:hover{text-decoration:underline}.chat-message-row{display:flex;align-items:flex-start;gap:12px}.chat-message-avatar{flex-shrink:0;width:38px;height:38px;border-radius:50%;overflow:hidden;border:none;padding:0;cursor:pointer;background:var(--bg-muted)}.chat-message-body{flex:1;min-width:0}.chat-message-meta{display:flex;align-items:baseline;gap:6px}.chat-message-time{font-size:11px;color:var(--text-muted)}.chat-message-edited{font-size:10px;color:var(--text-muted);font-style:italic}.chat-edit-row{display:flex;gap:6px;margin-top:2px}.chat-edit-row input{flex:1;background:var(--bg-input);border:1px solid var(--accent);border-radius:4px;color:var(--text);padding:4px 8px;font-size:13px}.chat-edit-row button{background:var(--bg-muted);border:none;color:var(--text-muted);border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer}.chat-reply-preview{font-size:11px;color:var(--text-muted);margin-bottom:2px}.chat-gif{display:block;max-width:260px;border-radius:8px;margin-top:4px}.chat-message-actions{position:absolute;top:-10px;right:4px;display:none;gap:4px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;padding:2px 4px}.chat-message:hover .chat-message-actions{display:flex}.chat-message-actions button{background:none;border:none;cursor:pointer;font-size:13px}.reaction-picker{display:flex;gap:4px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:4px 6px;width:fit-content;margin-top:4px}.reaction-picker button{background:none;border:none;cursor:pointer;font-size:16px}.chat-reactions{display:flex;gap:4px;margin-top:4px}.chat-reaction-chip{background:var(--bg-muted);border:1px solid var(--border);border-radius:10px;padding:1px 8px;font-size:12px;cursor:pointer;color:var(--text)}.chat-reply-bar{display:flex;align-items:center;gap:8px;padding:6px 16px;font-size:12px;color:var(--text-muted);border-top:1px solid var(--border)}.chat-reply-bar button{margin-left:auto;background:none;border:none;color:var(--text-muted);cursor:pointer}.chat-input{padding:12px 16px;display:flex;gap:8px;align-items:center}.chat-gif-button{padding:6px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg-muted);color:var(--text);font-size:11px;font-weight:700;cursor:pointer;flex-shrink:0}.gif-url-form{display:flex;gap:8px;padding:0 16px 12px}.gif-url-form input{flex:1;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text)}.chat-input input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text)}.chat-input input:focus{outline:none;border-color:var(--accent)}.voice-panel{display:flex;flex-direction:column;height:100vh;background:var(--bg)}.voice-participants{flex:1;display:flex;flex-wrap:wrap;align-content:flex-start;gap:24px;padding:24px}.voice-avatar{display:flex;flex-direction:column;align-items:center;gap:8px;width:96px}.avatar-circle{position:relative;width:72px;height:72px;border-radius:50%;background:var(--bg-muted);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;border:3px solid transparent;transition:border-color .1s}.avatar-circle .status-dot{width:14px;height:14px;border:3px solid var(--bg)}.voice-avatar.speaking .avatar-circle{border-color:var(--accent)}.voice-avatar span{font-size:13px;color:var(--text-muted);text-align:center}.screen-share-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;padding:0 24px 16px}.screen-share-video{width:100%;border-radius:8px;background:#000;border:1px solid var(--border)}.voice-controls-wrap{padding:16px 24px;border-top:1px solid var(--border)}.voice-controls{display:flex;align-items:center;justify-content:center;gap:18px;opacity:.6;transform:translateY(2px);transition:opacity .2s ease,transform .2s ease}.voice-controls-wrap:hover .voice-controls,.voice-controls:focus-within{opacity:1;transform:translateY(0)}.voice-controls-group{display:flex;align-items:center;gap:6px;background:var(--bg-muted);padding:6px;border-radius:26px;position:relative}.voice-controls .icon-button:disabled{opacity:.5;cursor:default}.voice-mini-popover{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:2px;min-width:210px;box-shadow:0 8px 24px #00000059;z-index:20;animation:popover-in .12s ease}.voice-mini-popover button{background:none;border:none;text-align:left;padding:8px 10px;border-radius:6px;color:var(--text);cursor:pointer;font-size:13px}.voice-mini-popover button:hover{background:var(--bg-muted)}.voice-mini-popover button.danger{color:var(--danger)}.premium-lock-button{padding:10px 16px;border-radius:8px;border:1px dashed var(--accent);color:var(--accent);text-decoration:none;font-weight:600;display:flex;align-items:center}.recording-indicator{margin-left:12px;color:var(--danger);font-size:13px;font-weight:600;animation:pulse 1.2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.soundboard-panel{display:flex;flex-wrap:wrap;gap:8px;padding:0 24px 16px}.soundboard-clip{padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-muted);color:var(--text);cursor:pointer;font-size:13px}.soundboard-clip:hover{border-color:var(--accent);color:var(--accent)}.soundboard-clip.upload{border-style:dashed;color:var(--text-muted)}.hint{font-size:12px;color:var(--text-muted);margin-top:8px;display:block}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer}.settings-toggle-row p{color:var(--text-muted);font-size:13px;margin:4px 0 0}.settings-toggle-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0}.plan-badge.active{color:var(--accent);font-weight:700}.upgrade-button{padding:12px 20px;border-radius:8px;border:none;background:var(--accent);color:#04231d;font-weight:700;cursor:pointer}.upgrade-button:disabled{opacity:.6;cursor:default}.dev-toggle{background:none;border:1px solid var(--border);color:var(--text-muted);border-radius:4px;padding:2px 6px;cursor:pointer;font-size:11px}.success{background:var(--online);color:#fff;padding:8px;border-radius:6px;font-size:14px;margin-bottom:8px}.context-menu{position:fixed;z-index:300;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:6px;min-width:220px;box-shadow:0 8px 24px #00000059}.context-menu-item{display:block;width:100%;text-align:left;background:none;border:none;color:var(--text);padding:8px 10px;border-radius:4px;font-size:13px;cursor:pointer}.context-menu-item:hover{background:var(--bg-muted)}.context-menu-item.danger{color:var(--danger)}.context-menu-item:disabled{opacity:.5;cursor:default}.context-menu-separator{height:1px;background:var(--border);margin:6px 4px}.context-menu-hint{padding:8px 10px;font-size:12px;color:var(--text-muted)}.member-role-check{display:inline-block;width:18px}.app-layout.has-members{grid-template-columns:72px 240px 1fr 240px}.member-list{background:var(--bg-panel);border-left:1px solid var(--border);padding:16px 8px;overflow-y:auto}.member-list-header{font-size:12px;font-weight:700;color:var(--text-muted);padding:0 8px 10px;letter-spacing:.02em}.member-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;cursor:default}.member-row:hover{background:var(--bg-muted)}.member-row-info{display:flex;flex-direction:column;min-width:0}.member-name{font-size:14px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-voice-tag{font-size:11px;color:var(--text-muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:400}.modal-box{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;max-width:90vw;max-height:85vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-header h3{margin:0}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px}.modal-body{padding:20px}.modal-form{display:flex;flex-direction:column;gap:8px}.modal-form label{font-size:12px;color:var(--text-muted);margin-top:6px}.modal-form input{padding:8px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg-input);color:var(--text)}.modal-form button[type=submit]{margin-top:12px;padding:10px;border-radius:6px;border:none;background:var(--accent);color:#04231d;font-weight:700;cursor:pointer}.danger-button{margin-top:16px;width:100%;padding:10px;border-radius:6px;border:1px solid var(--danger);background:none;color:var(--danger);font-weight:600;cursor:pointer}.invite-code-box{display:flex;align-items:center;gap:10px;background:var(--bg-muted);padding:10px 14px;border-radius:8px;margin-top:8px}.invite-code-box code{flex:1;font-size:15px;letter-spacing:1px}.invite-code-box button{padding:6px 12px;border-radius:6px;border:none;background:var(--accent);color:#04231d;font-weight:600;cursor:pointer}.event-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.event-list li{display:flex;justify-content:space-between;background:var(--bg-muted);padding:10px 12px;border-radius:8px;font-size:13px}.category-block{display:flex;flex-direction:column}.category-label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.4px;padding:12px 8px 2px;background:none;border:none;display:flex;align-items:center;gap:4px;cursor:pointer;width:100%;text-align:left}.category-label:hover{color:var(--text)}.category-chevron{display:inline-block;transition:transform .15s;font-size:9px}.category-chevron.collapsed{transform:rotate(-90deg)}.voice-icon-group{display:flex;align-items:center;gap:2px;position:relative;flex-shrink:0}.icon-with-caret{position:relative}.icon-button{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;width:26px;height:26px;padding:0;border-radius:6px;transition:background .12s,color .12s}.icon-button:hover{color:var(--text);background:var(--bg-muted)}.icon-button.active-danger{color:var(--danger)}.icon-caret{position:absolute;bottom:-2px;right:-2px;width:13px;height:13px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:50%;padding:0}.icon-caret:hover{color:var(--text);border-color:var(--accent)}.device-popover{position:absolute;bottom:44px;right:0;width:240px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:6px;z-index:250;animation:popover-in .12s ease-out;box-shadow:0 8px 24px #00000059}.device-popover label{font-size:11px;color:var(--text-muted);margin-top:6px}.device-popover select{padding:6px;border-radius:6px;border:1px solid var(--border);background:var(--bg-input);color:var(--text)}.device-popover input[type=range]{accent-color:var(--accent)}.settings-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:500;display:flex}.settings-modal{display:grid;grid-template-columns:240px 1fr;width:100%}.settings-nav{background:var(--bg-panel);border-right:1px solid var(--border);padding:24px 12px;display:flex;flex-direction:column;gap:2px}.settings-nav button{text-align:left;background:none;border:none;color:var(--text-muted);padding:8px 10px;border-radius:6px;cursor:pointer;font-size:14px}.settings-nav button:hover{background:var(--bg-muted);color:var(--text)}.settings-nav button.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.settings-nav-label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.4px;padding:16px 10px 4px}.settings-content{position:relative;max-width:640px;margin:0 auto;padding:48px 24px;overflow-y:auto}.settings-content h2{font-size:14px;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);margin:28px 0 12px}.settings-content h2:first-child{margin-top:0}.settings-modal-close{position:absolute;top:16px;right:24px;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:13px}.settings-form{display:flex;flex-direction:column;gap:8px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:16px}.settings-form label{font-size:12px;color:var(--text-muted)}.settings-form input{padding:8px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg-input);color:var(--text)}.settings-form button[type=submit]{align-self:flex-start;margin-top:6px;padding:8px 16px;border-radius:6px;border:none;background:var(--accent);color:#04231d;font-weight:700;cursor:pointer}.payment-history{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.payment-history li{display:flex;justify-content:space-between;background:var(--bg-elevated);border:1px solid var(--border);padding:8px 12px;border-radius:8px;font-size:13px}.theme-options{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.theme-options button{padding:12px 20px;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer}.theme-options button.active{border-color:var(--accent);color:var(--accent)}.theme-premium-option.locked{opacity:.5;cursor:not-allowed}@keyframes popover-in{0%{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.friends-layout{grid-template-columns:72px 240px 1fr 280px}.friends-icon:not(.active):not(:hover) svg{color:var(--accent)}.dm-sidebar{background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:12px 8px;gap:2px;overflow-y:auto}.dm-nav-item{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--text-muted);text-align:left;padding:7px 8px;border-radius:6px;cursor:pointer;font-size:14px}.dm-nav-item:hover{background:var(--bg-muted);color:var(--text)}.dm-nav-item.active{background:var(--accent-soft);color:var(--accent)}.user-avatar.small{position:relative;width:24px;height:24px;border-radius:50%;background:var(--accent);color:#04231d;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:10px;flex-shrink:0}.friends-main{display:flex;flex-direction:column;background:var(--bg);min-width:0}.friends-tabs{display:flex;align-items:center;gap:20px;padding:14px 20px;border-bottom:1px solid var(--border)}.friends-tabs button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:4px 0;display:flex;align-items:center;gap:6px}.friends-tabs button:hover{color:var(--text)}.friends-tabs button.active{color:var(--text);font-weight:600}.friends-tabs .add-friend-tab{margin-left:auto;background:var(--accent-soft);color:var(--accent);padding:5px 12px;border-radius:6px}.badge{background:var(--danger);color:#fff;font-size:10px;font-weight:700;border-radius:10px;padding:1px 6px}.friends-content{flex:1;overflow-y:auto;padding:20px}.add-friend-box{max-width:520px}.add-friend-box h2{margin:0 0 8px}.add-friend-box p{color:var(--text-muted);font-size:13px}.add-friend-form{display:flex;gap:10px;margin-top:12px}.add-friend-form input{flex:1;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text)}.add-friend-form button{padding:10px 18px;border-radius:8px;border:none;background:var(--accent);color:#04231d;font-weight:700;cursor:pointer;white-space:nowrap}.friend-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.friend-row{display:flex;align-items:center;gap:12px;padding:10px 8px;border-bottom:1px solid var(--border)}.friend-row .user-avatar{position:relative;width:34px;height:34px;border-radius:50%;background:var(--bg-muted);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}.friend-name{font-weight:600;min-width:140px}.friend-actions{margin-left:auto;display:flex;gap:8px}.friend-actions button{padding:6px 12px;border-radius:6px;border:none;background:var(--bg-muted);color:var(--text);cursor:pointer;font-size:12px}.friend-actions button:hover{background:var(--accent-soft);color:var(--accent)}.friend-actions.icon-actions{gap:4px}.friend-actions.icon-actions .icon-button{width:30px;height:30px;border-radius:50%;background:var(--bg-muted);color:var(--text-muted)}.friend-actions.icon-actions .icon-button:hover{background:var(--accent-soft);color:var(--accent)}.danger-button-inline{color:var(--danger)!important}.danger-button-inline:hover{background:#dc282826!important}.active-now-panel{background:var(--bg-panel);border-left:1px solid var(--border);padding:20px 16px;overflow-y:auto}.active-now-panel h3{margin:0 0 16px;font-size:13px;color:var(--text)}.go-ultra-promo-card{width:100%;display:flex;flex-direction:column;gap:4px;text-align:left;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:linear-gradient(120deg,#14ebce26,#7c5cff26);color:var(--text);cursor:pointer;margin-bottom:16px;font-size:12px}.go-ultra-promo-card strong{font-size:14px}.active-now-card{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;margin-bottom:6px;background:var(--bg-elevated);border:1px solid var(--border)}.active-now-card .user-avatar{position:relative;width:32px;height:32px;border-radius:50%;background:var(--bg-muted);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;flex-shrink:0}.active-now-info{display:flex;flex-direction:column;min-width:0;flex:1}.active-now-info span{font-size:11px;color:var(--text-muted)}.active-now-card button{padding:5px 10px;border-radius:6px;border:none;background:var(--accent);color:#04231d;font-weight:600;cursor:pointer;font-size:11px}.friends-layout{position:relative}.active-now-panel{position:relative;overflow:hidden}.active-now-panel:before,.active-now-panel:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;filter:blur(70px);opacity:.35;pointer-events:none;z-index:0}.active-now-panel:before{background:var(--accent);top:-60px;right:-60px;animation:neon-drift-a 9s ease-in-out infinite}.active-now-panel:after{background:#7c5cff;bottom:-80px;left:-60px;animation:neon-drift-b 11s ease-in-out infinite}.active-now-panel>*{position:relative;z-index:1}@keyframes neon-drift-a{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-20px,30px) scale(1.15)}}@keyframes neon-drift-b{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.1)}}.active-now-card{position:relative;overflow:hidden}.active-now-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,var(--accent),#7c5cff,var(--accent));background-size:200% 200%;animation:neon-border-flow 4s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6}@keyframes neon-border-flow{0%{background-position:0% 50%}to{background-position:200% 50%}}.ultra-card{position:relative;border-radius:16px;padding:28px;overflow:hidden;background:linear-gradient(160deg,#0f1b1a,#0a0f14 60%,#120a1e);border:1px solid var(--border);margin-bottom:12px}.ultra-card-glow{position:absolute;width:260px;height:260px;border-radius:50%;background:var(--accent);filter:blur(90px);opacity:.3;top:-100px;right:-60px;animation:neon-drift-a 10s ease-in-out infinite}.ultra-card-content{position:relative;z-index:1}.ultra-title{font-size:28px;font-weight:900;font-style:italic;letter-spacing:.5px;color:#fff;text-shadow:0 0 18px rgba(20,235,206,.5);margin-bottom:6px}.ultra-subtitle{color:var(--text-muted);font-size:13px;margin:0 0 16px}.ultra-perks{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:12px}.ultra-perks li{display:flex;align-items:flex-start;gap:10px;color:#fff;font-size:13px}.ultra-perk-icon{font-size:16px;flex-shrink:0}.ultra-perk-detail{color:var(--text-muted);font-weight:400}.ultra-plan-options{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.ultra-plan-option{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:#ffffff08;cursor:pointer;transition:border-color .15s,background .15s}.ultra-plan-option:hover{border-color:var(--accent)}.ultra-plan-option.selected{border-color:var(--accent);background:#14ebce14}.ultra-plan-option input[type=radio]{accent-color:var(--accent);width:16px;height:16px;flex-shrink:0}.ultra-plan-option>div:nth-child(2){flex:1;display:flex;flex-direction:column;color:#fff;font-size:13px}.ultra-plan-option>div:nth-child(2) span{color:var(--text-muted);font-size:11px}.ultra-plan-price{color:#fff;font-weight:700;font-size:15px}.ultra-subscribe-button{width:100%;padding:13px;border-radius:10px;border:none;background:#fff;color:#0a0f14;font-weight:700;font-size:14px;cursor:pointer}.ultra-subscribe-button:hover{background:var(--accent)}.ultra-subscribe-button:disabled{opacity:.6;cursor:default}.ultra-card.active-plan{padding:20px 28px}.plan-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.plan-card{margin-bottom:0}.plan-card .ultra-plan-price{font-size:22px;margin-bottom:14px}.game-collection-list{list-style:none;margin:8px 0 20px;padding:0;display:flex;flex-direction:column;gap:6px}.game-collection-list li{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:6px;background:var(--bg-muted);font-size:13px}.user-identity-button{display:flex;align-items:center;gap:8px;flex:1;min-width:0;background:none;border:none;cursor:pointer;padding:2px;border-radius:6px;text-align:left}.user-identity-button:hover{background:var(--bg-elevated)}.profile-popover{position:absolute;bottom:52px;left:0;width:260px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;overflow:hidden;z-index:260;box-shadow:0 12px 32px #00000073;animation:popover-in .12s ease-out}.profile-banner{height:56px;background:linear-gradient(120deg,var(--accent),#7c5cff)}.profile-popover-body{padding:0 14px 14px}.profile-avatar-row{margin-top:-28px;margin-bottom:6px}.friend-profile-body{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}.friend-profile-body .profile-avatar-row{margin-top:0}.friend-profile-body .profile-avatar{width:72px;height:72px}.profile-avatar{position:relative;width:56px;height:56px;border-radius:50%;background:var(--bg-muted);color:var(--accent);border:4px solid var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;overflow:visible}.profile-actions{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:14px;width:100%}.profile-action-button{width:100%;padding:9px 12px;border-radius:6px;border:none;background:var(--accent);color:#04211c;font-weight:600;font-size:13px;cursor:pointer}.profile-action-button.secondary{background:var(--bg-muted);color:var(--text)}.profile-action-button:hover{filter:brightness(1.08)}.profile-avatar.large{width:72px;height:72px;font-size:22px;border-width:3px}.avatar-upload-row{display:flex;align-items:center;gap:16px;margin-bottom:16px}.avatar-upload-button{padding:8px 16px;border-radius:6px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;font-size:13px}.avatar-upload-button:hover{border-color:var(--accent);color:var(--accent)}.profile-name{font-weight:700;color:var(--text);font-size:15px}.profile-handle{color:var(--text-muted);font-size:12px;margin-top:2px}.profile-games{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.profile-game-chip{background:var(--bg-muted);border-radius:10px;padding:2px 8px;font-size:11px;color:var(--text)}.profile-badges{margin-top:6px}.profile-upsell-card{position:relative;margin-top:12px;padding:12px;border-radius:8px;border:1px solid var(--accent);background:var(--accent-soft)}.profile-upsell-card p{margin:0 0 8px;font-size:13px;color:var(--text);font-weight:600;padding-right:16px}.profile-upsell-dismiss{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:11px}.profile-upsell-button{width:100%;padding:8px;border-radius:6px;border:none;background:var(--accent);color:#04231d;font-weight:700;cursor:pointer;font-size:12px}.profile-menu{margin-top:12px;border-top:1px solid var(--border);padding-top:8px;display:flex;flex-direction:column;gap:2px}.profile-menu-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:none;color:var(--text);padding:8px;border-radius:6px;cursor:pointer;font-size:13px}.profile-menu-item:hover{background:var(--bg-muted)}.profile-status-picker{position:relative}.profile-status-options{display:flex;flex-direction:column;gap:2px;padding-left:8px;border-left:2px solid var(--border);margin-left:8px}.status-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}@keyframes ultra-pulse{0%,to{box-shadow:0 0 6px 1px #14ebce99,0 0 14px 3px #7c5cff59}50%{box-shadow:0 0 10px 3px #7c5cffb3,0 0 20px 6px #14ebce73}}.ultra-glow-ring{border-radius:50%;animation:ultra-pulse 2.2s ease-in-out infinite}.ultra-glow-banner .profile-banner{background:linear-gradient(120deg,var(--accent),#7c5cff,var(--accent));background-size:200% 200%;animation:neon-border-flow 4s linear infinite,ultra-pulse 2.2s ease-in-out infinite}@keyframes ultra-activation-scale{0%{transform:scale(.97)}50%{transform:scale(1.015)}to{transform:scale(1)}}.ultra-activation-burst{animation:neon-border-flow 1.6s linear infinite,ultra-pulse .9s ease-in-out infinite,ultra-activation-scale 4s ease-out 1;box-shadow:0 0 40px 10px #7c5cff59}.ultra-activation-message{font-size:18px;font-weight:700;color:#fff;text-shadow:0 0 16px rgba(20,235,206,.8)}.plus-tag.glow{animation:ultra-pulse 2.2s ease-in-out infinite}.avatar-generic{width:100%;height:100%;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center}.server-icon-avatar{border-radius:24px;transition:border-radius .15s}.server-icon:hover .server-icon-avatar,.server-icon.active .server-icon-avatar{border-radius:16px}.voice-call-layout{display:flex;width:100%;height:100vh;min-width:0}.voice-panel{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg)}.voice-empty-room{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;background:linear-gradient(-45deg,#0a0f14,#10201d,#1a1030,#0a0f14);background-size:300% 300%;animation:voice-empty-gradient 14s ease infinite}@keyframes voice-empty-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.voice-empty-room-title{font-size:22px;font-weight:700;color:var(--text)}.voice-empty-room-hint{color:var(--text-muted);margin:0 0 8px}.voice-join-button{padding:12px 28px;border-radius:24px;border:none;background:var(--accent);color:#04231d;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 0 24px 4px #14ebce59;transition:transform .15s,box-shadow .15s}.voice-join-button:hover{transform:scale(1.05);box-shadow:0 0 32px 8px #14ebce80}.incoming-call-overlay{position:fixed;top:16px;right:16px;z-index:1000;animation:popover-in .15s ease}.incoming-call-card{display:flex;align-items:center;gap:12px;background:var(--bg-elevated);border:1px solid var(--accent);border-radius:12px;padding:14px 16px;box-shadow:0 8px 30px #0006,0 0 20px 2px #14ebce40;min-width:280px}.incoming-call-avatar{width:42px;height:42px;flex-shrink:0}.incoming-call-text{display:flex;flex-direction:column;flex:1;min-width:0}.incoming-call-text span{color:var(--text-muted);font-size:12px}.incoming-call-actions{display:flex;flex-direction:column;gap:6px}.incoming-call-accept,.incoming-call-decline{padding:6px 12px;border-radius:8px;border:none;font-size:12px;font-weight:600;cursor:pointer}.incoming-call-accept{background:var(--accent);color:#04231d}.incoming-call-decline{background:var(--bg-muted);color:var(--text-muted)}.voice-chat-side{width:320px;flex-shrink:0;border-left:1px solid var(--border);display:flex;flex-direction:column}.listen-only-badge{margin-left:12px;font-size:11px;font-weight:600;background:var(--bg-muted);color:var(--text-muted);padding:2px 8px;border-radius:10px}.voice-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-auto-rows:minmax(160px,auto);gap:12px;padding:16px;align-content:start;overflow-y:auto}.video-tile{position:relative;background:var(--bg-muted);border-radius:12px;aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid transparent;transition:border-color .15s}.video-tile.speaking{border-color:var(--accent)}.video-tile.expanded{grid-column:1 / -1;grid-row:span 2;aspect-ratio:auto;min-height:380px}.video-tile:fullscreen{background:#000;display:flex;align-items:center;justify-content:center}.video-tile:fullscreen .tile-screen-video{width:100%;height:100%}.tile-avatar-wrap{width:88px;height:88px}.tile-avatar{background:var(--bg-elevated);color:var(--accent);font-weight:700;font-size:28px}.tile-screen-video{width:100%;height:100%;object-fit:contain;background:#000}.tile-webcam-pip{position:absolute;bottom:10px;right:10px;width:96px;height:72px;border-radius:8px;overflow:hidden;border:2px solid var(--bg-elevated);box-shadow:0 2px 10px #0006}.tile-webcam-pip .tile-screen-video{object-fit:cover}.private-call-layout{display:flex}.tile-expand-controls{position:absolute;top:8px;right:8px;display:flex;gap:6px}.tile-expand-button{width:28px;height:28px;border-radius:6px;background:#0000008c;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px}.tile-expand-button:hover{background:#000000bf}.tile-label{position:absolute;bottom:8px;left:8px;background:#0000008c;color:#fff;padding:4px 9px;border-radius:6px;font-size:12px;display:flex;align-items:center;gap:5px}.icon-button.lg{width:44px;height:44px;border-radius:50%;background:var(--bg-muted);transition:transform .15s ease,background .15s ease,color .15s ease}.icon-button.lg:hover{background:var(--bg-elevated);transform:scale(1.1)}.icon-button.lg:active{transform:scale(.92)}.icon-button.lg.active{background:var(--accent);color:#04231d;animation:icon-pop-in .2s ease}@keyframes icon-pop-in{0%{transform:scale(.8)}60%{transform:scale(1.12)}to{transform:scale(1)}}.icon-button.leave-call{background:var(--danger);color:#fff}.icon-button.leave-call:hover{background:#b71f1f;color:#fff}.invite-voice-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:400}.invite-voice-box{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;width:380px;max-height:70vh;overflow-y:auto}.member-manage-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto}.member-manage-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px;border-radius:6px;background:var(--bg-muted)}.member-manage-checkbox{display:flex;align-items:center;gap:8px;font-size:13px}.member-manage-checkbox input{accent-color:var(--accent)}.member-manage-row select{padding:4px 6px;border-radius:6px;border:1px solid var(--border);background:var(--bg-input);color:var(--text);font-size:12px}.inline-form{display:flex;flex-direction:row;gap:8px;margin-bottom:12px}.inline-form input{flex:1}.danger-button.small{padding:4px 10px;font-size:12px}.role-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;max-height:260px;overflow-y:auto}.role-row{padding:10px;border-radius:8px;background:var(--bg-muted)}.role-row-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.role-permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.role-permission-check{display:flex;align-items:center;gap:6px;font-size:12px}.role-permission-check input{accent-color:var(--accent)}.member-role-checks{display:flex;flex-wrap:wrap;gap:8px 12px}.pending-actions{display:flex;gap:8px}.server-post-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto}.server-post-item{padding:10px;border-radius:8px;background:var(--bg-muted)}.server-post-author{font-weight:600;font-size:12px;color:var(--accent);margin-bottom:4px}.server-post-like{border:none;background:none;color:var(--text-muted);cursor:pointer;font-size:12px}.server-post-like.liked{color:var(--accent)}.waiting-room-screen{flex:1;grid-column:2 / -1;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);text-align:center;padding:24px}.crash-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--bg);color:var(--text);text-align:center;padding:24px}.crash-screen h2{margin:0;font-size:20px}.crash-screen p{margin:0;color:var(--text-muted);font-size:14px}.crash-screen button{margin-top:8px;padding:10px 20px;border:none;border-radius:6px;background:var(--accent);color:#04211c;font-weight:600;cursor:pointer}.crash-screen details{margin-top:14px;color:var(--text-muted);font-size:12px;max-width:520px}.crash-screen pre{text-align:left;white-space:pre-wrap;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;padding:10px;font-size:11px}.home-nav{display:flex;flex-direction:column;gap:2px;padding-bottom:6px;border-bottom:1px solid var(--border);margin-bottom:8px}.dm-nav-item.ultra{color:var(--accent)}.sidebar-hint{padding:0 8px;font-size:12px}.live-pill{background:var(--danger);color:#fff;font-size:9px;font-weight:800;letter-spacing:.04em;padding:2px 5px;border-radius:3px;margin-left:auto}.live-browse{overflow-y:auto;padding:24px 28px}.live-browse-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.live-browse-header h2{margin:0 0 4px;font-size:22px}.live-start-button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;background:var(--accent);color:#04211c;font-weight:600;font-size:13px;cursor:pointer;flex-shrink:0}.live-start-button:hover{filter:brightness(1.08)}.live-start-button:disabled{opacity:.5;cursor:not-allowed}.live-start-button.secondary{background:var(--bg-muted);color:var(--text)}.live-end-button{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:none;border-radius:6px;background:var(--danger);color:#fff;font-weight:600;font-size:13px;cursor:pointer}.live-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:60px 20px;color:var(--text-muted);text-align:center}.live-empty h3{margin:4px 0 0;color:var(--text);font-size:16px}.live-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.live-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:0;overflow:hidden;cursor:pointer;text-align:left;transition:border-color .15s,transform .15s}.live-card:hover{border-color:var(--accent);transform:translateY(-2px)}.live-card-thumb{position:relative;height:130px;background:linear-gradient(135deg,#101722,#0a1b1a);display:flex;align-items:center;justify-content:center;color:var(--accent)}.live-card-thumb .live-pill{position:absolute;top:8px;left:8px;margin-left:0}.live-card-viewers{background:#0009;color:#fff;font-size:10px;padding:2px 6px;border-radius:3px}.live-card-thumb .live-card-viewers{position:absolute;bottom:8px;right:8px}.live-card-info{display:flex;gap:10px;padding:10px 12px 12px}.live-card-text{display:flex;flex-direction:column;min-width:0;gap:1px}.live-card-text strong{font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-card-text span{font-size:11px;color:var(--text-muted)}.live-start-form{display:flex;flex-direction:column;gap:12px}.live-start-form label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--text-muted)}.live-start-form input{background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:9px 10px;font-size:13px}.live-start-form input:focus{outline:none;border-color:var(--accent)}.live-watch{display:grid;grid-template-columns:1fr 320px;height:100vh;background:var(--bg)}.live-watch-main{display:flex;flex-direction:column;min-width:0}.live-watch-stage{position:relative;flex:1;background:#000;display:flex;align-items:center;justify-content:center;min-height:0}.live-watch-video{width:100%;height:100%;object-fit:contain}.live-watch-badges{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:8px}.live-watch-badges .live-pill{margin-left:0}.live-watch-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:var(--bg-panel);border-top:1px solid var(--border)}.live-watch-meta{display:flex;align-items:center;gap:10px;min-width:0}.live-watch-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.live-watch-standalone{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--bg);color:var(--text-muted);text-align:center}.live-watch-standalone h2{margin:0;color:var(--text)}.live-chat{display:flex;flex-direction:column;background:var(--bg-panel);border-left:1px solid var(--border);min-height:0}.live-chat-header{padding:14px 14px 10px;font-size:12px;font-weight:700;color:var(--text-muted);border-bottom:1px solid var(--border)}.live-chat-messages{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.live-chat-message{display:flex;gap:8px;font-size:13px}.live-chat-message strong{color:var(--accent);margin-right:6px;font-size:12px}.wizard-box{position:relative;width:440px;max-width:calc(100vw - 32px)}.wizard-close{position:absolute;top:12px;right:12px;z-index:2}.wizard-body{display:flex;flex-direction:column;gap:8px;padding:26px 22px 18px}.wizard-body h3{margin:0;font-size:21px;text-align:center;color:var(--text)}.wizard-sub{margin:0 0 8px;font-size:13px;color:var(--text-muted);text-align:center;line-height:1.45}.wizard-sub.small{font-size:12px;margin-top:4px}.wizard-label{font-size:10px;font-weight:800;letter-spacing:.05em;color:var(--text-muted);margin:10px 0 2px}.wizard-option{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;border:1px solid var(--border);border-radius:8px;background:var(--bg-muted);color:var(--text);font-size:14px;font-weight:600;cursor:pointer;text-align:left;transition:border-color .12s,background .12s}.wizard-option:hover{border-color:var(--accent);background:var(--bg-input)}.wizard-option.primary-option{border-color:var(--accent-soft)}.wizard-option-emoji{font-size:20px;line-height:1}.wizard-chevron{margin-left:auto;color:var(--text-muted);font-size:18px}.wizard-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.wizard-footer strong{font-size:13px;color:var(--text)}.wizard-secondary{background:none;border:none;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;padding:8px 0}.wizard-link{background:none;border:none;color:var(--accent);font-size:12px;cursor:pointer;padding:0;text-decoration:underline}.wizard-submit{padding:10px 22px;border:none;border-radius:6px;background:var(--accent);color:#04211c;font-weight:700;font-size:13px;cursor:pointer}.wizard-submit:disabled{opacity:.45;cursor:not-allowed}.wizard-icon-picker{align-self:center;width:86px;height:86px;border-radius:50%;border:2px dashed var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);font-size:10px;font-weight:700;text-align:center;overflow:hidden;margin:6px 0 10px}.wizard-icon-picker:hover{border-color:var(--accent);color:var(--accent)}.wizard-icon-picker img{width:100%;height:100%;object-fit:cover}.wizard-field{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--text-muted);text-transform:uppercase}.wizard-field input{background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:10px 11px;font-size:14px;font-weight:400;text-transform:none;letter-spacing:normal}.wizard-field input:focus{outline:none;border-color:var(--accent)}.wizard-required{color:var(--danger)}.wizard-error{margin:0;font-size:12px;color:var(--danger)}.voice-session-host{position:fixed;z-index:40;overflow:hidden}.voice-session-host.hidden{display:none}.voice-session-host>.voice-call-layout{height:100%}.voice-viewport{flex:1;align-self:stretch;min-width:0;min-height:0}.user-bar-stack{margin-top:auto;display:flex;flex-direction:column}.user-bar-stack .user-bar{margin-top:0}.voice-status-panel{display:flex;flex-direction:column;gap:6px;padding:8px 8px 6px;background:var(--bg-elevated);border-top:1px solid var(--border)}.voice-status-main{display:flex;align-items:center;gap:8px;background:none;border:none;padding:2px 4px;cursor:pointer;text-align:left;border-radius:6px}.voice-status-main:hover{background:var(--bg-muted)}.voice-status-signal{display:flex;align-items:center;color:var(--text-muted);transition:color .2s}.voice-status-signal.good{color:var(--online)}.voice-status-signal.fair{color:#f0b232}.voice-status-signal.poor{color:var(--danger)}.voice-status-text{display:flex;flex-direction:column;min-width:0}.voice-status-text strong{font-size:12px;color:var(--online)}.voice-status-signal.fair~.voice-status-text strong{color:#f0b232}.voice-status-signal.poor~.voice-status-text strong{color:var(--danger)}.voice-status-text span{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-status-actions{display:flex;gap:4px}.voice-status-actions .icon-button{flex:1;background:var(--bg-muted);border-radius:5px;height:28px}.voice-status-actions .icon-button:hover{background:var(--bg-input);color:var(--text)}.voice-status-actions .icon-button.danger-hover:hover{background:var(--danger);color:#fff}.voice-invite-corner{position:absolute;left:16px;bottom:14px}.hangup-button{display:flex;align-items:center;justify-content:center;width:58px;height:40px;border:none;border-radius:20px;background:var(--danger);color:#fff;cursor:pointer;transition:transform .15s,filter .15s,border-radius .15s}.hangup-button:hover{filter:brightness(1.12);transform:translateY(-2px);border-radius:12px}.hangup-button:active{transform:translateY(0)}.voice-controls .icon-button.lg{transition:transform .15s,background .15s,color .15s}.voice-controls .icon-button.lg:hover{transform:translateY(-2px)}.mic-with-caret{position:relative;display:flex;align-items:center}.mic-caret{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px 2px;display:flex;align-items:center;transition:color .15s,transform .15s}.mic-caret:hover{color:var(--text);transform:translateY(1px)}.voice-audio-popover{position:absolute;bottom:calc(100% + 10px);left:0;width:264px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:10px;box-shadow:0 10px 28px #00000073;z-index:60;animation:popover-in .12s ease-out}.voice-audio-popover label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:700;color:var(--text-muted)}.voice-audio-popover select,.voice-audio-popover input[type=range]{width:100%}.voice-audio-popover select{background:var(--bg-input);border:1px solid var(--border);border-radius:5px;color:var(--text);padding:6px 7px;font-size:12px;font-weight:400}.input-level-label{font-size:11px;font-weight:700;color:var(--text-muted)}.input-level-meter{display:flex;gap:3px}.input-level-meter span{flex:1;height:12px;border-radius:2px;background:var(--bg-input);transition:background .12s}.input-level-meter.active span{background:var(--accent)}.voice-audio-popover .popover-row{display:flex;align-items:center;justify-content:space-between;gap:8px;background:none;border:none;color:var(--text);font-size:12px;padding:7px 4px;border-radius:5px;cursor:pointer;text-align:left}.voice-audio-popover .popover-row:hover{background:var(--bg-muted)}.preview-occupants{display:flex;gap:8px;margin:10px 0 4px}.preview-occupant{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--bg-muted);display:block}.channel-voice-icon{display:inline-flex;align-items:center;color:var(--text-muted);transition:color .2s}.channel-voice-icon.live{color:var(--online)}.channel-elapsed{margin-left:auto;font-size:11px;font-variant-numeric:tabular-nums;color:var(--online)}.voice-occupant{display:flex;align-items:center;gap:6px}.voice-occupant-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-occupant-flag{margin-left:auto;color:var(--danger);flex-shrink:0}button.server-title{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;background:none;border:none;border-bottom:1px solid var(--border);color:var(--text);font-weight:700;font-size:15px;padding:14px;cursor:pointer;text-align:left;transition:background .12s}button.server-title:hover{background:var(--bg-muted)}button.server-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-tile.avatar-only{aspect-ratio:auto;min-height:116px;max-height:150px}.voice-grid{grid-template-columns:repeat(auto-fit,minmax(176px,1fr));grid-auto-rows:min-content}.video-tile.avatar-only .tile-avatar-wrap{transform:scale(.82)}.video-tile.has-screen,.video-tile.expanded{aspect-ratio:16 / 10;max-height:none}.channel-row-actions{display:none;align-items:center;gap:6px;margin-left:auto}.channel-item:hover .channel-row-actions{display:flex}.channel-row-action{display:flex;align-items:center;color:var(--text-muted);cursor:pointer}.channel-row-action:hover{color:var(--text)}.channel-item.drop-before{box-shadow:inset 0 2px 0 var(--accent)}.server-icon.dragging{opacity:.45}.server-icon.drop-before{box-shadow:inset 0 3px 0 var(--accent)}.app-layout.has-members{grid-template-columns:72px 240px 1fr auto}.member-list{width:240px;transition:width .15s}.member-list.collapsed{width:34px;padding:12px 4px;display:flex;justify-content:center}.member-list-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.member-list-toggle{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;padding:2px;border-radius:4px}.member-list-toggle:hover{color:var(--text);background:var(--bg-muted)}.builder-form{display:flex;flex-direction:column;gap:10px}.builder-label{font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted)}.builder-options{display:flex;flex-direction:column;gap:6px}.builder-option{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid transparent;border-radius:8px;background:var(--bg-muted);color:var(--text);cursor:pointer;text-align:left}.builder-option:hover{background:var(--bg-input)}.builder-option.selected{border-color:var(--accent);background:var(--accent-soft)}.builder-radio{width:15px;height:15px;min-width:15px;margin-top:2px;border-radius:50%;border:2px solid var(--text-muted)}.builder-option.selected .builder-radio{border-color:var(--accent);background:radial-gradient(circle,var(--accent) 45%,transparent 50%)}.builder-option-icon{font-size:16px;line-height:1.2}.builder-option-text{display:flex;flex-direction:column;gap:2px;min-width:0}.builder-option-text strong{font-size:14px}.builder-option-text span{font-size:11px;color:var(--text-muted)}.builder-input-row{display:flex;align-items:center;gap:6px;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;padding:0 10px}.builder-input-row:focus-within{border-color:var(--accent)}.builder-input-prefix{color:var(--text-muted);font-size:14px}.builder-input-row input{flex:1;background:none;border:none;color:var(--text);padding:10px 0;font-size:14px}.builder-input-row input:focus{outline:none}.builder-toggle-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 0 2px;border-top:1px solid var(--border);cursor:pointer}.builder-toggle-text{display:flex;flex-direction:column;gap:3px}.builder-toggle-text strong{font-size:13px;color:var(--text)}.builder-toggle-text span{font-size:11px;color:var(--text-muted);line-height:1.4}.builder-switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:38px;height:21px;border-radius:11px;background:var(--bg-input);border:1px solid var(--border);position:relative;cursor:pointer;flex-shrink:0;transition:background .15s}.builder-switch:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:var(--text-muted);transition:transform .15s,background .15s}.builder-switch:checked{background:var(--accent-soft);border-color:var(--accent)}.builder-switch:checked:after{transform:translate(17px);background:var(--accent)}.builder-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.builder-cancel{background:none;border:none;color:var(--text);font-size:13px;padding:9px 14px;border-radius:6px;cursor:pointer}.builder-cancel:hover{background:var(--bg-muted)}.builder-submit{background:var(--accent);border:none;color:#04211c;font-weight:700;font-size:13px;padding:9px 18px;border-radius:6px;cursor:pointer}.builder-submit:disabled{opacity:.45;cursor:not-allowed}.live-streamer-avatar{width:42px;height:42px;min-width:42px;border-radius:50%;overflow:hidden;display:block;background:var(--bg-muted)}.live-title{font-size:15px}.live-follow-button{background:var(--accent);border:none;color:#04211c;font-weight:700;font-size:13px;padding:9px 18px;border-radius:6px;cursor:pointer}.live-follow-button.following{background:var(--bg-muted);color:var(--text)}.live-webcam-pip{position:absolute;width:190px;max-width:30%;aspect-ratio:16 / 10;object-fit:cover;border-radius:8px;border:2px solid var(--border);background:#000;box-shadow:0 6px 20px #00000080}.live-webcam-pip.hidden{display:none}.live-webcam-pip.bottom-right{right:14px;bottom:14px}.live-webcam-pip.bottom-left{left:14px;bottom:14px}.live-webcam-pip.top-right{right:14px;top:14px}.live-webcam-pip.top-left{left:14px;top:52px}.live-corner-wrap{position:relative}.popover-title{font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);padding:6px 8px 2px}.chat-locked-tag{margin-left:8px;font-size:10px;color:var(--danger)}.live-ad-slot{display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;margin:8px 12px;padding:16px 10px;border:1px dashed var(--border);border-radius:8px;color:var(--text-muted);text-align:center}.live-ad-slot span{font-size:12px;font-weight:700}.live-ad-slot small{font-size:10px}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:400;display:flex;flex-direction:column;gap:10px;max-width:330px}.toast{position:relative;display:flex;align-items:flex-start;gap:10px;padding:12px 34px 12px 12px;background:var(--bg-elevated);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:10px;box-shadow:0 12px 30px #00000073;cursor:pointer;animation:toast-in .28s cubic-bezier(.2,1.2,.3,1);transition:transform .15s,border-color .15s}.toast:hover{transform:translate(-3px);border-color:var(--accent)}@keyframes toast-in{0%{opacity:0;transform:translate(40px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}.toast-avatar{width:38px;height:38px;min-width:38px;border-radius:50%;overflow:hidden;display:block;background:var(--bg-muted)}.toast-text{display:flex;flex-direction:column;gap:2px;min-width:0}.toast-text strong{font-size:13px;color:var(--text)}.toast-text span{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.toast-action{color:var(--accent)!important;font-size:10px!important;font-weight:700;margin-top:2px}.toast-close{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:11px;padding:2px 4px;border-radius:4px}.toast-close:hover{color:var(--text);background:var(--bg-muted)}.dm-invite-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:4px;padding:12px 14px;background:var(--bg-elevated);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;max-width:420px}.dm-invite-text{display:flex;flex-direction:column;gap:3px;min-width:0}.dm-invite-label{font-size:10px;font-weight:800;letter-spacing:.04em;color:var(--text-muted)}.dm-invite-text strong{font-size:15px;color:var(--text)}.dm-invite-join{background:var(--online);border:none;color:#fff;font-weight:700;font-size:13px;padding:9px 20px;border-radius:6px;cursor:pointer;flex-shrink:0;transition:filter .15s,transform .15s}.dm-invite-join:hover{filter:brightness(1.1);transform:translateY(-1px)}.dm-invite-join:disabled{opacity:.6;cursor:default}.invite-send-button{transition:background .2s,color .2s,transform .15s}.invite-send-button:hover:not(:disabled){transform:translateY(-1px)}.invite-send-button.sent{background:var(--online);color:#fff;border-color:var(--online);cursor:default;opacity:1}.server-icon,.icon-button,.dm-nav-item,.channel-item,.live-card,.wizard-option,.builder-option{transition:transform .16s cubic-bezier(.2,1.1,.3,1),background .16s,color .16s,border-radius .16s,border-color .16s,box-shadow .16s}.server-icon:hover{transform:translateY(-2px) scale(1.04)}.server-icon:active{transform:translateY(0) scale(.96)}.dm-unread-item:hover{transform:scale(1.06)}.icon-button:active{transform:scale(.92)}.dm-nav-item:hover,.channel-item:hover{transform:translate(2px)}.modal-box,.wizard-box{animation:modal-pop .22s cubic-bezier(.2,1.2,.3,1)}@keyframes modal-pop{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.context-menu{animation:popover-in .14s ease-out}.chat-message{animation:message-in .18s ease-out}@keyframes message-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.incoming-call-card{animation:modal-pop .26s cubic-bezier(.2,1.3,.3,1)}@media (max-width: 1100px){.app-layout.has-members{grid-template-columns:66px 200px 1fr auto}.member-list{width:190px}.friends-layout{grid-template-columns:66px 200px 1fr 220px}}@media (max-width: 900px){.app-layout,.app-layout.has-members,.friends-layout{grid-template-columns:58px 178px 1fr}.member-list,.active-now-panel{display:none}.server-icon,.brand-mark,.dm-unread-item{width:38px;height:38px}.voice-controls .icon-button.lg{width:36px;height:36px}.hangup-button{width:50px;height:36px}.live-watch{grid-template-columns:1fr 260px}}@media (max-width: 680px){.app-layout,.app-layout.has-members,.friends-layout{grid-template-columns:52px 150px 1fr}.channel-list,.dm-sidebar{padding-left:4px;padding-right:4px}.channel-item,.dm-nav-item{font-size:13px}.live-watch{grid-template-columns:1fr}.live-chat{display:none}.toast-stack{right:10px;left:10px;max-width:none}}.app-shell{display:flex;flex-direction:column;height:100vh}.app-shell>.app-layout,.app-shell>.live-watch{flex:1;min-height:0;height:auto}.app-shell>.app-layout>*{min-height:0;min-width:0}.app-shell .chat-panel,.voice-session-host .voice-call-layout,.voice-session-host .voice-panel{height:100%;min-height:0}.app-shell .chat-header{flex-shrink:0}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:34px;padding:0 12px;background:var(--bg-panel);border-bottom:0;font-size:12px;color:var(--text-muted);flex-shrink:0;-webkit-app-region:drag}.topbar-left{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--text);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.topbar-center{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--text);white-space:nowrap}.topbar-right{display:flex;justify-content:flex-end;gap:6px;-webkit-app-region:no-drag}.topbar-voice-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;background:#3ba55d26;color:var(--online);font-size:11px;font-weight:700}button.server-title,.chat-header{background:var(--bg-panel);border-bottom-color:transparent;height:48px;box-sizing:border-box}.dm-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px 0 16px}.dm-header-identity{display:flex;align-items:center;gap:10px;min-width:0;font-size:15px}.dm-header-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-header-actions{display:flex;align-items:center;gap:4px}.header-search{display:flex;align-items:center;gap:6px;margin-left:8px;padding:0 8px;height:28px;width:190px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);transition:width .18s,border-color .15s}.header-search:focus-within{width:260px;border-color:var(--accent)}.header-search input{flex:1;min-width:0;background:none;border:none;color:var(--text);font-size:12px}.header-search input:focus{outline:none}.header-search button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:11px;padding:0 2px}.search-results-bar{padding:6px 16px;font-size:12px;color:var(--text-muted);background:var(--bg-elevated);border-bottom:1px solid var(--border)}.chat-input.composer{align-items:center;gap:6px}.composer-icon{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:6px;transition:color .15s,background .15s,transform .15s}.composer-icon:hover{color:var(--text);background:var(--bg-muted);transform:translateY(-1px)}.composer-gif{font-size:11px;font-weight:800;letter-spacing:.02em}.composer-right{display:flex;align-items:center;gap:2px}.composer-emoji-wrap{position:relative}.reaction-picker.composer-emoji{position:absolute;bottom:calc(100% + 8px);right:0;width:220px;flex-wrap:wrap;z-index:50}.dm-layout{display:grid;grid-template-columns:1fr;min-height:0;min-width:0}.dm-layout.with-profile{grid-template-columns:1fr 300px}.dm-layout>.chat-panel{min-width:0}.dm-profile-card{background:var(--bg-panel);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.profile-banner{height:120px;background-size:cover;background-position:center;flex-shrink:0}.profile-banner.small{height:96px}.dm-profile-avatar{position:relative;width:80px;height:80px;margin:-40px 0 0 16px;border-radius:50%;border:5px solid var(--bg-panel);background:var(--bg-muted)}.dm-profile-avatar .status-dot{width:18px;height:18px;border-width:3px;border-color:var(--bg-panel);bottom:2px;right:2px}.dm-profile-body{padding:10px 16px 6px;display:flex;flex-direction:column;gap:4px}.dm-profile-body h3{margin:0;font-size:18px}.dm-profile-mutuals{display:flex;flex-direction:column;gap:4px;margin:8px 0 2px;font-size:12px;color:var(--text-muted)}.dm-profile-mutuals>span{display:flex;align-items:center;gap:6px}.mutual-avatars{display:inline-flex}.user-avatar.tiny{width:18px;height:18px;margin-right:-6px;border:2px solid var(--bg-panel);border-radius:50%;overflow:hidden;background:var(--bg-muted)}.dm-profile-games{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding:10px 12px;background:var(--bg-elevated);border-radius:8px;font-size:13px}.dm-profile-games-count{background:var(--bg-muted);border-radius:10px;padding:1px 8px;font-size:11px;color:var(--text-muted)}.dm-profile-full{margin:auto 16px 16px}.profile-window{position:relative;display:grid;grid-template-columns:340px 1fr;width:min(880px,calc(100vw - 40px));height:min(640px,calc(100vh - 40px));background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 20px 60px #0000008c;animation:modal-pop .22s cubic-bezier(.2,1.2,.3,1)}.profile-window-close{position:absolute;top:12px;right:12px;z-index:2}.profile-window-side{background:var(--bg-panel);border-right:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column}.profile-window-avatar{position:relative;width:104px;height:104px;margin:-52px 0 0 24px;border-radius:50%;border:6px solid var(--bg-panel);background:var(--bg-muted)}.profile-window-avatar .status-dot{width:22px;height:22px;border-width:4px;border-color:var(--bg-panel);bottom:4px;right:4px}.profile-window-identity{padding:10px 24px 0}.profile-window-identity h2{margin:0;font-size:22px}.profile-window-handle{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);margin-top:2px}.profile-window-actions{display:flex;flex-direction:column;gap:8px;padding:14px 24px 0}.profile-action-button.ghost{background:none;border:1px solid var(--border);color:var(--text-muted)}.profile-action-button.ghost:hover{border-color:var(--danger);color:var(--danger);filter:none}.profile-window-facts{margin:18px 24px 24px;display:grid;grid-template-columns:1fr;gap:2px}.profile-window-facts dt{font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted);margin-top:10px}.profile-window-facts dd{margin:2px 0 0;font-size:13px;color:var(--text)}.profile-connection{display:flex;align-items:center;gap:8px}.profile-connection-icon{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-muted);font-size:12px}.profile-window-main{padding:22px 26px;overflow-y:auto}.profile-tabs{display:flex;gap:18px;border-bottom:1px solid var(--border);margin-bottom:16px}.profile-tabs button{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:13px;font-weight:600;padding:6px 2px 10px;cursor:pointer;transition:color .15s,border-color .15s}.profile-tabs button:hover{color:var(--text)}.profile-tabs button.active{color:var(--text);border-bottom-color:var(--text)}.profile-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.profile-card-title{font-size:13px;font-weight:700;margin-bottom:12px}.profile-games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}.profile-game-tile{aspect-ratio:3 / 4;border-radius:8px;background:linear-gradient(160deg,#1b2534,#0d1620);border:1px solid var(--border);display:flex;align-items:flex-end;padding:8px;overflow:hidden;transition:transform .15s,border-color .15s}.profile-game-tile:hover{transform:translateY(-2px);border-color:var(--accent)}.profile-game-tile span{font-size:11px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.profile-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.profile-list li{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;font-size:13px}.profile-list li.clickable{cursor:pointer}.profile-list li.clickable:hover{background:var(--bg-muted)}.settings-banner-preview{position:relative;height:110px;border-radius:10px;background-size:cover;background-position:center;margin-bottom:46px}.settings-banner-avatar{position:absolute;left:18px;bottom:-36px;border-color:var(--bg-elevated)}.settings-banner-controls{flex-wrap:wrap;gap:8px}.banner-color-picker{display:inline-flex;align-items:center;gap:8px}.banner-color-swatch{width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.35)}.avatar-upload-button.ultra-only{border-color:var(--accent);color:var(--accent)}.avatar-upload-button.locked{opacity:.7;cursor:pointer}.avatar-upload-button.ghost{border-style:dashed}.channel-emoji{display:inline-block;width:18px;text-align:center;font-size:14px}.builder-emoji-input{width:44px!important;flex:none!important;text-align:center;font-size:16px!important;border-right:1px solid var(--border)!important;border-radius:0!important;padding-right:8px!important;margin-right:4px}.builder-hint{margin:-4px 0 0;font-size:11px}.dm-nav-text{display:flex;flex-direction:column;min-width:0;line-height:1.15}.dm-nav-note{font-size:10px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-nav-muted{margin-left:auto;font-size:11px;opacity:.7}@media (max-width: 1100px){.dm-layout.with-profile{grid-template-columns:1fr 260px}.profile-window{grid-template-columns:300px 1fr}}@media (max-width: 900px){.dm-layout.with-profile{grid-template-columns:1fr}.dm-profile-card{display:none}.header-search{width:130px}.header-search:focus-within{width:180px}.profile-window{grid-template-columns:1fr;height:min(720px,calc(100vh - 24px))}.profile-window-side{border-right:none;border-bottom:1px solid var(--border)}}.friends-layout.dm-open{grid-template-columns:72px 240px 1fr}.app-shell,.app-shell>.app-layout{overflow:hidden}@media (max-width: 900px){.friends-layout.dm-open{grid-template-columns:58px 178px 1fr}}.toast-system-icon{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:#2dd4bf26;color:var(--accent);font-size:16px}.topbar-nav{display:none;gap:2px;margin-right:4px;-webkit-app-region:no-drag}.topbar-nav button{width:24px;height:24px;border:none;border-radius:4px;background:transparent;color:var(--text-muted);font-size:14px;cursor:pointer}.topbar-nav button:hover{background:var(--bg-muted);color:var(--text)}.is-desktop .topbar-nav{display:inline-flex}.is-desktop .topbar{padding-right:calc(100vw - env(titlebar-area-width,100vw) + 12px);background:var(--bg-panel)}.is-desktop .app-layout{border-top:1px solid color-mix(in srgb,var(--border) 45%,transparent)}.automod-hero{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--accent) 8%,var(--bg-elevated))}.automod-hero>span{font-size:30px}.automod-hero p{margin:4px 0 0;color:var(--text-muted)}.automod-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.automod-grid label{display:grid;gap:6px;color:var(--text-muted);font-size:12px;font-weight:700}.app-loading{height:100vh;display:grid;place-content:center;justify-items:center;gap:12px;background:var(--bg);color:var(--text-muted)}.app-loading-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#07110f;font-weight:900;animation:logo-breathe 1.8s ease-in-out infinite}@keyframes logo-breathe{0%,to{transform:scale(.96);box-shadow:0 0 #2dd4bf00}50%{transform:scale(1.04);box-shadow:0 0 24px #2dd4bf3d}}.is-desktop .auth-page:before,.is-desktop .waiting-room-screen.standalone:before,.is-desktop .live-watch-standalone:before{content:"";position:fixed;top:0;left:0;right:0;height:34px;-webkit-app-region:drag}.settings-modal-backdrop{-webkit-app-region:no-drag}.settings-modal{grid-template-columns:240px minmax(0,1fr);min-width:0;min-height:0;background:var(--bg)}.settings-nav{min-height:0;overflow-y:auto}.settings-content{width:min(760px,100%);max-width:none;min-width:0;box-sizing:border-box;padding:64px 32px 72px;scrollbar-gutter:stable}.settings-modal-close{position:fixed;top:48px;right:28px;z-index:502;width:40px;height:40px;padding:0;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--bg-elevated);color:var(--text-muted);font-size:16px;line-height:1;box-shadow:0 8px 24px #0000003d;-webkit-app-region:no-drag;transition:color .16s ease,background .16s ease,border-color .16s ease,transform .16s ease}.settings-modal-close small{position:absolute;top:44px;font-size:9px;color:var(--text-muted);letter-spacing:.08em}.settings-modal-close:hover{color:var(--text);background:var(--bg-muted);border-color:var(--accent);transform:scale(1.06)}.settings-content input:not([type=checkbox]):not([type=radio]):not([type=color]),.settings-content select,.settings-content textarea{box-sizing:border-box;min-height:38px;padding:9px 11px;border:1px solid var(--border);border-radius:7px;outline:none;background:var(--bg-input);color:var(--text);font:inherit;transition:border-color .15s ease,box-shadow .15s ease}.settings-content input:focus,.settings-content select:focus,.settings-content textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.settings-content .inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.settings-content .inline-form input{width:100%}.settings-content .inline-form button,.settings-content button[type=submit]{min-height:38px;padding:9px 14px;border:none;border-radius:7px;background:var(--accent);color:#04211c;font-weight:750;cursor:pointer}.settings-content .inline-form button:hover,.settings-content button[type=submit]:hover{filter:brightness(1.08)}.dm-nav-item.disabled-feature{cursor:not-allowed;opacity:.62}.dm-nav-item.disabled-feature:hover{transform:none;background:transparent}.feature-soon{margin-left:auto;padding:2px 5px;border-radius:999px;background:var(--bg-muted);color:var(--text-muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.replay-button{position:relative}.replay-button.buffering{color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}.replay-buffer-dot{position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:#ef4444;box-shadow:0 0 8px #ef4444cc;animation:pulse 1.4s ease-in-out infinite}@media (max-width: 760px){.settings-modal{grid-template-columns:168px minmax(0,1fr)}.settings-nav{padding-left:7px;padding-right:7px}.settings-content{padding:64px 18px 56px}.settings-modal-close{top:44px;right:14px}}.app-layout{grid-template-columns:72px 300px minmax(0,1fr);background:var(--bg)}.app-layout.has-members{grid-template-columns:72px 300px minmax(0,1fr) auto}.server-sidebar{background:#0f0f11;border-right-color:var(--border)}.channel-list,.member-list,button.server-title,.chat-header{background:var(--bg)}.channel-list{padding:10px 8px}.member-list{width:262px;background:radial-gradient(circle at 100% 0%,rgba(29,64,64,.5),transparent 27%),radial-gradient(circle at 100% 100%,rgba(44,28,78,.45),transparent 35%),var(--bg-panel)}.voice-grid{--voice-tile-min: 176px;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--voice-tile-min)),1fr));grid-auto-rows:minmax(96px,auto);align-content:center;justify-content:center;gap:clamp(8px,1.2vw,14px);padding:clamp(10px,1.5vw,18px)}.voice-grid-solo{grid-template-columns:minmax(240px,min(560px,100%));width:100%;margin:0 auto}.voice-grid-small{--voice-tile-min: 220px;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,980px);margin:0 auto}.voice-grid-medium{--voice-tile-min: 165px}.voice-grid-large{--voice-tile-min: 128px;align-content:start;gap:8px;padding:10px}.voice-grid-solo .video-tile.avatar-only{width:100%;min-height:clamp(132px,23vh,190px);max-height:190px}.voice-grid-small .video-tile.avatar-only{min-height:clamp(118px,20vh,170px);max-height:180px}.voice-grid-medium .video-tile.avatar-only,.voice-grid-large .video-tile.avatar-only{min-height:104px;max-height:144px}.voice-grid-large .video-tile.avatar-only{min-height:92px;max-height:124px}.voice-grid .video-tile.has-screen,.voice-grid .video-tile.expanded{min-height:clamp(220px,48vh,620px)}.voice-grid-solo .video-tile.has-screen{width:min(100%,1180px);max-width:1180px;justify-self:center}.tile-avatar-wrap{width:clamp(48px,6vw,72px);height:clamp(48px,6vw,72px)}.voice-grid-large .tile-avatar-wrap{width:46px;height:46px}.tile-avatar{font-size:clamp(18px,2.4vw,24px)}.video-tile{border-radius:10px;border-width:1px;box-shadow:0 8px 22px #00000029;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.video-tile.speaking{box-shadow:0 0 0 2px #11ebce33,0 8px 24px #0003}@media (max-width: 1100px){.app-layout,.app-layout.has-members{grid-template-columns:66px 220px minmax(0,1fr) auto}.app-layout:not(.has-members){grid-template-columns:66px 220px minmax(0,1fr)}.member-list{width:210px}}@media (max-width: 900px){.app-layout,.app-layout.has-members,.app-layout:not(.has-members){grid-template-columns:58px 188px minmax(0,1fr)}.member-list{display:none}}@media (max-width: 680px){.app-layout,.app-layout.has-members,.app-layout:not(.has-members){grid-template-columns:52px 152px minmax(0,1fr)}}@media (max-width: 760px){.voice-grid-small,.voice-grid-medium,.voice-grid-large{--voice-tile-min: 120px;grid-template-columns:repeat(2,minmax(0,1fr))}.voice-grid-solo{grid-template-columns:minmax(180px,100%)}.voice-grid .video-tile.avatar-only{min-height:92px;max-height:126px}.tile-label{max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width: 480px){.voice-grid-large{--voice-tile-min: 96px;gap:6px;padding:8px}.voice-grid-large .video-tile.avatar-only{min-height:82px}}.app-layout.friends-layout{grid-template-columns:72px 240px minmax(0,1fr) 280px}.app-layout.friends-layout.dm-open{grid-template-columns:72px 240px minmax(0,1fr)}@media (max-width: 1100px){.app-layout.friends-layout,.app-layout.friends-layout.dm-open{grid-template-columns:66px 220px minmax(0,1fr)}.friends-layout .active-now-panel{display:none}}@media (max-width: 900px){.app-layout.friends-layout,.app-layout.friends-layout.dm-open{grid-template-columns:58px 188px minmax(0,1fr)}}@media (max-width: 680px){.app-layout.friends-layout,.app-layout.friends-layout.dm-open{grid-template-columns:52px 152px minmax(0,1fr)}}.waiting-room-banner{display:flex;align-items:center;gap:10px;margin:8px 8px 4px;padding:8px 10px;border:1px solid rgba(45,212,191,.35);border-radius:8px;background:linear-gradient(135deg,#2dd4bf29,#2dd4bf0d);color:var(--text);text-align:left;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease;animation:waiting-room-pop .35s cubic-bezier(.2,.9,.3,1.3)}.waiting-room-banner:hover{transform:translateY(-1px);border-color:var(--accent);background:linear-gradient(135deg,#2dd4bf42,#2dd4bf1a)}.waiting-room-banner-icon{font-size:18px}.waiting-room-banner-text{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.2}.waiting-room-banner-text strong{font-size:13px}.waiting-room-banner-text small{font-size:11px;color:var(--text-muted)}.waiting-room-banner-count{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--accent);color:#04211c;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;animation:waiting-room-pulse 1.6s ease-in-out infinite}@keyframes waiting-room-pop{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:none}}@keyframes waiting-room-pulse{0%,to{box-shadow:0 0 #2dd4bf8c}60%{box-shadow:0 0 0 7px #2dd4bf00}}.waiting-room-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:50vh;overflow-y:auto}.waiting-room-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:var(--bg-muted)}.waiting-room-avatar{width:36px;height:36px;min-width:36px;border-radius:50%;overflow:hidden}.waiting-room-name{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}.waiting-room-name strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.waiting-room-name small{font-size:12px;color:var(--text-muted)}.waiting-room-actions{display:flex;gap:6px;margin-left:auto}.waiting-room-approve,.waiting-room-reject{border:none;border-radius:6px;padding:7px 12px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .12s ease,filter .12s ease}.waiting-room-approve{background:var(--online);color:#04211c}.waiting-room-reject{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.waiting-room-approve:hover,.waiting-room-reject:hover{transform:translateY(-1px);filter:brightness(1.08)}.waiting-room-reject:hover{color:var(--danger);border-color:var(--danger)}.waiting-room-approve:disabled,.waiting-room-reject:disabled{opacity:.5;cursor:default;transform:none}.waiting-room-empty{margin:12px 0 0;color:var(--text-muted);text-align:center}.server-icon{position:relative}.server-pending-badge{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--accent);color:#04211c;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg);animation:waiting-room-pulse 1.6s ease-in-out infinite}.voice-grid .video-tile{min-width:0;max-width:100%}.voice-grid .video-tile.has-screen{grid-column:1 / -1;width:100%;justify-self:stretch;aspect-ratio:16 / 9;min-height:200px;max-height:min(62vh,720px)}.voice-grid .video-tile.has-screen .tile-screen-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.voice-grid-solo .video-tile.has-screen{width:100%;max-width:100%}.voice-grid .video-tile.expanded{max-height:none}.friend-actions.icon-actions{gap:8px}.friend-actions.icon-actions .icon-button{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:transform .12s ease,background .12s ease,color .12s ease}.friend-actions.icon-actions .icon-button svg{width:20px;height:20px}.friend-actions.icon-actions .icon-button:hover{transform:translateY(-1px) scale(1.06)}.context-menu-slider{display:flex;flex-direction:column;gap:6px;padding:8px 12px 10px;font-size:12px;color:var(--text-muted)}.context-menu-slider strong{color:var(--text);font-weight:600;display:flex;justify-content:space-between}.context-menu-slider input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.voice-stage-layout{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;padding:clamp(8px,1.2vw,16px);overflow:hidden}.voice-stage{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.voice-stage.multi{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.voice-stage .video-tile,.voice-stage .video-tile.has-screen,.voice-stage .video-tile.expanded{width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto;grid-column:auto;grid-row:auto}.voice-stage .video-tile .tile-screen-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.voice-strip{flex:0 0 auto;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scrollbar-width:thin}.voice-strip .video-tile,.voice-strip .video-tile.avatar-only{flex:0 0 auto;width:clamp(120px,16vw,180px);height:clamp(72px,9vw,100px);min-height:0;max-height:none;aspect-ratio:auto}.voice-strip .tile-avatar-wrap{width:40px;height:40px;transform:none}.voice-strip .tile-avatar{font-size:15px}.voice-strip .tile-label{font-size:11px;max-width:calc(100% - 12px);overflow:hidden;text-overflow:ellipsis}.tile-volume{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:15px;background:#05080fb8;color:var(--text);font-size:13px;opacity:0;transition:opacity .15s ease}.video-tile:hover .tile-volume,.tile-volume:focus-within{opacity:1}.tile-volume input[type=range]{width:90px;accent-color:var(--accent);cursor:pointer}.voice-controls{flex-wrap:wrap;row-gap:10px}.voice-controls-wrap{position:relative;padding:12px clamp(56px,8vw,80px) 12px clamp(64px,9vw,88px)}@media (max-width: 900px){.voice-controls{gap:8px}.voice-controls-group{gap:2px;padding:4px}.voice-controls .icon-button.lg{width:38px;height:38px}.voice-controls .icon-button.lg svg{width:18px;height:18px}.voice-controls-wrap{padding:10px 12px 10px 64px}}@media (max-width: 640px){.voice-controls-wrap{padding:10px 8px 10px 56px}.voice-invite-corner{left:8px;bottom:10px;width:40px;height:40px}.voice-strip .video-tile,.voice-strip .video-tile.avatar-only{width:110px;height:66px}}.friend-actions button.invite-sent,.friend-actions button.invite-sent:disabled{background:#3ba55d2e;color:var(--online);opacity:1;cursor:default}.replay-control{position:relative;display:inline-flex;align-items:center}.replay-off{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;border:none;background:var(--bg-elevated);color:var(--text-muted);font-size:9px;line-height:16px;padding:0;cursor:pointer;display:none}.replay-control:hover .replay-off{display:block}.replay-off:hover{color:var(--danger)}.soundboard-panel{display:flex;flex-direction:column;flex-wrap:nowrap;gap:0;margin:0 clamp(8px,2vw,24px) 10px;padding:0;max-height:min(46vh,420px);border:1px solid var(--border);border-radius:12px;background:var(--bg-elevated);box-shadow:0 14px 40px #00000059;overflow:hidden;animation:waiting-room-pop .2s ease-out}.soundboard-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border)}.soundboard-search{flex:1;height:36px;padding:0 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text);font-size:14px}.soundboard-search:focus{outline:none;border-color:var(--accent)}.soundboard-scroll{overflow-y:auto;padding:10px 12px 14px}.soundboard-section{font-size:12px;font-weight:700;color:var(--text-muted);margin:6px 0 8px}.soundboard-empty{display:block;margin:4px 0 10px}.soundboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:12px}.soundboard-clip{position:relative;display:flex;align-items:center;gap:8px;height:46px;padding:0 34px 0 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg-muted);color:var(--text);cursor:pointer;font-size:13px;text-align:left;transition:transform .12s ease,border-color .12s ease,background .12s ease}.soundboard-clip:hover{border-color:var(--accent);color:var(--text);background:var(--accent-soft);transform:translateY(-1px)}.soundboard-clip.pressed{animation:sb-press .35s ease}@keyframes sb-press{0%{transform:scale(.94);box-shadow:0 0 #11ebce80}to{transform:scale(1);box-shadow:0 0 0 10px #11ebce00}}.soundboard-clip-emoji{font-size:18px;width:24px;text-align:center;flex-shrink:0}.soundboard-clip-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.soundboard-clip-more{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);opacity:0;transition:opacity .12s ease}.soundboard-clip:hover .soundboard-clip-more{opacity:1}.soundboard-clip-more:hover{background:var(--bg-elevated);color:var(--text)}.soundboard-clip.upload{border-style:dashed;color:var(--text-muted);padding-right:10px}.sb-editor{display:flex;flex-direction:column;gap:8px}.sb-label{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;display:flex;gap:4px}.sb-required{color:var(--danger)}.sb-volume-value{margin-left:auto}.sb-field-emoji{flex:0 0 140px;max-width:45%}.sb-preview{display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px;background:var(--bg-muted);margin-bottom:6px}.sb-play{width:38px;height:38px;border-radius:50%;border:none;background:var(--bg-elevated);color:var(--text);font-size:14px;cursor:pointer;flex-shrink:0}.sb-play.playing,.sb-play:hover{background:var(--accent);color:#04211c}.sb-wave{position:relative;flex:1;height:64px;overflow:hidden;border-radius:6px}.sb-wave canvas{width:100%;height:100%;display:block}.sb-wave-progress{position:absolute;inset:0 auto 0 0;background:#11ebce38;border-right:2px solid var(--accent);pointer-events:none;transition:width .1s linear}.sb-duration{font-size:12px;color:var(--online);font-weight:700;min-width:40px;text-align:right}.sb-file{padding:10px 12px;border-radius:8px;background:var(--bg-input);border:1px solid var(--border);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px}.sb-row{display:flex;gap:10px}.sb-field{flex:1;display:flex;flex-direction:column;gap:6px}.sb-field-emoji{flex:0 0 150px}.sb-field input{height:40px;padding:0 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text);font-size:14px}.sb-field-emoji input{font-size:20px;text-align:center}.sb-emoji-quick{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.sb-emoji-quick button{width:32px;height:32px;border-radius:8px;border:1px solid transparent;background:var(--bg-muted);font-size:17px;cursor:pointer}.sb-emoji-quick button:hover,.sb-emoji-quick button.active{border-color:var(--accent);background:var(--accent-soft)}.sb-volume-value{color:var(--text);text-transform:none}.sb-volume{width:100%;accent-color:var(--accent);cursor:pointer}.sb-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.sb-cancel,.sb-submit{min-width:130px;height:40px;border-radius:8px;border:none;font-weight:700;cursor:pointer}.sb-cancel{background:var(--bg-muted);color:var(--text)}.sb-submit{background:var(--accent);color:#04211c}.sb-submit:disabled,.sb-cancel:disabled{opacity:.6;cursor:default}.sound-burst{position:absolute;left:50%;bottom:40%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none;animation:sound-burst-rise 1.8s cubic-bezier(.2,.8,.2,1) forwards;z-index:3}.sound-burst-emoji{font-size:44px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5));animation:sound-burst-wobble .6s ease-in-out}.sound-burst-name{padding:3px 10px;border-radius:10px;background:#05080fcc;color:var(--accent);font-size:12px;font-weight:800;white-space:nowrap}.sound-burst-ring{position:absolute;top:10px;width:60px;height:60px;border-radius:50%;border:3px solid var(--accent);animation:sound-burst-ring .9s ease-out forwards}@keyframes sound-burst-rise{0%{opacity:0;transform:translate(-50%,30px) scale(.5)}15%{opacity:1;transform:translate(-50%) scale(1.15)}30%{transform:translate(-50%,-6px) scale(1)}80%{opacity:1;transform:translate(-50%,-60px) scale(1)}to{opacity:0;transform:translate(-50%,-90px) scale(.9)}}@keyframes sound-burst-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-14deg)}75%{transform:rotate(14deg)}}@keyframes sound-burst-ring{0%{transform:scale(.4);opacity:.9}to{transform:scale(2.4);opacity:0}}.video-tile:has(.sound-burst){border-color:var(--accent);box-shadow:0 0 0 3px #11ebce40,0 0 30px #11ebce40}.voice-panel{position:relative}.soundboard-panel{position:absolute;left:50%;bottom:96px;transform:translate(-50%);width:min(600px,calc(100% - 24px));max-height:min(58vh,520px);margin:0;z-index:35;border-radius:16px;border:1px solid rgba(17,235,206,.22);background:radial-gradient(circle at 100% 0%,rgba(17,235,206,.12),transparent 40%),radial-gradient(circle at 0% 100%,rgba(120,90,255,.14),transparent 45%),#0c1018f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 60px #0000008c,0 0 0 1px #ffffff08 inset;animation:sb-pop .22s cubic-bezier(.2,.9,.3,1.25)}@keyframes sb-pop{0%{opacity:0;transform:translate(-50%,14px) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}.soundboard-panel:after{content:"";position:absolute;left:50%;bottom:-8px;width:16px;height:16px;transform:translate(-50%) rotate(45deg);background:#0c1018f0;border-right:1px solid rgba(17,235,206,.22);border-bottom:1px solid rgba(17,235,206,.22)}.soundboard-head{padding:12px 14px 8px;border-bottom:none}.soundboard-title{flex:1;font-weight:800;font-size:14px}.soundboard-count{font-size:11px;font-weight:800;padding:3px 8px;border-radius:10px;background:var(--accent-soft);color:var(--accent)}.soundboard-count.full{background:#dc282826;color:#ff7b7b}.soundboard-searchbar{display:flex;align-items:center;gap:8px;margin:0 12px 6px;padding:0 12px;height:40px;border-radius:10px;background:var(--bg-input);border:1px solid var(--border)}.soundboard-searchbar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #11ebce1f}.soundboard-searchbar .soundboard-search{border:none;background:transparent;height:100%;padding:0}.soundboard-searchbar .soundboard-search:focus{outline:none}.soundboard-clip.upload.locked{color:var(--text-muted);border-color:#dc282859}.soundboard-clip.upload.locked:hover{background:#dc28281a;border-color:#ff7b7b}.sound-burst{position:absolute;left:50%;top:50%;bottom:auto;width:0;height:0;transform:none;display:block;pointer-events:none;z-index:3;animation:none}.sound-burst-emoji{position:absolute;left:0;top:0;font-size:46px;line-height:1;transform:translate(-50%,-50%);filter:drop-shadow(0 8px 16px rgba(0,0,0,.55));animation:burst-main 1.7s cubic-bezier(.18,.85,.25,1) forwards}.sound-burst-ring{position:absolute;left:0;top:0;width:70px;height:70px;margin:-35px 0 0 -35px;border-radius:50%;border:3px solid var(--accent);animation:burst-ring .9s ease-out forwards}.sound-burst-ring.second{border-width:2px;opacity:.6;animation-delay:.15s}.sound-burst-spark{position:absolute;left:0;top:0;font-size:18px;line-height:1;transform:translate(-50%,-50%);opacity:0;animation:burst-spark 1.2s ease-out forwards}.sound-burst-spark.s1{--dx: -70px;--dy: -55px;animation-delay:.05s}.sound-burst-spark.s2{--dx: 75px;--dy: -40px;animation-delay:.12s}.sound-burst-spark.s3{--dx: -20px;--dy: -95px;animation-delay:.2s}@keyframes burst-main{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-20deg)}18%{opacity:1;transform:translate(-50%,-60%) scale(1.35) rotate(8deg)}32%{transform:translate(-50%,-66%) scale(1.05) rotate(-4deg)}70%{opacity:1;transform:translate(-50%,-150%) scale(1) rotate(3deg)}to{opacity:0;transform:translate(-50%,-210%) scale(.8) rotate(0)}}@keyframes burst-ring{0%{transform:scale(.3);opacity:.95}to{transform:scale(2.6);opacity:0}}@keyframes burst-spark{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}20%{opacity:.95}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.9)}}.broadcast-hint{margin-left:auto;font-size:12px;color:var(--text-muted);display:inline-flex;align-items:center;gap:4px}.broadcast-hint kbd,.broadcast-banner kbd{padding:1px 6px;border-radius:4px;border:1px solid var(--border);background:var(--bg-muted);font-size:11px;font-weight:800}.broadcast-banner{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 16px 8px;padding:10px 14px;border-radius:10px;background:linear-gradient(90deg,#785aff40,#11ebce33);border:1px solid rgba(17,235,206,.35);color:var(--text);font-weight:700;font-size:13px;animation:waiting-room-pop .25s ease-out}.broadcast-banner.me{background:linear-gradient(90deg,#dc282840,#ff8c0033);border-color:#ff8c0080}.broadcast-pulse{width:10px;height:10px;border-radius:50%;background:var(--accent);animation:waiting-room-pulse 1.2s ease-in-out infinite}.broadcast-banner.me .broadcast-pulse{background:#ff8c00}.sb-trim-badge{margin-left:auto;text-transform:none;color:var(--online)}.sb-trim-badge.over{color:#ff7b7b}.sb-trim-shade{position:absolute;top:0;bottom:0;background:#05080f8c;pointer-events:none}.sb-trim-handle{position:absolute;top:0;bottom:0;width:3px;margin-left:-1px;background:var(--accent);box-shadow:0 0 8px #11ebcecc;pointer-events:none}.sb-wave-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:#ff7b7b}.sb-trim{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.sb-trim label{display:grid;grid-template-columns:48px 1fr 56px;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.sb-trim label em{font-style:normal;text-align:right;color:var(--text);font-variant-numeric:tabular-nums}.sb-trim input[type=range]{width:100%;accent-color:var(--accent)}.sb-transfer-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.sb-transfer-list button{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg-muted);color:var(--text);cursor:pointer;font-size:14px}.sb-transfer-list button:hover{border-color:var(--accent)}.sb-transfer-icon{width:32px;height:32px;border-radius:10px;background:var(--bg-elevated);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.sb-transfer-go{margin-left:auto;color:var(--accent);font-weight:800}.voice-status-signal{position:relative;width:26px;height:22px;justify-content:center;cursor:help}.signal-bars{display:inline-flex;align-items:flex-end;gap:2px;height:16px}.signal-bars i{display:block;width:4px;border-radius:2px;background:currentColor;opacity:.25;transform-origin:bottom;animation:signal-breathe 1.8s ease-in-out infinite}.signal-bars i:nth-child(1){height:5px;animation-delay:0s}.signal-bars i:nth-child(2){height:8px;animation-delay:.15s}.signal-bars i:nth-child(3){height:12px;animation-delay:.3s}.signal-bars i:nth-child(4){height:16px;animation-delay:.45s}.voice-status-signal.good .signal-bars i{opacity:1}.voice-status-signal.fair .signal-bars i:nth-child(-n+3){opacity:1}.voice-status-signal.fair .signal-bars i:nth-child(4){animation:none}.voice-status-signal.poor .signal-bars i:nth-child(-n+1){opacity:1}.voice-status-signal.poor .signal-bars i:nth-child(n+2){animation:none}.voice-status-signal.unknown .signal-bars i{animation:signal-scan 1s ease-in-out infinite}@keyframes signal-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(.72)}}@keyframes signal-scan{0%,to{opacity:.2}50%{opacity:.9}}.signal-tooltip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%,4px);padding:4px 8px;border-radius:6px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);font-size:11px;font-weight:800;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;box-shadow:0 6px 18px #0006;z-index:5}.voice-status-signal:hover .signal-tooltip{opacity:1;transform:translate(-50%)}.voice-occupant.clickable{cursor:pointer;border-radius:6px;padding:2px 4px;margin-left:-4px;transition:background .12s ease,color .12s ease}.voice-occupant.clickable:hover{background:var(--bg-muted);color:var(--text)}.voice-occupant-text{display:flex;flex-direction:column;min-width:0;line-height:1.15}.voice-occupant-game{font-size:10px;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.member-voice-tag.game{color:var(--accent)}.context-menu-stack{display:flex;flex-direction:column;line-height:1.15}.context-menu-stack small{font-size:11px;color:var(--text-muted)}.context-menu-check{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px}.context-menu-box{width:18px;height:18px;border-radius:4px;border:1px solid var(--text-muted);display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:#04211c}.context-menu-box.on{background:var(--accent);border-color:var(--accent)}.consent-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000009e;display:flex;align-items:center;justify-content:center;z-index:450;animation:fade-in .15s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.consent-box{width:min(420px,calc(100% - 32px));padding:22px 22px 18px;border-radius:14px;background:var(--bg-elevated);border:1px solid rgba(220,40,40,.35);box-shadow:0 24px 60px #0000008c;text-align:center;animation:waiting-room-pop .25s cubic-bezier(.2,.9,.3,1.25)}.consent-icon{font-size:40px;margin-bottom:6px}.consent-box h3{margin:0 0 6px;font-size:17px}.consent-box p{margin:0 0 16px;color:var(--text-muted);font-size:13px}.consent-actions{display:flex;gap:8px;justify-content:center}.consent-allow,.consent-deny{flex:1;height:40px;border-radius:8px;border:none;font-weight:800;cursor:pointer}.consent-allow{background:var(--online);color:#04211c}.consent-deny{background:var(--bg-muted);color:var(--text)}.recording-indicator.other{background:#dc28281f;color:#ff7b7b;border-radius:10px;padding:2px 8px;font-size:11px}.soundboard-clip-delete{position:absolute;right:30px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;opacity:0;transition:opacity .12s ease,background .12s ease}.soundboard-clip:hover .soundboard-clip-delete{opacity:1}.soundboard-clip-delete:hover{background:#dc282833}.soundboard-clip{padding-right:58px}.video-tile.speaking{border-color:var(--online);box-shadow:0 0 0 2px #3ba55d59,0 8px 24px #0003}.video-tile.speaking .tile-avatar-wrap{box-shadow:0 0 0 3px var(--online),0 0 22px #3ba55d99;border-radius:50%;animation:speaking-pulse 1s ease-in-out infinite}@keyframes speaking-pulse{0%,to{box-shadow:0 0 0 3px var(--online),0 0 18px #3ba55d73}50%{box-shadow:0 0 0 4px var(--online),0 0 28px #3ba55dbf}}.voice-occupant .voice-occupant-avatar{border-radius:50%;transition:box-shadow .12s ease}.voice-occupant.speaking .voice-occupant-avatar{box-shadow:0 0 0 2px var(--online),0 0 10px #3ba55d99}.voice-occupant.speaking .voice-occupant-name{color:var(--text)}.voice-occupant[draggable=true]{cursor:grab}.channel-item.user-drop-target{outline:2px dashed var(--accent);outline-offset:-2px;background:var(--accent-soft)}.context-menu-radio{width:16px;height:16px;border-radius:50%;border:2px solid var(--text-muted);flex-shrink:0}.context-menu-radio.on{border-color:var(--accent);background:radial-gradient(circle,var(--accent) 45%,transparent 50%)}.context-menu-current{margin-left:auto;color:var(--text-muted);font-size:12px}.server-boost-badge{position:absolute;bottom:-3px;left:-3px;width:18px;height:18px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:11px;border:2px solid var(--bg)}.boost{display:flex;flex-direction:column;gap:12px}.boost-hero{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 12px 12px;border-radius:14px;background:radial-gradient(circle at 50% 0%,rgba(233,61,219,.35),transparent 55%),radial-gradient(circle at 0% 100%,rgba(120,90,255,.35),transparent 50%),var(--bg-muted);text-align:center}.boost-gem{font-size:72px;line-height:1;filter:drop-shadow(0 12px 24px rgba(233,61,219,.45));animation:gem-float 3s ease-in-out infinite}.boost.celebrate .boost-gem{animation:gem-pop .7s cubic-bezier(.2,.9,.3,1.4)}@keyframes gem-float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}@keyframes gem-pop{0%{transform:scale(.6) rotate(-20deg)}60%{transform:scale(1.3) rotate(8deg)}to{transform:scale(1) rotate(0)}}.boost-hero h2{margin:8px 0 0;font-size:22px}.boost-count{color:#e93ddb;font-weight:800;font-size:13px}.boost-current{color:var(--text-muted);font-weight:600;margin-left:4px}.boost-progress{width:100%;height:8px;margin-top:8px;border-radius:4px;background:#ffffff14;overflow:hidden}.boost-progress-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#e93ddb,var(--accent));transition:width .5s ease}.boost-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.boost-tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;border-radius:10px;border:1px solid var(--border);background:var(--bg-muted);color:var(--text);font-weight:700;font-size:13px;cursor:pointer}.boost-tab small{font-size:11px;color:var(--text-muted);font-weight:600}.boost-tab.active{border-color:#e93ddb;box-shadow:0 0 0 3px #e93ddb2e}.boost-tab.done{background:#3ba55d1f}.boost-perks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px 12px}.boost-perks li{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.25}.boost-perk-icon{color:#e93ddb;font-weight:800}.boost-locked{padding:10px 12px;border-radius:8px;border:1px solid rgba(88,101,242,.6);background:#5865f21f;font-size:13px}.boost-boosters .sb-label{margin-bottom:6px}.boost-booster-list{display:flex;gap:6px;flex-wrap:wrap}.boost-booster{width:30px;height:30px;border-radius:50%;overflow:hidden;border:2px solid #e93ddb}.boost-actions{display:flex;gap:8px;margin-top:4px}.boost-button{flex:1;height:44px;border:none;border-radius:10px;background:linear-gradient(90deg,#e93ddb,#7c5cff);color:#fff;font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 10px 24px #e93ddb4d;transition:transform .12s ease,filter .12s ease}.boost-button:hover{transform:translateY(-1px);filter:brightness(1.08)}.boost-button:disabled{opacity:.6;cursor:default;transform:none}.boost-foot{text-align:center}.rec-preview-box{width:min(820px,calc(100% - 32px));padding:14px 16px 16px;border-radius:14px;background:var(--bg-elevated);border:1px solid var(--border);box-shadow:0 24px 60px #0000008c;animation:waiting-room-pop .25s ease-out}.rec-preview-box .modal-header h3{font-size:15px}.rec-preview-video{width:100%;max-height:60vh;border-radius:10px;background:#000;margin:8px 0 12px}.rec-preview-actions{display:flex;align-items:center;gap:8px}.rec-preview-actions .hint{flex:1;margin:0}.sb-wave.trimmable{height:84px;overflow:visible;-webkit-user-select:none;user-select:none;touch-action:none}.sb-wave.trimmable canvas{border-radius:6px}.sb-wave.dragging{cursor:grabbing}.sb-trim-region{position:absolute;top:0;bottom:0;cursor:grab;background:#11ebce0f;border-top:2px solid rgba(255,255,255,.9);border-bottom:2px solid rgba(255,255,255,.9);box-sizing:border-box}.sb-wave.dragging .sb-trim-region{cursor:grabbing}.sb-trim-handle{position:absolute;top:-6px;bottom:-6px;width:14px;margin-left:-7px;background:transparent;box-shadow:none;pointer-events:auto;cursor:ew-resize;display:flex;align-items:center;justify-content:center;z-index:2;outline:none}.sb-trim-grip{width:6px;height:100%;border-radius:4px;background:#fff;box-shadow:0 0 0 1px #00000059,0 4px 12px #00000073;position:relative}.sb-trim-grip:after{content:"";position:absolute;left:50%;top:50%;width:2px;height:18px;transform:translate(-50%,-50%);border-radius:1px;background:#00000059}.sb-trim-handle:hover .sb-trim-grip,.sb-trim-handle:focus-visible .sb-trim-grip{background:var(--accent)}.sb-trim-time{position:absolute;top:-22px;left:50%;transform:translate(-50%);font-size:11px;font-weight:800;color:var(--online);white-space:nowrap;background:var(--bg-elevated);padding:1px 6px;border-radius:6px;border:1px solid var(--border);opacity:0;transition:opacity .12s ease}.sb-trim-handle.start .sb-trim-time{left:0;transform:none}.sb-trim-handle.end .sb-trim-time{left:auto;right:0;transform:none}.sb-trim-handle:hover .sb-trim-time,.sb-wave.dragging .sb-trim-time{opacity:1}.sb-preview{padding-top:24px}.sb-trim-readout{font-size:12px;color:var(--text-muted)}.sb-trim-readout em{font-style:normal;color:var(--text);font-variant-numeric:tabular-nums}.sb-trim-readout strong{color:var(--online)}.voice-mini-tip{display:block;max-width:260px;padding:8px 10px;font-size:11px;line-height:1.3;color:var(--text-muted);border-top:1px solid var(--border)}.voice-mini-tip b{color:var(--text)}.lfg-main{grid-column:3 / -1;min-width:0;overflow-y:auto;padding:20px 24px 32px;display:flex;flex-direction:column;gap:16px}:root[data-theme=dragons]{--bg:#120c18;--bg-elevated:#18101f;--bg-panel:#160f1d;--bg-muted:#291b30;--bg-input:#211428;--border:#41294a;--text:#fff4e6;--text-muted:#c9adbd;--accent:#ff9f43;--accent-strong:#7c3aed;--accent-soft:rgba(255,159,67,.15)}:root[data-theme=fps]{--bg:#090d0b;--bg-elevated:#0d1210;--bg-panel:#0c110f;--bg-muted:#192018;--bg-input:#141b15;--border:#2b3829;--text:#f7ffe2;--text-muted:#a8b39e;--accent:#c9ff32;--accent-strong:#ff3b52;--accent-soft:rgba(201,255,50,.13)}:root[data-theme=explorer]{--bg:#081411;--bg-elevated:#0c1a18;--bg-panel:#0a1816;--bg-muted:#153129;--bg-input:#102820;--border:#245242;--text:#edfff6;--text-muted:#9bc5b3;--accent:#56d997;--accent-strong:#4fa4e8;--accent-soft:rgba(86,217,151,.14)}:root[data-theme=chibi]{--bg:#18101d;--bg-elevated:#221528;--bg-panel:#1e1324;--bg-muted:#392440;--bg-input:#301d37;--border:#54345c;--text:#fff1fb;--text-muted:#d0afcc;--accent:#ff8fd8;--accent-strong:#8db4ff;--accent-soft:rgba(255,143,216,.15)}:root[data-theme=kids]{--bg:#102034;--bg-elevated:#152b43;--bg-panel:#12263c;--bg-muted:#23425d;--bg-input:#1b354d;--border:#35617c;--text:#fffbe9;--text-muted:#bfd5df;--accent:#ffd84d;--accent-strong:#5dd7ff;--accent-soft:rgba(255,216,77,.16)}:root[data-theme=quiby]{--bg: #071016;--bg-elevated: #0b171f;--bg-panel: #0a141b;--bg-muted: #10242c;--bg-input: #0d1d25;--border: #18343d;--text: #effffc;--text-muted: #91b8b7;--accent: #28f0d0;--accent-strong: #8d67ff;--accent-soft: rgba(40, 240, 208, .14)}:root[data-theme=quiby] body{background:radial-gradient(900px 600px at 8% -15%,rgba(40,240,208,.11),transparent 64%),radial-gradient(850px 650px at 100% 105%,rgba(141,103,255,.12),transparent 68%),#071016}.lfg-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.lfg-head h2{margin:0 0 4px;font-size:22px}.lfg-head .hint{margin:0;max-width:520px}.lfg-primary{flex-shrink:0;height:42px;padding:0 18px;border:none;border-radius:10px;background:linear-gradient(90deg,var(--accent),#7c5cff);color:#04211c;font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 10px 24px #11ebce40}.lfg-primary:disabled{opacity:.5;cursor:default}.lfg-form{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:14px;background:var(--bg-elevated);border:1px solid var(--border);animation:waiting-room-pop .2s ease-out}.lfg-form-row{display:flex;gap:10px;flex-wrap:wrap}.lfg-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;min-width:140px}.lfg-form label.grow{flex:1}.lfg-form input,.lfg-form select{height:38px;padding:0 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text);font-size:14px}.lfg-quick{display:flex;flex-wrap:wrap;gap:6px}.lfg-quick button{padding:5px 10px;border-radius:14px;border:1px solid var(--border);background:var(--bg-muted);color:var(--text);font-size:12px;cursor:pointer}.lfg-quick button.active,.lfg-quick button:hover{border-color:var(--accent);background:var(--accent-soft)}.lfg-form-actions{display:flex;justify-content:flex-end;gap:8px}.lfg-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:48px 16px;text-align:center;border-radius:14px;border:1px dashed var(--border)}.lfg-empty-icon{font-size:40px}.lfg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.lfg-card{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:14px;background:var(--bg-elevated);border:1px solid var(--border);transition:transform .12s ease,border-color .12s ease;animation:waiting-room-pop .25s ease-out}.lfg-card:hover{transform:translateY(-2px);border-color:var(--accent)}.lfg-card.mine{border-color:#11ebce80;box-shadow:0 0 0 3px #11ebce1a}.lfg-card.full{opacity:.7}.lfg-card-top{display:flex;justify-content:space-between;align-items:center}.lfg-game{font-weight:800;font-size:15px}.lfg-when{font-size:11px;color:var(--text-muted)}.lfg-card-user{display:flex;align-items:center;gap:8px}.lfg-card-user-text{display:flex;flex-direction:column;line-height:1.15;min-width:0}.lfg-card-user-text small{color:var(--text-muted);font-size:11px}.lfg-tag{align-self:flex-start;font-size:11px;padding:2px 8px;border-radius:10px;background:var(--bg-muted);color:var(--text-muted)}.lfg-note{margin:0;font-size:13px;color:var(--text)}.lfg-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.lfg-slots{display:inline-flex;align-items:center;gap:3px}.lfg-slots i{width:10px;height:10px;border-radius:50%;border:1px solid var(--text-muted);display:inline-block}.lfg-slots i.on{background:var(--online);border-color:var(--online)}.lfg-slots small{margin-left:6px;font-size:11px;color:var(--text-muted)}.lfg-join,.lfg-close{height:32px;padding:0 14px;border:none;border-radius:8px;font-weight:800;cursor:pointer}.lfg-join{background:var(--online);color:#04211c}.lfg-join:disabled{background:var(--bg-muted);color:var(--text-muted);cursor:default}.lfg-close{background:transparent;border:1px solid var(--border);color:var(--text-muted)}.lfg-close:hover{color:var(--danger);border-color:var(--danger)}.playing-now{margin-bottom:14px}.playing-now h3{margin:0 0 8px}.playing-now-game{display:grid;grid-template-columns:1fr auto;gap:4px 8px;padding:10px 12px;border-radius:10px;background:var(--bg-muted);margin-bottom:6px}.playing-now-title{font-weight:700;font-size:13px}.playing-now-count{font-size:11px;color:var(--accent);font-weight:700}.playing-now-avatars{display:flex}.playing-now-avatar{width:24px;height:24px;border-radius:50%;overflow:hidden;margin-left:-6px;border:2px solid var(--bg-muted)}.playing-now-avatar:first-child{margin-left:0}.playing-now-game button{grid-column:2;grid-row:2;height:26px;padding:0 10px;border-radius:6px;border:none;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:700;cursor:pointer}.chat-video{display:block;max-width:min(100%,560px);max-height:360px;border-radius:10px;background:#000;margin-top:6px}.chat-voice{display:inline-flex;align-items:center;gap:8px;margin-top:4px;padding:6px 10px;border-radius:20px;background:var(--bg-muted)}.chat-voice audio{height:34px;max-width:320px}.chat-attach-button{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-muted);color:var(--text-muted);font-size:20px;cursor:pointer;flex-shrink:0}.chat-attach-button:hover{color:var(--text)}.chat-voice-button{position:relative;width:34px;height:34px;border-radius:50%;border:none;background:var(--bg-muted);color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;touch-action:none;-webkit-user-select:none;user-select:none}.chat-voice-button:hover{color:var(--text)}.chat-voice-button.recording{background:var(--danger);color:#fff;animation:waiting-room-pulse 1s ease-in-out infinite}.chat-voice-dot{position:absolute;top:2px;right:2px;width:8px;height:8px;border-radius:50%;background:#fff}.modlog-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:60vh;overflow-y:auto}.modlog-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:var(--bg-muted);font-size:13px}.modlog-icon{width:22px;text-align:center}.modlog-avatar{width:24px;height:24px;border-radius:50%;overflow:hidden;flex-shrink:0}.modlog-text{flex:1;min-width:0}.modlog-when{font-size:11px;color:var(--text-muted);white-space:nowrap}.server-ultra{margin-top:6px;padding:14px;border-radius:12px;border:1px solid rgba(240,178,50,.4);background:linear-gradient(135deg,#f0b2321f,#7c5cff1a)}.server-ultra.active{border-color:var(--online)}.server-ultra-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.server-ultra-title{font-weight:800;font-size:15px}.server-ultra-price{font-weight:800;color:#f0b232;font-size:13px}.server-ultra .hint{margin:0 0 10px}.server-ultra-actions{display:flex;flex-direction:column;gap:8px}.boost-button.ultra{background:linear-gradient(90deg,#f0b232,#ff8c00);color:#2a1600;box-shadow:0 10px 24px #f0b2324d}.server-ultra-code{display:flex;gap:6px}.server-ultra-code input{flex:1;height:36px;padding:0 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text);letter-spacing:.04em}.server-ultra-code button{height:36px;padding:0 14px;border-radius:8px;border:none;background:var(--bg-muted);color:var(--text);font-weight:700;cursor:pointer}.sb-submit.share{background:linear-gradient(90deg,var(--accent),#7c5cff)}.tournament-bar{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 16px 8px;padding:8px 14px;border-radius:12px;background:linear-gradient(90deg,#11ebce2e,#0c1018e6 35%,#0c1018e6 65%,#e93ddb2e);border:1px solid var(--border);flex-wrap:wrap}.tournament-team{font-weight:800;font-size:14px;padding:3px 10px;border-radius:8px}.tournament-team.a{background:#11ebce2e;color:var(--accent)}.tournament-team.b{background:#e93ddb2e;color:#ff7be0}.tournament-score{font-size:22px;font-weight:900;font-variant-numeric:tabular-nums}.tournament-score small{font-size:12px;color:var(--text-muted);margin:0 4px}.tournament-me{flex-basis:100%;text-align:center;font-size:11px;color:var(--text-muted)}.tournament-panel{margin:0 16px 10px;padding:12px 14px;border-radius:12px;background:var(--bg-elevated);border:1px solid var(--border);display:flex;flex-direction:column;gap:10px;animation:waiting-room-pop .2s ease-out}.tournament-panel-head{display:flex;align-items:center;gap:10px}.tournament-panel-head strong{flex:1;font-size:15px}.tournament-panel .hint{margin:0}.switch{position:relative;width:40px;height:22px;display:inline-block}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:11px;background:var(--bg-muted);border:1px solid var(--border);transition:background .15s ease;cursor:pointer}.switch span:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s ease}.switch input:checked+span{background:var(--online)}.switch input:checked+span:after{transform:translate(18px)}.tournament-names{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.tournament-names input{height:36px;padding:0 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text);font-weight:700;text-align:center}.tournament-score-edit{display:inline-flex;align-items:center;gap:4px}.tournament-score-edit button{width:26px;height:26px;border-radius:6px;border:1px solid var(--border);background:var(--bg-muted);color:var(--text);cursor:pointer;font-weight:800}.tournament-score-edit span{min-width:22px;text-align:center;font-weight:900;font-size:18px}.tournament-score-edit em{color:var(--text-muted);font-style:normal;margin:0 4px}.tournament-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px}.tournament-person{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px 6px 10px;border-radius:8px;background:var(--bg-muted);border-left:3px solid transparent}.tournament-person.team-A{border-left-color:var(--accent)}.tournament-person.team-B{border-left-color:#ff7be0}.tournament-person.team-caster{border-left-color:#f0b232}.tournament-person-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tournament-team-buttons{display:inline-flex;gap:3px}.tournament-team-buttons button{width:30px;height:26px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;font-weight:800;font-size:12px}.tournament-team-buttons button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.tournament-actions{display:flex;gap:8px;justify-content:flex-end}.tile-team{position:absolute;top:8px;left:8px;padding:3px 8px;border-radius:8px;font-size:11px;font-weight:800;background:#05080fbf;z-index:2}.tile-team.team-A{color:var(--accent);box-shadow:inset 0 0 0 1px #11ebce99}.tile-team.team-B{color:#ff7be0;box-shadow:inset 0 0 0 1px #ff7be099}.tile-team.team-caster{color:#f0b232;box-shadow:inset 0 0 0 1px #f0b23299}.lfg-quick button.steam{border-color:var(--accent);color:var(--accent);font-weight:700}.app-shell>.app-layout{grid-template-rows:minmax(0,1fr) auto;position:relative}.app-shell>.app-layout>*:not(.user-bar-stack){grid-row:1;min-height:0}.app-shell .chat-panel,.app-shell .voice-call-layout,.app-shell .live-watch{height:auto;min-height:0}.app-layout>.user-bar-stack{grid-column:1 / 3;grid-row:2;margin:0;padding:6px 8px 8px;background:linear-gradient(180deg,var(--bg-elevated),#0c0d10);border-top:1px solid var(--border);border-right:1px solid var(--border);z-index:5}.app-layout>.user-bar-stack .voice-status-panel{border-top:none;border-radius:10px;margin-bottom:6px;background:var(--bg-muted)}.app-layout>.user-bar-stack .user-bar{border-radius:10px;padding:8px 10px;background:var(--bg-muted);border:1px solid var(--border);gap:10px}.app-layout>.user-bar-stack .user-bar .user-avatar{width:36px;height:36px;font-size:13px}.app-layout>.user-bar-stack .user-bar .user-name{font-size:14px;font-weight:700}.server-sidebar,.channel-list,.dm-list{padding-bottom:8px}.app-layout>.user-bar-stack .user-identity-button{flex:1;min-width:0;overflow:hidden}.app-layout>.user-bar-stack .user-bar .plus-tag{flex-shrink:0}@media (max-width: 1000px){.app-layout>.user-bar-stack .user-bar .plus-tag{display:none}}.server-voice-badge{position:absolute;top:-3px;right:-3px;width:18px;height:18px;border-radius:50%;background:var(--online);color:#04211c;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg);animation:waiting-room-pulse 1.6s ease-in-out infinite;z-index:1}.server-icon:has(.server-pending-badge) .server-voice-badge{top:auto;bottom:-3px}.server-hover-card{position:fixed;left:82px;transform:translateY(-50%);min-width:190px;max-width:280px;padding:10px 12px;border-radius:12px;background:#0c1018f5;border:1px solid rgba(17,235,206,.25);box-shadow:0 16px 40px #0000008c;z-index:60;pointer-events:none;animation:hover-card-in .15s cubic-bezier(.2,.9,.3,1.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.server-hover-card:before{content:"";position:absolute;left:-6px;top:50%;width:10px;height:10px;transform:translateY(-50%) rotate(45deg);background:#0c1018f5;border-left:1px solid rgba(17,235,206,.25);border-bottom:1px solid rgba(17,235,206,.25)}@keyframes hover-card-in{0%{opacity:0;transform:translate(-6px,-50%)}to{opacity:1;transform:translateY(-50%)}}.server-hover-title{font-weight:800;font-size:14px;display:flex;align-items:center;gap:6px;color:var(--text)}.server-hover-sub{margin-top:4px;font-size:12px;color:var(--online);font-weight:700;display:flex;align-items:center;gap:5px}.server-hover-sub.muted{color:var(--text-muted);font-weight:500}.server-hover-fan{position:relative;height:44px;margin:10px 0 2px 6px;display:flex;align-items:flex-end}.server-hover-fan-card{position:absolute;left:calc(var(--i) * 22px);bottom:0;width:34px;height:34px;border-radius:50%;overflow:hidden;border:2px solid var(--bg-elevated);box-shadow:0 6px 14px #00000073;transform:rotate(calc((var(--i) - 2) * 6deg)) translateY(calc(var(--i) * 1px));transform-origin:bottom center;z-index:calc(10 - var(--i));animation:fan-in .3s cubic-bezier(.2,.9,.3,1.3) both;animation-delay:calc(var(--i) * 40ms)}@keyframes fan-in{0%{opacity:0;transform:rotate(0) translateY(10px) scale(.6)}}.server-hover-more{position:absolute;left:138px;bottom:6px;font-size:11px;font-weight:800;color:var(--text-muted)}.server-hover-names{margin-top:6px;font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-control-badge{font-size:11px;font-weight:800;padding:3px 8px;border-radius:10px;background:var(--bg-muted);color:var(--text-muted);flex-shrink:0}.settings-control-badge.on{background:#3ba55d29;color:var(--online)}.settings-inline-button{flex-shrink:0;height:32px;padding:0 12px;border-radius:8px;border:none;background:var(--accent);color:#04211c;font-weight:800;cursor:pointer}.settings-inline-button:disabled{background:var(--bg-muted);color:var(--text-muted);cursor:default}.ultra-tag{--ultra-a: var(--accent);--ultra-b: #7c5cff;display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:900;letter-spacing:.08em;color:#06121a;background:linear-gradient(110deg,var(--ultra-a),var(--ultra-b),var(--ultra-a));background-size:220% 100%;animation:ultra-flow 3.2s linear infinite,ultra-breathe 2.4s ease-in-out infinite;flex-shrink:0;line-height:1;vertical-align:middle}.ultra-tag.sm{padding:2px 6px;font-size:9px;border-radius:5px;margin-left:6px}@keyframes ultra-flow{0%{background-position:0% 50%}to{background-position:220% 50%}}@keyframes ultra-breathe{0%,to{box-shadow:0 0 6px color-mix(in srgb,var(--ultra-a) 55%,transparent),0 0 14px 2px color-mix(in srgb,var(--ultra-b) 25%,transparent)}50%{box-shadow:0 0 10px 2px color-mix(in srgb,var(--ultra-b) 60%,transparent),0 0 20px 4px color-mix(in srgb,var(--ultra-a) 30%,transparent)}}.app-layout>.user-bar-stack .user-identity-button{overflow:visible}.app-layout>.user-bar-stack .user-identity-button .user-name-col{min-width:0;overflow:hidden}.app-layout>.user-bar-stack .user-bar .ultra-tag{margin-right:4px}@media (max-width: 1000px){.app-layout>.user-bar-stack .user-bar .ultra-tag{display:none}}.channel-item{padding:6px 8px;font-size:15px;border-radius:8px}.channel-item-row{display:flex;align-items:center;gap:8px;min-height:28px}.channel-glyph{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--text-muted);flex-shrink:0}.channel-glyph .channel-emoji{font-size:17px}.channel-glyph.live{color:var(--online)}.channel-item.active .channel-glyph,.channel-item:hover .channel-glyph{color:var(--text)}.channel-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.channel-item.active .channel-name{color:var(--text);font-weight:700}.channel-flag{color:var(--text-muted);flex-shrink:0}.channel-row-right{display:inline-flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.channel-elapsed{font-size:13px;font-weight:700;color:var(--online);font-variant-numeric:tabular-nums}.channel-row-actions{display:none;align-items:center;gap:6px}.channel-item:hover .channel-row-actions{display:inline-flex}.channel-item:hover .channel-unread,.channel-item:hover .channel-elapsed{display:none}.channel-row-action{width:22px;height:22px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted)}.channel-row-action:hover{color:var(--text);background:#ffffff0f}.channel-item-row.has-unread .channel-name,.channel-item-row.has-unread .channel-glyph{color:var(--text);font-weight:800}.channel-unread{font-size:12px;font-weight:800;color:var(--accent);white-space:nowrap}.voice-occupants{display:flex;flex-direction:column;gap:2px;padding:4px 0 2px 26px}.voice-occupant{font-size:14px;gap:8px;padding:3px 6px 3px 4px;border-radius:6px}.voice-occupant .voice-occupant-avatar{width:24px;height:24px;min-width:24px}.voice-occupant-flag{margin-left:auto;color:var(--text-muted);flex-shrink:0}.channel-status{padding-left:30px;font-size:12px}.icon-button.lg svg{width:22px;height:22px}.app-layout>.user-bar-stack .user-bar .icon-button svg{width:20px;height:20px}.app-layout>.user-bar-stack .user-bar .icon-button{width:34px;height:34px}.hangup-button svg{width:24px;height:24px}.chat-voice-button svg,.chat-attach-button svg{width:18px;height:18px}.voice-status-actions .icon-button svg{width:18px;height:18px}.tournament-panel{margin:0 16px 10px;padding:14px 16px 12px;border-radius:16px;background:radial-gradient(circle at 0% 0%,rgba(17,235,206,.12),transparent 40%),radial-gradient(circle at 100% 100%,rgba(233,61,219,.12),transparent 40%),var(--bg-elevated);border:1px solid var(--border);box-shadow:0 18px 44px #00000059;gap:12px}.tournament-panel-head{display:flex;align-items:center;gap:12px}.tournament-panel-icon{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);background:var(--accent-soft);flex-shrink:0}.tournament-panel-title{flex:1;display:flex;flex-direction:column;line-height:1.2;min-width:0}.tournament-panel-title strong{font-size:16px}.tournament-panel-title small{font-size:12px;color:var(--text-muted)}.tournament-score-card{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--bg-muted);border:1px solid var(--border);transition:opacity .2s ease}.tournament-score-card.off{opacity:.55}.tournament-side{display:flex;flex-direction:column;gap:8px;align-items:center}.tournament-side.a .tournament-name-input{border-color:#11ebce73;color:var(--accent)}.tournament-side.b .tournament-name-input{border-color:#ff7be073;color:#ff7be0}.tournament-name-input{width:100%;height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-input);font-weight:800;font-size:15px;text-align:center}.tournament-counter{display:inline-flex;align-items:center;gap:8px}.tournament-counter button{width:32px;height:32px;border-radius:10px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font-size:18px;font-weight:800;cursor:pointer;transition:transform .1s ease,border-color .1s ease}.tournament-counter button:hover{border-color:var(--accent);transform:translateY(-1px)}.tournament-counter span{min-width:44px;text-align:center;font-size:34px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.tournament-vs{display:flex;flex-direction:column;align-items:center;gap:2px;color:#f0b232}.tournament-vs em{font-style:normal;font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--text-muted)}.tournament-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.tournament-column{border-radius:12px;background:var(--bg-muted);border:1px solid var(--border);border-top-width:3px;overflow:hidden;min-height:92px}.tournament-column.team-A{border-top-color:var(--accent)}.tournament-column.team-B{border-top-color:#ff7be0}.tournament-column.team-caster{border-top-color:#f0b232}.tournament-column.team-none{border-top-color:var(--text-muted)}.tournament-column-head{display:flex;justify-content:space-between;align-items:center;padding:8px 10px 6px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.tournament-column-head small{padding:1px 7px;border-radius:8px;background:var(--bg-elevated);font-size:11px}.tournament-column-body{display:flex;flex-direction:column;gap:4px;padding:0 8px 8px}.tournament-column-empty{color:var(--text-muted);text-align:center;padding:10px 0}.tournament-chip{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 8px;border-radius:8px;background:var(--bg-elevated);border:1px solid var(--border)}.tournament-chip-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tournament-chip-moves{display:inline-flex;gap:3px;opacity:0;transition:opacity .12s ease}.tournament-chip:hover .tournament-chip-moves{opacity:1}.tournament-chip-moves button{width:24px;height:22px;border-radius:6px;border:1px solid var(--border);background:var(--bg-muted);color:var(--text-muted);font-size:11px;font-weight:800;cursor:pointer}.tournament-chip-moves button:hover{color:var(--text);border-color:var(--accent)}.tournament-actions{display:flex;align-items:center;gap:8px}.tournament-actions .hint{flex:1;margin:0}.sb-cancel.danger{color:var(--danger)}.tournament-bar-icon{color:#f0b232;display:inline-flex}@media (max-width: 900px){.tournament-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}.tournament-panel{max-height:min(70vh,560px);overflow-y:auto;scrollbar-width:thin}.server-icon>.server-icon-avatar,.server-icon:hover>.server-icon-avatar,.server-icon.active>.server-icon-avatar{width:100%;height:100%;border-radius:inherit;object-fit:cover;display:block}.server-icon:has(>.server-icon-avatar){padding:0;overflow:visible}.server-icon.is-muted>.server-icon-avatar{opacity:.55;filter:saturate(.6)}.server-icon.is-muted:not(:has(>.server-icon-avatar)){color:var(--text-muted)}.server-icon.is-muted:hover>.server-icon-avatar{opacity:.85}.server-muted-badge{position:absolute;right:-4px;bottom:-4px;width:20px;height:20px;border-radius:50%;background:var(--bg);color:var(--text-muted);border:2px solid var(--bg);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0006;pointer-events:none;opacity:1}.server-icon.is-muted .server-muted-badge svg{opacity:1}:root{--gq-ease-out: cubic-bezier(.16, 1, .3, 1);--gq-ease-spring: cubic-bezier(.2, .9, .25, 1.18);--gq-glow: rgba(25, 231, 202, .22);--gq-shadow-float: 0 18px 55px rgba(0, 0, 0, .35)}body{background:radial-gradient(900px 600px at 8% -15%,rgba(24,223,196,.055),transparent 62%),radial-gradient(850px 640px at 100% 105%,rgba(123,92,246,.055),transparent 68%),var(--bg)}button,[role=button],a,input,select,textarea{transition:color .18s ease,background-color .2s ease,border-color .2s ease,box-shadow .24s ease,opacity .18s ease,transform .24s var(--gq-ease-out)}button:not(:disabled):active,[role=button]:active{transform:translateY(1px) scale(.975)}:focus-visible{outline:2px solid #36ead1!important;outline-offset:2px;box-shadow:0 0 0 5px #36ead121!important}.topbar{background:linear-gradient(180deg,#131519f5,#0e1014ed);border-bottom-color:#ffffff13;box-shadow:0 8px 28px #00000024,inset 0 -1px #0000003d;-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%)}.server-sidebar,.channel-list,.member-list{background-image:linear-gradient(180deg,rgba(255,255,255,.018),transparent 18%,rgba(0,0,0,.055))}.server-icon,.brand-mark,.icon-button,.channel-item,.dm-nav-item,.friend-row{will-change:transform}.server-icon:hover,.brand-mark:hover{transform:translateY(-2px) scale(1.045);filter:brightness(1.08)}.icon-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 22px #0000003d,0 0 0 1px #ffffff0d}.channel-item:hover,.dm-nav-item:hover{transform:translate(2px)}.friend-row:hover{transform:translateY(-1px);box-shadow:0 10px 28px #00000021}.modal-backdrop{-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);animation:gq-backdrop-in .2s ease both}.modal,.context-menu,.profile-popover,.incoming-call-card{box-shadow:var(--gq-shadow-float),inset 0 1px #ffffff0e;animation:gq-surface-in .28s var(--gq-ease-out) both}.context-menu{border-color:#ffffff1a;-webkit-backdrop-filter:blur(20px) saturate(130%);backdrop-filter:blur(20px) saturate(130%)}.context-menu button:hover{transform:translate(2px)}.message{border-radius:8px;transition:background-color .18s ease,transform .2s var(--gq-ease-out)}.message:hover{background:#ffffff06}*{scrollbar-width:thin;scrollbar-color:rgba(130,145,160,.42) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:#8291a061;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background-color:#2ce1c88c}@keyframes gq-backdrop-in{0%{opacity:0}}@keyframes gq-surface-in{0%{opacity:0;transform:translateY(9px) scale(.985)}}.theme-quiby-option{position:relative;min-height:58px;display:inline-flex!important;align-items:center;gap:8px;overflow:hidden;border-color:#28f0d03d!important;background:linear-gradient(135deg,#28f0d01c,#8d67ff1f)!important}.theme-quiby-option img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(40,240,208,.28))}.theme-quiby-option span{margin-left:auto;padding:3px 6px;border-radius:999px;color:#07231f;background:#5df4d5;font-size:8px;font-weight:900;letter-spacing:.08em}.theme-quiby-option.active{box-shadow:0 0 0 2px #28f0d06b,0 12px 30px #28f0d01a!important}:root[data-theme=quiby] .topbar{background:linear-gradient(180deg,#0b1921f7,#071016f2);border-bottom-color:#28f0d021}:root[data-theme=quiby] .server-sidebar{box-shadow:inset -1px 0 #28f0d014}:root[data-theme=quiby] .channel-item.active,:root[data-theme=quiby] .dm-nav-item.active{background:linear-gradient(90deg,#28f0d029,#8d67ff14)}.quiby-companion{position:fixed;z-index:850;right:18px;bottom:16px;display:flex;align-items:flex-end;gap:4px;pointer-events:none;animation:gq-surface-in .45s var(--gq-ease-out) both}.quiby-toggle{position:relative;width:98px;height:105px;padding:0;border:0;background:transparent;cursor:pointer;pointer-events:auto}.quiby-frame-stack{position:absolute;top:0;right:0;bottom:0;left:0;display:block;animation:quiby-companion-float 4s ease-in-out infinite}.quiby-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 13px 10px rgba(0,0,0,.5)) drop-shadow(0 0 12px rgba(40,240,208,.35))}.quiby-idle{animation:quiby-global-idle 9s linear infinite}.quiby-blink{opacity:0;animation:quiby-global-blink 9s linear infinite}.quiby-wave{opacity:0;animation:quiby-global-wave 9s linear infinite}.quiby-aura{position:absolute;left:16px;right:16px;bottom:5px;height:20px;border-radius:50%;background:#28f0d052;filter:blur(12px);animation:quiby-aura 2s ease-in-out infinite}.quiby-greeting{margin-bottom:76px;max-width:170px;padding:8px 11px;border:1px solid rgba(40,240,208,.2);border-radius:13px 13px 3px;color:#dffff9;background:#08171ee0;box-shadow:0 12px 32px #00000047;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);font-size:11px;pointer-events:none;animation:quiby-speech 9s ease-in-out infinite}.quiby-companion.minimized .quiby-toggle{width:52px;height:55px;opacity:.72}.quiby-companion.minimized .quiby-toggle:hover{opacity:1}.quiby-toggle:hover .quiby-frame-stack{transform:translateY(-4px) scale(1.06)}@keyframes quiby-companion-float{50%{transform:translateY(-7px) rotate(1.5deg)}}@keyframes quiby-global-idle{0%,43%,50%,76%,to{opacity:1}44%,49%,78%,94%{opacity:0}}@keyframes quiby-global-blink{0%,43%,50%,77%,82%,to{opacity:0}44%,49%,78%,81%{opacity:1}}@keyframes quiby-global-wave{0%,81%,94%,to{opacity:0}84%,92%{opacity:1}}@keyframes quiby-aura{50%{opacity:.58;transform:scale(.82)}}@keyframes quiby-speech{0%,8%{opacity:0;transform:translateY(5px)}12%,72%{opacity:1;transform:none}78%,to{opacity:0}}.settings-modal-backdrop{padding:clamp(0px,3vh,28px);background:#03070abd;-webkit-backdrop-filter:blur(13px) saturate(115%);backdrop-filter:blur(13px) saturate(115%)}.settings-modal{grid-template-columns:292px minmax(0,1fr);width:min(1440px,100%);height:min(920px,100%);margin:auto;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:var(--bg);box-shadow:0 35px 110px #00000094,inset 0 1px #ffffff0a}.settings-nav{padding:18px 12px 14px;gap:12px;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-panel) 96%,white 4%),var(--bg-panel))}.settings-user-card{display:flex;align-items:center;gap:11px;min-height:62px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-radius:13px;background:#ffffff06}.settings-user-card .avatar-generic{width:42px;height:42px;flex:0 0 42px;border-radius:14px;object-fit:cover}.settings-user-card>span{min-width:0;display:flex;flex-direction:column}.settings-user-card strong,.settings-user-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-user-card strong{color:var(--text);font-size:13px}.settings-user-card small{margin-top:2px;color:var(--text-muted);font-size:10px}.settings-search{position:relative;display:flex;align-items:center}.settings-search>span{position:absolute;left:11px;z-index:1;color:var(--text-muted);font-size:19px;pointer-events:none}.settings-search input{width:100%;min-height:40px!important;padding-left:35px!important;border-radius:10px!important}.settings-nav-scroll{min-height:0;overflow:auto;padding-right:2px}.settings-nav-group+.settings-nav-group{margin-top:8px;padding-top:7px;border-top:1px solid rgba(255,255,255,.055)}.settings-nav-label{padding:9px 10px 5px;color:color-mix(in srgb,var(--text-muted) 80%,transparent);font-size:9px;letter-spacing:.12em}.settings-nav .settings-nav-group button{position:relative;width:100%;display:grid;grid-template-columns:31px minmax(0,1fr) 14px;align-items:center;gap:7px;min-height:54px;padding:7px 9px;border:1px solid transparent;border-radius:11px}.settings-nav .settings-nav-group button>span:nth-child(2){min-width:0;display:flex;flex-direction:column}.settings-nav .settings-nav-group button strong{color:inherit;font-size:12px}.settings-nav .settings-nav-group button small{margin-top:2px;overflow:hidden;color:var(--text-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.settings-nav .settings-nav-group button>i{color:var(--text-muted);font-style:normal;font-size:18px;opacity:0;transform:translate(-4px);transition:.2s var(--gq-ease-out)}.settings-nav .settings-nav-group button:hover>i,.settings-nav .settings-nav-group button.active>i{opacity:1;transform:none}.settings-nav-icon{width:29px;height:29px;display:grid!important;place-items:center;border-radius:9px;color:var(--text-muted);background:#ffffff0b;font-size:15px}.settings-nav .settings-nav-group button.active{border-color:color-mix(in srgb,var(--accent) 20%,transparent);background:linear-gradient(90deg,var(--accent-soft),color-mix(in srgb,var(--accent-strong) 7%,transparent));box-shadow:inset 3px 0 var(--accent)}.settings-nav .settings-nav-group button.active .settings-nav-icon{color:#06231f;background:var(--accent);box-shadow:0 0 17px color-mix(in srgb,var(--accent) 22%,transparent)}.settings-search-empty{padding:18px 10px;color:var(--text-muted);font-size:11px;text-align:center}.settings-content{width:min(980px,100%);padding:42px clamp(24px,4vw,58px) 80px}.settings-page-header{display:flex;align-items:center;gap:14px;margin:0 52px 34px 0;padding-bottom:22px;border-bottom:1px solid var(--border)}.settings-page-header>span{width:46px;height:46px;display:grid;place-items:center;flex:0 0 46px;border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);border-radius:14px;color:var(--accent);background:var(--accent-soft);font-size:21px;box-shadow:0 10px 25px #00000026}.settings-page-header div{min-width:0}.settings-page-header small{color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.13em}.settings-page-header h1{margin:2px 0 3px;color:var(--text);font-size:23px;letter-spacing:-.025em}.settings-page-header p{margin:0;color:var(--text-muted);font-size:11px}.settings-modal-close{position:absolute;top:18px;right:18px}.settings-content h2{margin-top:34px;color:var(--text);font-size:16px;text-transform:none;letter-spacing:-.01em}.settings-form,.settings-toggle-row,.payment-history,.settings-control-section{border-color:color-mix(in srgb,var(--border) 82%,transparent);border-radius:14px;background:linear-gradient(145deg,#ffffff07,#ffffff03);box-shadow:inset 0 1px #ffffff06}.settings-control-section{margin:20px 0 28px;padding:16px;border:1px solid var(--border)}.settings-control-heading{display:flex;align-items:center;gap:12px}.settings-control-heading img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 7px 10px rgba(40,240,208,.25))}.settings-control-heading div{flex:1}.settings-control-heading strong{color:var(--text);font-size:14px}.settings-control-heading p{margin:4px 0 0;color:var(--text-muted);font-size:11px;line-height:1.4}.segmented-setting{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:14px;padding:4px;border-radius:11px;background:var(--bg-input)}.segmented-setting button{min-height:38px;border:1px solid transparent;border-radius:8px;color:var(--text-muted);background:transparent;cursor:pointer;font-size:10px;font-weight:750}.segmented-setting button:hover{color:var(--text);background:#ffffff0a}.segmented-setting button.active{border-color:color-mix(in srgb,var(--accent) 25%,transparent);color:var(--accent);background:var(--accent-soft);box-shadow:0 5px 16px #00000024}.settings-control-note{display:block;margin-top:10px;color:var(--text-muted);font-size:9px;line-height:1.45}@media (max-width: 760px){.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.icon-button:not(:disabled):hover{transform:none;box-shadow:none}.quiby-companion{right:7px;bottom:8px}.quiby-toggle{width:72px;height:78px}.quiby-greeting{display:none}.settings-modal-backdrop{padding:0}.settings-modal{grid-template-columns:84px minmax(0,1fr);height:100%;border:0;border-radius:0}.settings-nav{padding:10px 7px}.settings-user-card{justify-content:center;padding:7px;border:0;background:transparent}.settings-user-card>span,.settings-search,.settings-nav-label,.settings-nav .settings-nav-group button>span:nth-child(2),.settings-nav .settings-nav-group button>i{display:none}.settings-nav .settings-nav-group button{grid-template-columns:1fr;justify-items:center;min-height:47px;padding:6px}.settings-content{padding:28px 15px 55px}.settings-page-header{margin-right:42px}.settings-page-header p{display:none}.segmented-setting{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}body{font-family:Segoe UI Variable,Segoe UI,Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.006em}.app-layout.friends-layout.no-side-panel{grid-template-columns:72px 240px minmax(0,1fr)}.friends-layout.no-side-panel .friends-main{border-right:0}.app-layout>.user-bar-stack{margin:0 8px 9px;padding:3px;overflow:visible;border:1px solid color-mix(in srgb,var(--accent) 12%,var(--border));border-radius:16px;background:color-mix(in srgb,var(--bg-elevated) 86%,transparent);box-shadow:0 16px 42px #00000057,inset 0 1px #ffffff0b;-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%)}.app-layout>.user-bar-stack .user-bar{min-height:52px;padding:6px 7px;border:0;border-radius:12px;background:transparent}.app-layout>.user-bar-stack .user-bar:hover{background:#ffffff06}.app-layout>.user-bar-stack .user-identity-button{padding:2px 4px;border-radius:10px}.app-layout>.user-bar-stack .user-identity-button:hover{background:#ffffff09}.app-layout>.user-bar-stack .voice-status-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;margin:0;padding:7px;border:0;border-bottom:1px solid rgba(255,255,255,.055);border-radius:12px 12px 5px 5px;background:linear-gradient(90deg,color-mix(in srgb,var(--online) 8%,transparent),transparent)}.app-layout>.user-bar-stack .voice-status-main{min-width:0;padding:4px 5px}.app-layout>.user-bar-stack .voice-status-actions{gap:3px}.app-layout>.user-bar-stack .voice-status-actions .icon-button{width:29px;min-width:29px;height:29px;flex:none;border-radius:9px;background:#ffffff0b}.app-layout>.user-bar-stack .user-avatar{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent),0 7px 17px #00000040}.server-sidebar{position:relative;width:72px;padding:10px 9px 12px;gap:8px;overflow-x:visible;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-elevated) 95%,var(--accent) 5%),var(--bg-elevated));box-shadow:inset -1px 0 #ffffff0a,7px 0 25px #00000014}.server-sidebar:after{content:"";position:absolute;top:80px;right:8px;bottom:12px;left:8px;z-index:-1;border:1px solid rgba(255,255,255,.025);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 45%);pointer-events:none}.server-sidebar .brand-mark{margin-bottom:2px;filter:drop-shadow(0 6px 12px rgba(40,240,208,.15))}.server-divider{width:34px;margin:3px auto 5px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 34%,var(--border)),transparent)}.server-icon{position:relative;width:50px;height:50px;border:1px solid rgba(255,255,255,.045);border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--bg-muted) 88%,white 4%),var(--bg-muted));box-shadow:0 7px 18px #00000030,inset 0 1px #ffffff09;transition:border-radius .25s var(--gq-ease-out),transform .25s var(--gq-ease-spring),border-color .2s,box-shadow .25s}.server-icon:before{content:"";position:absolute;left:-12px;width:4px;height:0;border-radius:0 5px 5px 0;background:var(--accent);box-shadow:0 0 12px var(--accent);transition:height .24s var(--gq-ease-out)}.server-icon:hover{border-radius:14px;border-color:color-mix(in srgb,var(--accent) 24%,transparent);transform:translateY(-2px) scale(1.04);box-shadow:0 11px 25px #00000045,0 0 0 1px color-mix(in srgb,var(--accent) 10%,transparent)}.server-icon:hover:before{height:20px}.server-icon.active:before{height:34px}.server-icon.active{border-radius:13px;border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 25%,var(--bg-muted)),color-mix(in srgb,var(--accent-strong) 18%,var(--bg-muted)));box-shadow:0 10px 28px #00000047,0 0 20px color-mix(in srgb,var(--accent) 12%,transparent)}.server-icon[data-server-name]:after{content:attr(data-server-name);position:absolute;z-index:100;left:59px;top:50%;padding:7px 10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--text);background:#0a0e12f0;box-shadow:0 10px 28px #00000057;font-size:11px;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-5px,-50%) scale(.96);transition:.18s var(--gq-ease-out)}.server-icon[data-server-name]:hover:after{opacity:1;transform:translateY(-50%) scale(1)}.server-icon.add{border-style:dashed;border-color:color-mix(in srgb,var(--accent) 23%,transparent);background:color-mix(in srgb,var(--accent) 6%,var(--bg-muted))}.friends-tabs{min-height:55px;gap:5px;padding:9px 16px}.friends-tabs button{min-height:35px;padding:0 13px;border:1px solid transparent;border-radius:10px;font-weight:650}.friends-tabs button:hover{background:#ffffff09;transform:translateY(-1px)}.friends-tabs button.active:not(.add-friend-tab){border-color:color-mix(in srgb,var(--accent) 18%,transparent);background:var(--accent-soft);color:var(--accent)}.friends-tabs .add-friend-tab{margin-left:auto;padding-inline:16px;color:#04231d;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 68%,white));box-shadow:0 7px 20px color-mix(in srgb,var(--accent) 16%,transparent)}.friends-tabs .add-friend-tab:hover,.friends-tabs .add-friend-tab.active{color:#031b17;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 85%,white),var(--accent));box-shadow:0 10px 25px color-mix(in srgb,var(--accent) 24%,transparent)}.add-friend-form button{border-radius:10px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent-strong) 35%,var(--accent)));box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 17%,transparent)}.video-tile.avatar-only{isolation:isolate;overflow:visible;border-color:color-mix(in srgb,var(--tile-accent, var(--accent)) 30%,rgba(255,255,255,.08));background:linear-gradient(145deg,color-mix(in srgb,var(--tile-accent, var(--accent)) 44%,#151a20),color-mix(in srgb,var(--tile-accent, var(--accent)) 12%,#05080d) 76%)!important;box-shadow:0 16px 40px #00000047,inset 0 1px #ffffff0f}.video-tile.avatar-only:before{content:"";position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 20% 0%,color-mix(in srgb,var(--tile-accent, var(--accent)) 32%,transparent),transparent 43%),linear-gradient(160deg,rgba(255,255,255,.035),transparent 60%)}.video-tile.avatar-only:after{content:"";position:absolute;z-index:-1;top:1px;right:1px;bottom:1px;left:1px;border-radius:9px;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(135deg,#000,transparent 78%);mask-image:linear-gradient(135deg,#000,transparent 78%);pointer-events:none}.video-tile.avatar-only .tile-avatar-wrap{position:relative;overflow:visible;border-radius:50%;filter:drop-shadow(0 9px 13px rgba(0,0,0,.32))}.video-tile.avatar-only .tile-avatar{position:relative;z-index:2;border:3px solid color-mix(in srgb,var(--tile-accent, var(--accent)) 52%,#10151b);box-shadow:0 0 0 3px #05080d9e}.video-tile.premium-cosmetic .tile-avatar-wrap:before{content:"";position:absolute;z-index:1;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 8%,var(--accent) 18%,transparent 31% 48%,var(--accent-strong) 61%,transparent 76% 92%,var(--accent));filter:drop-shadow(0 0 7px color-mix(in srgb,var(--accent) 55%,transparent));animation:gq-profile-orbit 5s linear infinite}.video-tile.premium-cosmetic .tile-avatar-wrap:after{content:"";position:absolute;top:-13px;right:-13px;bottom:-13px;left:-13px;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:50%;animation:gq-profile-breathe 2.8s ease-in-out infinite}.video-tile .tile-label{left:10px;bottom:9px;padding:5px 9px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#05090da8;box-shadow:0 6px 18px #0000002e;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.video-tile.speaking{transform:translateY(-2px);border-color:var(--online);box-shadow:0 0 0 2px #3ee68a2e,0 0 32px #3ee68a21,0 18px 42px #0000004d}@keyframes gq-profile-orbit{to{transform:rotate(1turn)}}@keyframes gq-profile-breathe{50%{transform:scale(1.12);opacity:.32}}@media (max-width: 900px){.app-layout.friends-layout.no-side-panel{grid-template-columns:58px 188px minmax(0,1fr)}.server-sidebar{width:auto;padding-inline:6px}.server-icon{width:46px;height:46px}}.settings-control-icon{width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;border-radius:14px;color:var(--accent);background:var(--accent-soft);font-size:21px}.switch-control{position:relative;flex:0 0 44px;width:44px;height:25px;cursor:pointer}.switch-control input{position:absolute;opacity:0;pointer-events:none}.switch-control>span{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--border);border-radius:999px;background:var(--bg-input);transition:.22s var(--gq-ease-out)}.switch-control>span:after{content:"";position:absolute;width:19px;height:19px;left:2px;top:2px;border-radius:50%;background:var(--text-muted);box-shadow:0 3px 8px #0000004d;transition:.22s var(--gq-ease-spring)}.switch-control input:checked+span{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 15px color-mix(in srgb,var(--accent) 16%,transparent)}.switch-control input:checked+span:after{transform:translate(19px);background:var(--accent)}.dm-nav-item.premium-friend{position:relative;overflow:hidden}.dm-nav-item.premium-friend:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid color-mix(in srgb,var(--friend-theme,var(--accent)) 18%,transparent);border-radius:9px;pointer-events:none}.dm-nav-item.premium-friend .user-avatar{box-shadow:0 0 0 2px color-mix(in srgb,var(--friend-theme,var(--accent)) 42%,transparent),0 0 13px color-mix(in srgb,var(--friend-theme,var(--accent)) 20%,transparent)}.dm-nav-item.premium-friend .dm-nav-text>span:first-child{color:color-mix(in srgb,var(--friend-theme,var(--accent)) 66%,var(--text));font-weight:700}.theme-quiby{--friend-theme:#28f0d0}.theme-aurora{--friend-theme:#9b5cff}.theme-sunset{--friend-theme:#ff7a45}.theme-dragons{--friend-theme:#ff9f43}.theme-fps{--friend-theme:#c9ff32}.theme-explorer{--friend-theme:#56d997}.theme-chibi{--friend-theme:#ff8fd8}.theme-kids{--friend-theme:#ffd84d}.profile-window[class*=profile-theme-],.dm-profile-card[class*=profile-theme-]{--profile-theme:var(--accent)}.profile-theme-quiby{--profile-theme:#28f0d0 !important}.profile-theme-aurora{--profile-theme:#9b5cff !important}.profile-theme-sunset{--profile-theme:#ff7a45 !important}.profile-theme-dragons{--profile-theme:#ff9f43 !important}.profile-theme-fps{--profile-theme:#c9ff32 !important}.profile-theme-explorer{--profile-theme:#56d997 !important}.profile-theme-chibi{--profile-theme:#ff8fd8 !important}.profile-theme-kids{--profile-theme:#ffd84d !important}.profile-window[class*=profile-theme-] .profile-window-avatar,.dm-profile-card[class*=profile-theme-] .dm-profile-avatar{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--profile-theme) 32%,transparent))}.profile-window[class*=profile-theme-] .profile-window-avatar:before,.dm-profile-card[class*=profile-theme-] .dm-profile-avatar:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;z-index:-1;border-radius:50%;background:conic-gradient(transparent,var(--profile-theme),transparent 42%,var(--accent-strong),transparent 76%);animation:gq-profile-orbit 5s linear infinite}.icon-button svg{transition:transform .25s var(--gq-ease-spring),filter .2s,color .2s}.icon-button:hover svg{transform:scale(1.13) rotate(-3deg);filter:drop-shadow(0 0 5px currentColor)}.icon-button.active svg,.icon-button.active-danger svg{transform:scale(1.08);filter:drop-shadow(0 0 7px currentColor)}.friends-tabs button,.add-friend-form button,.settings-content button[type=submit]{letter-spacing:.005em}.is-desktop .topbar{background:#111214;box-shadow:inset 0 -1px #ffffff0f}:root[data-layout=grid]{--grid-hubs: 264px;--grid-channels: 212px;--grid-right: 300px;--grid-radius: 14px;--grid-card: color-mix(in srgb, var(--bg-elevated) 82%, white 3%);--grid-card-border: color-mix(in srgb, var(--border) 80%, var(--accent) 8%);--grid-glow: color-mix(in srgb, var(--accent) 22%, transparent)}:root[data-layout=grid] .app-shell{background:radial-gradient(1200px 600px at 10% -10%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 60%),radial-gradient(900px 500px at 110% 110%,color-mix(in srgb,#7c5cff 8%,transparent),transparent 60%),var(--bg)}:root[data-layout=grid] .app-shell>.app-layout{grid-template-columns:var(--grid-hubs) var(--grid-channels) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:10px;padding:10px 10px 0;background:transparent}:root[data-layout=grid] .app-shell>.app-layout.has-members{grid-template-columns:var(--grid-hubs) var(--grid-channels) minmax(0,1fr) var(--grid-right)}:root[data-layout=grid] .app-shell>.app-layout.friends-layout{grid-template-columns:var(--grid-hubs) 240px minmax(0,1fr) 280px}:root[data-layout=grid] .app-shell>.app-layout.friends-layout.dm-open,:root[data-layout=grid] .app-shell>.app-layout.friends-layout.no-side-panel{grid-template-columns:var(--grid-hubs) 240px minmax(0,1fr)}:root[data-layout=grid] .app-shell>.app-layout.private-call-layout{display:grid;grid-template-columns:var(--grid-hubs) minmax(0,1fr)}:root[data-layout=grid] .app-layout>.channel-list,:root[data-layout=grid] .app-layout>.chat-panel,:root[data-layout=grid] .app-layout>.dm-sidebar,:root[data-layout=grid] .app-layout>.dm-list,:root[data-layout=grid] .app-layout>.active-now-panel,:root[data-layout=grid] .app-layout>.grid-center,:root[data-layout=grid] .app-layout>.grid-right,:root[data-layout=grid] .app-layout>.voice-viewport,:root[data-layout=grid] .app-layout>.waiting-room-screen,:root[data-layout=grid] .app-layout>.friends-main,:root[data-layout=grid] .app-layout>.dm-layout,:root[data-layout=grid] .app-layout>.lfg-main,:root[data-layout=grid] .app-layout>.live-browse,:root[data-layout=grid] .app-layout>.member-list{border:1px solid var(--grid-card-border);border-radius:var(--grid-radius);background:var(--grid-card);box-shadow:0 10px 30px #00000038,inset 0 1px #ffffff08;overflow:hidden;border-right-width:1px;border-left-width:1px}:root[data-layout=grid] .app-layout>.grid-center{display:flex;flex-direction:column;min-height:0}:root[data-layout=grid] .grid-center-body{flex:1;min-height:0;display:flex;flex-direction:column}:root[data-layout=grid] .grid-center-body>*{flex:1;min-height:0}:root[data-layout=grid] .grid-center-body>.chat-panel,:root[data-layout=grid] .grid-center-body>.voice-viewport{height:auto}:root[data-layout=grid] .topbar.topbar-grid{position:relative;z-index:80;height:52px;padding:0 16px;grid-template-columns:minmax(160px,1fr) minmax(260px,620px) minmax(160px,1fr);background:transparent;border-bottom:0;box-shadow:none}:root[data-layout=grid] .topbar.topbar-grid .topbar-nav{display:none}:root[data-layout=grid].is-desktop .topbar.topbar-grid,:root[data-layout=grid] .is-desktop .topbar.topbar-grid{padding-right:calc(100vw - env(titlebar-area-width,100vw) + 14px)}.grid-brand{display:inline-flex;align-items:center;gap:10px;border:0;background:none;cursor:pointer;padding:4px 6px;border-radius:10px;color:var(--text);-webkit-app-region:no-drag}.grid-brand img{width:30px;height:30px;border-radius:9px}.grid-brand span{font-size:17px;font-weight:900;letter-spacing:.02em}.grid-brand em{font-style:normal;color:var(--accent)}.grid-search{display:flex;align-items:center;gap:8px;width:100%;height:34px;padding:0 12px;border-radius:999px;background:color-mix(in srgb,var(--bg-muted) 45%,transparent);border:1px solid color-mix(in srgb,var(--border) 60%,transparent);color:var(--text-muted);-webkit-app-region:no-drag;transition:border-color .16s,box-shadow .16s}.grid-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--grid-glow)}.grid-search input{flex:1;min-width:0;border:0;background:none;color:var(--text);font:inherit;font-size:13px;outline:none}.topbar-grid .topbar-right{position:relative;align-items:center;gap:8px}.grid-search-clear{border:0;background:none;color:var(--text-muted);cursor:pointer;font-size:12px;padding:2px 4px}.grid-top-icon.icon-button{background:transparent;border-color:transparent}.grid-top-icon.icon-button:hover,.grid-top-icon.icon-button.active{background:color-mix(in srgb,var(--bg-muted) 60%,transparent);border-color:var(--grid-card-border)}.grid-top-icon{width:36px;height:36px;border-radius:12px;border:1px solid var(--grid-card-border);background:color-mix(in srgb,var(--bg-muted) 60%,transparent);-webkit-app-region:no-drag}.grid-top-icon.active{border-color:var(--accent);color:var(--accent)}.grid-status-popover,.grid-profile-anchor{position:absolute;top:calc(100% + 8px);right:0;z-index:60;-webkit-app-region:no-drag}.grid-status-popover{padding:12px;border-radius:14px;background:var(--bg-elevated);border:1px solid var(--grid-card-border);box-shadow:0 18px 44px #0006}.grid-status-title{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.grid-profile-anchor .profile-popover{position:static;bottom:auto;left:auto}.status-picker{display:flex;gap:8px}.status-picker-item{display:flex;flex-direction:column;align-items:center;gap:8px;width:92px;padding:12px 6px 10px;border-radius:12px;border:1px solid transparent;background:color-mix(in srgb,var(--bg-muted) 70%,transparent);color:var(--text);font-size:12px;font-weight:600;cursor:pointer;transition:transform .16s,border-color .16s,background .16s}.status-picker-item:hover{transform:translateY(-2px);background:var(--bg-muted)}.status-picker-item.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--grid-glow)}.status-picker-item .status-dot.big{position:relative;inset:auto;width:28px;height:28px;border:0}:root[data-layout=grid] .status-dot[data-status],:root[data-layout=grid] .status-color-dot[data-status]{overflow:hidden;background-clip:padding-box}:root[data-layout=grid] .status-color-dot[data-status]{position:relative}:root[data-layout=grid] .status-dot[data-status=IDLE]:after,:root[data-layout=grid] .status-color-dot[data-status=IDLE]:after{content:"";position:absolute;inset:-20% auto auto -20%;width:78%;height:78%;border-radius:50%;background:var(--bg-muted)}:root[data-layout=grid] .status-dot[data-status=DND]:after,:root[data-layout=grid] .status-color-dot[data-status=DND]:after{content:"";position:absolute;left:18%;right:18%;top:calc(50% - 1px);height:2px;border-radius:2px;background:var(--bg-muted)}:root[data-layout=grid] .status-dot[data-status=OFFLINE],:root[data-layout=grid] .status-dot[data-status=INVISIBLE],:root[data-layout=grid] .status-color-dot[data-status=OFFLINE],:root[data-layout=grid] .status-color-dot[data-status=INVISIBLE]{background:transparent!important;box-shadow:inset 0 0 0 2px var(--text-muted)}:root[data-layout=grid] .status-picker-item .status-dot.big[data-status=IDLE]:after{background:var(--bg-elevated)}:root[data-layout=grid] .status-picker-item .status-dot.big[data-status=DND]:after{height:5px;top:calc(50% - 2.5px);border-radius:3px;background:var(--bg-elevated)}:root[data-layout=grid] .status-picker-item .status-dot.big[data-status=OFFLINE],:root[data-layout=grid] .status-picker-item .status-dot.big[data-status=INVISIBLE]{box-shadow:inset 0 0 0 5px var(--text-muted)}:root[data-layout=grid] .app-layout>.server-sidebar.as-hubs{width:auto;min-width:0;padding:6px 4px 8px 0;gap:12px;align-items:stretch;overflow-y:auto;overflow-x:visible;scrollbar-width:none;background:transparent;border:0;box-shadow:none}:root[data-layout=grid] .server-sidebar.as-hubs::-webkit-scrollbar{display:none}.hubs-title{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);padding:4px 4px 0 30px}:root[data-layout=grid] .server-sidebar.as-hubs .brand-mark,:root[data-layout=grid] .server-sidebar.as-hubs .server-divider{display:none}:root[data-layout=grid] .server-sidebar.as-hubs .dm-unread-stack{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin:0 0 0 30px}:root[data-layout=grid] .server-sidebar.as-hubs .hub-home{margin:0 0 4px 26px;border-bottom:0}:root[data-layout=grid] .server-sidebar.as-hubs .server-icon{--hub-accent: var(--accent);position:relative;width:calc(100% - 26px);margin-left:26px;height:66px;padding:0 8px 0 46px;justify-content:flex-start;gap:10px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--bg-elevated) 92%,white 4%),color-mix(in srgb,var(--bg-muted) 70%,transparent));border:1px solid color-mix(in srgb,var(--border) 85%,white 6%);box-shadow:0 10px 26px #00000047,inset 0 1px #ffffff0a;font-size:13px;overflow:visible;isolation:isolate;transition:transform .22s cubic-bezier(.2,1.1,.3,1),box-shadow .22s,border-color .22s,background .22s}:root[data-layout=grid] .server-sidebar.as-hubs .server-icon:hover{border-radius:16px;transform:translate(3px);border-color:color-mix(in srgb,var(--hub-accent) 40%,var(--border));box-shadow:0 14px 30px #00000057,0 0 0 1px color-mix(in srgb,var(--hub-accent) 12%,transparent);filter:none}:root[data-layout=grid] .server-sidebar.as-hubs .server-icon:active{transform:translate(3px) scale(.99)}:root[data-layout=grid] .server-sidebar.as-hubs .server-icon.active{border-radius:16px;border-color:transparent;background:linear-gradient(135deg,color-mix(in srgb,var(--hub-accent) 14%,var(--bg-elevated)),color-mix(in srgb,#7c5cff 10%,var(--bg-elevated)));box-shadow:0 14px 34px #0000005c,0 0 26px color-mix(in srgb,var(--hub-accent) 22%,transparent)}@property --hub-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}:root[data-layout=grid] .server-sidebar.as-hubs .server-icon.active:after{content:"";position:absolute;right:-1px;bottom:-1px;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--hub-angle),transparent 0deg,transparent 250deg,color-mix(in srgb,var(--hub-accent) 60%,transparent) 300deg,var(--hub-accent) 340deg,#fff 355deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:hub-stroke 2.6s linear infinite;z-index:2;display:block;height:auto;left:-1px;top:-1px;opacity:1;transform:none;border:0;box-shadow:none;font-size:0}:root[data-layout=grid] .server-sidebar.as-hubs .server-icon.active:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;border:1px solid color-mix(in srgb,var(--hub-accent) 45%,transparent);pointer-events:none;left:-1px;width:auto;height:auto;background:none;box-shadow:none;z-index:1}@keyframes hub-stroke{to{--hub-angle: 360deg}}:root[data-layout=grid] .server-sidebar.as-hubs .server-icon:not(.active):before,:root[data-layout=grid] .server-sidebar.as-hubs .server-icon[data-server-name]:after:not(.active){display:none}:root[data-layout=grid] .server-sidebar.as-hubs .server-icon:not(.active)[data-server-name]:after{display:none}.hub-hex{position:absolute;left:-26px;top:50%;width:62px;height:68px;transform:translateY(-50%);display:grid;place-items:center;clip-path:polygon(50% 0%,96% 25%,96% 75%,50% 100%,4% 75%,4% 25%);background:linear-gradient(160deg,var(--hub-accent),#7c5cff 70%,#e93ddb);filter:drop-shadow(0 8px 14px rgba(0,0,0,.45));transition:transform .22s cubic-bezier(.2,1.1,.3,1);z-index:3}:root[data-layout=grid] .server-sidebar.as-hubs .server-icon:hover .hub-hex{transform:translateY(-50%) scale(1.06) rotate(-3deg)}:root[data-layout=grid] .server-sidebar.as-hubs .server-icon.active .hub-hex{transform:translateY(-50%) scale(1.08)}.hub-hex-inner{width:calc(100% - 5px);height:calc(100% - 5px);clip-path:polygon(50% 0%,96% 25%,96% 75%,50% 100%,4% 75%,4% 25%);background:#0b1014;display:grid;place-items:center;overflow:hidden}.hub-hex-inner .avatar-generic{width:100%;height:100%;border-radius:0;object-fit:cover}.hub-hex-inner b{font-size:15px;font-weight:900;color:var(--text);letter-spacing:.02em}.hub-card-text{display:flex;flex-direction:column;min-width:0;flex:1;text-align:left;line-height:1.2;gap:3px}.hub-card-text strong{font-size:12.5px;font-weight:800;letter-spacing:.01em;text-transform:uppercase;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-card-text small{font-size:11px;font-weight:600;color:var(--text-muted);display:inline-flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-online-dot{width:7px;height:7px;border-radius:50%;background:var(--online);box-shadow:0 0 8px var(--online);flex-shrink:0}.hub-card-right{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.hub-faces{display:inline-flex;align-items:center;padding:3px;border-radius:999px;background:color-mix(in srgb,var(--bg) 70%,transparent);border:1px solid color-mix(in srgb,var(--hub-accent) 35%,var(--border))}.hub-faces .avatar-generic{width:24px;height:24px;border-radius:50%;border:2px solid var(--bg-elevated);margin-left:-8px;font-size:9px;font-weight:800;color:#06121a;background:linear-gradient(145deg,var(--accent),#7c5cff);object-fit:cover}.hub-faces .avatar-generic:first-child{margin-left:0}.hub-faces em{font-style:normal;font-size:10px;font-weight:800;color:var(--text-muted);margin:0 4px 0 3px}.hub-kebab{width:22px;height:28px;border-radius:8px;display:grid;place-items:center;color:var(--text-muted);font-size:16px;font-weight:900;line-height:1;cursor:pointer}.hub-kebab:hover{color:var(--text);background:color-mix(in srgb,var(--bg-muted) 80%,transparent)}:root[data-layout=grid] .server-sidebar.as-hubs .server-icon.is-muted .hub-hex{filter:grayscale(.7) drop-shadow(0 8px 14px rgba(0,0,0,.45));opacity:.7}:root[data-layout=grid] .server-sidebar.as-hubs .server-voice-badge,:root[data-layout=grid] .server-sidebar.as-hubs .server-pending-badge{top:-6px;right:-6px;z-index:4}:root[data-layout=grid] .server-sidebar.as-hubs .server-boost-badge,:root[data-layout=grid] .server-sidebar.as-hubs .server-muted-badge{left:-6px;right:auto;bottom:-4px;z-index:4}:root[data-layout=grid] .server-sidebar.as-hubs .server-icon.add{height:54px;padding-left:14px;font-size:22px;color:var(--accent);border-style:dashed;border-color:color-mix(in srgb,var(--accent) 30%,transparent);background:color-mix(in srgb,var(--accent) 5%,transparent);box-shadow:none;gap:12px}:root[data-layout=grid] .server-sidebar.as-hubs .server-icon.add .hub-card-text strong{font-size:12px}:root[data-layout=grid] .server-hover-card{display:none}:root[data-layout=grid] .app-layout>.channel-list{border-radius:var(--grid-radius)}.server-banner{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--grid-card-border);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent 55%),color-mix(in srgb,var(--bg-elevated) 80%,transparent);flex-shrink:0}.server-banner.ultra{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 14%,transparent),color-mix(in srgb,#7c5cff 12%,transparent))}.server-banner-icon{width:44px;height:44px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:var(--bg-muted);font-weight:900;font-size:14px;border:1px solid var(--grid-card-border);flex-shrink:0}.server-banner-icon .avatar-generic{width:100%;height:100%;border-radius:0}.server-banner-text{display:flex;flex-direction:column;min-width:0;flex:1;gap:2px}.server-banner-name{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--text);padding:2px 6px;margin-left:-6px;border-radius:8px;cursor:pointer;max-width:100%;text-align:left}.server-banner-name:hover{background:color-mix(in srgb,var(--bg-muted) 70%,transparent)}.server-banner-name strong{font-size:16px;font-weight:900;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-banner-text small{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.server-banner-text small .dot{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.6}.server-banner-text small .online{color:var(--online)}.server-banner-text small .boost{display:inline-flex;align-items:center;gap:4px;color:#f0b232}.server-banner-voice{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:12px;border:1px solid var(--grid-card-border);background:color-mix(in srgb,var(--bg-muted) 55%,transparent);flex-shrink:0}.server-banner-avatars{display:inline-flex;align-items:center}.server-banner-avatars .avatar-generic{width:26px;height:26px;font-size:10px;border:2px solid var(--bg-elevated);margin-left:-8px;border-radius:50%}.server-banner-avatars .avatar-generic:first-child{margin-left:0}.server-banner-avatars em{font-style:normal;font-size:11px;font-weight:800;margin-left:6px;color:var(--text-muted)}.server-banner-voice-label{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;color:var(--online);white-space:nowrap}.server-banner-voice-label.idle{color:var(--text-muted)}.grid-right{display:flex;flex-direction:column;min-height:0;gap:0}.grid-right>.member-list{flex:1;min-height:0;width:auto;border:0;border-radius:0;background:transparent;overflow-y:auto}.grid-right>.member-list.collapsed{flex:0 0 auto}.grid-side-title{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 8px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.grid-side-title small{font-size:10px;font-weight:800;color:var(--online);letter-spacing:.04em}.voice-hubs{flex-shrink:0;border-bottom:1px solid var(--grid-card-border);max-height:46%;overflow-y:auto;scrollbar-width:thin}.voice-hubs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 10px 12px}.voice-hub{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:12px;border:1px solid var(--grid-card-border);background:color-mix(in srgb,var(--bg-muted) 55%,transparent);cursor:pointer;min-width:0;transition:transform .16s cubic-bezier(.2,1.1,.3,1),border-color .16s,box-shadow .16s,background .16s}.voice-hub:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 40%,var(--border));box-shadow:0 10px 24px #00000047}.voice-hub.live{border-color:color-mix(in srgb,var(--online) 40%,var(--border))}.voice-hub.here{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,var(--bg-muted)),color-mix(in srgb,var(--bg-muted) 70%,transparent));border-color:var(--accent);box-shadow:0 0 18px var(--grid-glow)}.voice-hub.active:not(.here){border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.voice-hub-top{display:flex;align-items:center;justify-content:space-between;min-height:28px}.voice-hub-avatars{display:inline-flex;align-items:center}.voice-hub-avatars .avatar-generic{width:28px;height:28px;font-size:10px;border-radius:50%;border:2px solid var(--bg-elevated);margin-left:-9px}.voice-hub-avatars .avatar-generic:first-child{margin-left:0}.voice-hub-avatars em{font-style:normal;font-size:11px;font-weight:800;margin-left:6px;color:var(--text-muted)}.voice-hub-empty{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:var(--text-muted);background:color-mix(in srgb,var(--bg-muted) 80%,transparent);border:1px dashed var(--grid-card-border)}.voice-hub-join{width:28px;height:28px;border-radius:50%;border:0;display:grid;place-items:center;background:var(--online);color:#04211c;cursor:pointer;opacity:0;transform:scale(.8);transition:opacity .16s,transform .16s}.voice-hub:hover .voice-hub-join{opacity:1;transform:scale(1)}.voice-hub-name{display:flex;align-items:center;gap:6px;color:var(--text);min-width:0}.voice-hub-name strong{font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-hub-emoji{font-size:14px}.voice-hub-status{font-size:11px;font-weight:600;color:var(--text-muted)}.voice-hub.live .voice-hub-status{color:var(--online)}.voice-hub.here .voice-hub-status{color:var(--accent)}:root[data-layout=grid] .grid-right .member-list-header{padding:12px 14px 8px;letter-spacing:.1em}:root[data-layout=grid] .app-layout>.user-bar-stack{grid-column:1 / -1;grid-row:2;display:flex;flex-direction:row;align-items:center;gap:10px;margin:0 0 10px;padding:6px 8px;border:1px solid var(--grid-card-border);border-radius:var(--grid-radius);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent 40%),var(--grid-card);box-shadow:0 10px 30px #00000038}:root[data-layout=grid] .app-layout>.user-bar-stack .voice-status-panel{order:2;margin:0;padding:4px 10px;border:1px solid var(--grid-card-border);border-radius:12px;background:color-mix(in srgb,var(--bg-muted) 55%,transparent);flex-direction:row;align-items:center;gap:10px;flex-shrink:0}:root[data-layout=grid] .app-layout>.user-bar-stack .user-bar{order:1;flex:1;min-width:0;background:transparent;border:0;padding:2px 4px;gap:12px;display:flex;align-items:center;position:relative}:root[data-layout=grid] .app-layout>.user-bar-stack .user-identity-button{flex:0 1 260px;min-width:160px}:root[data-layout=grid] .app-layout>.user-bar-stack .user-bar .user-avatar{width:40px;height:40px;position:relative}:root[data-layout=grid] .app-layout>.user-bar-stack .user-bar .user-avatar .avatar-generic{width:100%;height:100%;font-size:14px}:root[data-layout=grid] .app-layout>.user-bar-stack .user-bar .user-avatar .status-dot{width:13px;height:13px;bottom:-1px;right:-1px}:root[data-layout=grid] .app-layout>.user-bar-stack .user-bar .user-name{font-size:15px;font-weight:800}:root[data-layout=grid] .app-layout>.user-bar-stack .user-bar .user-playing{font-size:11px;color:var(--text-muted)}:root[data-layout=grid] .app-layout>.user-bar-stack .user-bar .ultra-tag{font-size:11px;padding:4px 10px;border-radius:7px}:root[data-layout=grid] .app-layout>.user-bar-stack .voice-icon-group{display:flex;align-items:center;gap:6px;padding:0 12px;border-left:1px solid var(--grid-card-border);border-right:1px solid var(--grid-card-border)}:root[data-layout=grid] .app-layout>.user-bar-stack .voice-icon-group .icon-button{width:36px;height:36px}:root[data-layout=grid] .app-layout>.user-bar-stack .voice-icon-group .icon-button:disabled{opacity:.4;cursor:not-allowed}.user-bar-side{margin-left:auto;display:flex;align-items:center;gap:18px;flex-shrink:0}.user-bar-game{display:flex;align-items:center;gap:10px;min-width:0}.user-bar-game-art{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:var(--accent);background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 60%),color-mix(in srgb,var(--bg-muted) 70%,transparent);border:1px solid var(--grid-card-border);flex-shrink:0}.user-bar-game.idle .user-bar-game-art{color:var(--text-muted);background:color-mix(in srgb,var(--bg-muted) 55%,transparent)}.user-bar-game-text{display:flex;flex-direction:column;line-height:1.15;min-width:0}.user-bar-game-text small{font-size:10px;color:var(--online);font-weight:700}.user-bar-game.idle .user-bar-game-text small{color:var(--text-muted)}.user-bar-game-text strong{font-size:13px;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.user-bar-conn{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--online);padding-right:6px}.user-bar-conn.fair{color:#f0b232}.user-bar-conn.poor{color:var(--danger)}.user-bar-conn.unknown{color:var(--text-muted)}.user-bar-conn .signal-bars i{opacity:1}.user-bar-conn.fair .signal-bars i:nth-child(4),.user-bar-conn.poor .signal-bars i:nth-child(n+2){opacity:.25;animation:none}:root[data-layout=grid] .app-layout>.user-bar-stack .device-popover{bottom:calc(100% + 10px);left:280px}:root[data-layout=grid] .app-layout>.waiting-room-screen{grid-column:3 / -1}@media (max-width: 1360px){:root[data-layout=grid]{--grid-hubs: 224px;--grid-channels: 196px;--grid-right: 264px}.voice-hubs-grid{grid-template-columns:1fr}}@media (max-width: 1180px){:root[data-layout=grid] .app-shell>.app-layout.has-members{grid-template-columns:var(--grid-hubs) var(--grid-channels) minmax(0,1fr)}:root[data-layout=grid] .app-layout>.grid-right{display:none}.user-bar-game{display:none}}@media (max-width: 980px){:root[data-layout=grid] .server-sidebar.as-hubs .hub-ring{display:none}.grid-me-text{display:none}}.hub-home{display:flex;flex-direction:column;gap:2px;padding:0 0 6px;border-bottom:1px solid var(--grid-card-border);margin-bottom:4px}.hub-home-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;border:1px solid transparent;background:none;color:var(--text-muted);font-size:13px;font-weight:700;cursor:pointer;text-align:left;transition:background .16s,color .16s,border-color .16s,transform .16s cubic-bezier(.2,1.1,.3,1)}.hub-home-item:hover{color:var(--text);background:color-mix(in srgb,var(--bg-muted) 70%,transparent)}.hub-home-item.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg-muted));border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.notif-bell{position:relative;-webkit-app-region:no-drag}.notif-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--danger);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg)}.notif-panel{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:min(70vh,560px);overflow-y:auto;scrollbar-width:thin;border-radius:14px;background:var(--bg-elevated);border:1px solid var(--grid-card-border);box-shadow:0 18px 44px #00000073;z-index:90}.notif-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 8px;font-size:13px}.notif-clear{border:0;background:none;color:var(--text-muted);font-size:12px;cursor:pointer}.notif-clear:hover{color:var(--text)}.notif-section{padding:4px 8px 8px}.notif-section+.notif-section{border-top:1px solid var(--grid-card-border)}.notif-section-title{display:flex;align-items:center;gap:6px;padding:6px 6px 4px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.notif-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;border:0;background:none;color:var(--text);text-align:left;cursor:pointer}.notif-item:hover{background:color-mix(in srgb,var(--bg-muted) 70%,transparent)}.notif-item.unread{background:color-mix(in srgb,var(--accent) 8%,transparent)}.notif-item .avatar-generic,.notif-glyph{width:34px;height:34px;border-radius:50%;flex-shrink:0;font-size:12px}.notif-glyph{display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--bg-muted))}.notif-text{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.2}.notif-text strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-text span{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-item small{font-size:11px;color:var(--text-muted);flex-shrink:0}.notif-actions{display:flex;gap:6px}.notif-actions button{width:30px;height:30px;border-radius:50%;border:0;cursor:pointer;font-weight:800}.notif-actions .ok{background:var(--online);color:#04211c}.notif-actions .no{background:color-mix(in srgb,var(--danger) 18%,var(--bg-muted));color:var(--danger)}.notif-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 10px;color:var(--text-muted);font-size:13px}:root[data-layout=grid] .app-layout>.user-bar-stack.in-call{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent 45%),var(--grid-card);box-shadow:0 10px 30px #00000038,0 0 24px var(--grid-glow)}:root[data-layout=grid] .app-layout>.user-bar-stack .voice-icon-group .icon-button.hangup{background:var(--danger);color:#fff;border-radius:12px;width:44px;margin-left:6px}:root[data-layout=grid] .app-layout>.user-bar-stack .voice-icon-group .icon-button.hangup:hover{filter:brightness(1.1)}.user-bar-call{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 10px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);cursor:pointer;text-align:left}.user-bar-call-text{display:flex;flex-direction:column;line-height:1.15}.user-bar-call-text small{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.user-bar-call-text strong{font-size:13px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.user-bar-conn em{font-style:normal;font-weight:600;color:var(--text-muted)}:root[data-layout=grid] .grid-center .chat-header .header-search{display:none}:root[data-layout=grid] .grid-center .voice-controls{gap:8px}.hubs-plain{display:contents}:root[data-layout=grid] .app-layout>.server-sidebar.as-hubs{overflow:hidden;padding-bottom:0}:root[data-layout=grid] .server-sidebar.as-hubs .hubs-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;display:flex;flex-direction:column;gap:12px;padding:6px 4px 14px 0;margin:0 -4px 0 0;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12px,#000 calc(100% - 18px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 12px,#000 calc(100% - 18px),transparent 100%)}:root[data-layout=grid] .server-sidebar.as-hubs .hubs-scroll::-webkit-scrollbar{display:none}.hub-home-item.disabled{opacity:.55;cursor:not-allowed}.hub-home-item .feature-soon{margin-left:auto;font-style:normal;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.hub-home-item.ultra{color:var(--accent)}.hub-home-item.ultra:hover{background:color-mix(in srgb,var(--accent) 12%,var(--bg-muted))}:root[data-layout=grid] .server-sidebar.as-hubs .server-icon.add{width:48px;height:48px;margin-left:calc(26px + (100% - 74px)/2);padding:0;justify-content:center;border-radius:50%;font-size:26px;line-height:1}:root[data-layout=grid] .server-sidebar.as-hubs .server-icon.add:hover{transform:translateY(-2px) rotate(90deg);border-radius:50%}:root[data-layout=grid] .dm-sidebar .home-nav,:root[data-layout=grid] .dm-list .home-nav{display:none}:root[data-layout=grid] .topbar.topbar-grid{height:46px}:root[data-layout=grid] .grid-center .chat-header .header-search{display:flex}:root[data-layout=grid] .app-shell>.app-layout.friends-layout.lfg-layout{grid-template-columns:var(--grid-hubs) minmax(0,1fr)}:root[data-layout=grid] .app-layout.lfg-layout>.dm-list{display:none}.voice-chat-only{display:flex;flex-direction:column;min-height:0;height:100%}.voice-chat-only>.chat-panel{flex:1;min-height:0;height:auto}.voice-chat-only-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;font-size:12px;color:var(--text-muted);background:color-mix(in srgb,var(--accent) 8%,transparent);border-bottom:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));flex-shrink:0}.voice-chat-only-bar strong{color:var(--text)}.voice-chat-only-bar button{padding:6px 12px;border-radius:999px;border:0;background:var(--accent);color:#06121a;font-weight:800;font-size:12px;cursor:pointer}:root[data-layout=grid] .app-layout.lfg-layout>.lfg-main{grid-column:2 / -1}:root[data-layout=grid] .app-layout>.user-bar-stack{grid-column:2 / -1;position:relative;min-height:64px}:root[data-layout=grid] .app-layout.private-call-layout>.user-bar-stack,:root[data-layout=grid] .app-layout.lfg-layout>.user-bar-stack{grid-column:2 / -1}:root[data-layout=grid] .app-layout>.user-bar-stack .voice-icon-group{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:0;padding:0 8px;gap:8px}:root[data-layout=grid] .app-layout>.user-bar-stack .user-identity-button{flex:0 1 300px}:root[data-layout=grid] .app-layout>.user-bar-stack .device-popover{left:50%;transform:translate(-50%)}.dm-call-area{flex-shrink:0;display:flex;flex-direction:column;border-bottom:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));background:radial-gradient(600px 200px at 50% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%),var(--bg-elevated)}.dm-call-viewport{height:min(42vh,360px);min-height:220px}.dm-call-viewport .voice-call-layout,.dm-call-viewport .voice-panel{height:100%}.dm-call-actions{display:flex;justify-content:center;padding:6px 12px 10px}.dm-call-actions button{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--text);font-size:12px;font-weight:700;cursor:pointer}.dm-call-actions button:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}.call-invite-search{width:100%;margin-bottom:10px}.call-invite-list{display:flex;flex-direction:column;gap:4px;max-height:50vh;overflow-y:auto}.call-invite-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:10px}.call-invite-row:hover{background:var(--bg-muted)}.call-invite-name{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.2}.call-invite-name small{color:var(--text-muted);font-size:11px}.call-invite-row button{padding:6px 12px;border-radius:999px;border:0;background:var(--accent);color:#06121a;font-weight:800;font-size:12px;cursor:pointer}.call-invite-row button:disabled{background:var(--bg-muted);color:var(--text-muted);cursor:default}.call-invite-search{padding:9px 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-muted);color:var(--text);font:inherit;outline:none}.call-invite-search:focus{border-color:var(--accent)}:root[data-layout=grid] .app-layout>.user-bar-stack .user-bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}:root[data-layout=grid] .app-layout>.user-bar-stack .voice-icon-group{position:static;transform:none;grid-column:2}:root[data-layout=grid] .app-layout>.user-bar-stack .user-identity-button{grid-column:1;justify-self:start;flex:none;max-width:100%}:root[data-layout=grid] .app-layout>.user-bar-stack .user-bar-side{grid-column:3;justify-self:end;margin-left:0;min-width:0;gap:12px}:root[data-layout=grid] .app-layout>.user-bar-stack.in-call .user-bar-game{display:none}:root[data-layout=grid] .app-layout>.user-bar-stack .device-popover{left:50%;transform:translate(-50%);bottom:calc(100% + 10px)}.dm-call-viewport{height:min(58vh,520px);min-height:340px;overflow:hidden}:root[data-layout=grid] .app-layout>.server-panel{border:1px solid var(--grid-card-border);border-radius:var(--grid-radius);background:var(--grid-card);box-shadow:0 10px 30px #00000038,inset 0 1px #ffffff08;overflow:hidden;display:flex;flex-direction:column;min-height:0}:root[data-layout=grid]{--grid-channels: 280px}.server-hero{position:relative;min-height:118px;background-size:cover;background-position:center;flex-shrink:0;display:flex;align-items:flex-end}.server-hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000000d,#060a0e8c 55%,#060a0eeb)}.server-hero-banner-btn{position:absolute;top:8px;right:8px;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text);background:#00000073;border:1px solid rgba(255,255,255,.15);cursor:pointer;opacity:0;transition:opacity .16s}.server-hero:hover .server-hero-banner-btn{opacity:1}.server-hero-row{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px;width:100%;min-width:0}.server-hero-icon{width:46px;height:46px;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:var(--bg-elevated);border:2px solid color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 0 16px var(--grid-glow);flex-shrink:0;font-weight:900;font-size:14px}.server-hero-icon .avatar-generic{width:100%;height:100%;border-radius:0}.server-hero-text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.server-hero-name{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:#fff;padding:0;cursor:pointer;max-width:100%;text-align:left;text-shadow:0 2px 8px rgba(0,0,0,.6)}.server-hero-name strong{font-size:17px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-hero-verified{color:#c084fc;font-size:14px}.server-hero-stats{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700;color:#ffffffd9;white-space:nowrap;overflow:hidden}.server-hero-stats span{display:inline-flex;align-items:center;gap:5px}.server-hero-stats i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.server-hero-stats .online{color:var(--online)}.server-hero-stats .online i{background:var(--online)}.server-hero-stats .live{color:#ff5f5f}.server-hero-stats .total i{background:#f0b232;box-shadow:0 0 8px #f0b232}.server-tabs{display:flex;gap:2px;padding:6px 8px 0;border-bottom:1px solid var(--grid-card-border);flex-shrink:0}.server-tabs button{position:relative;border:0;background:none;color:var(--text-muted);font-size:13px;font-weight:700;padding:8px 10px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;border-radius:8px 8px 0 0}.server-tabs button small{font-size:10px;font-weight:800;padding:1px 6px;border-radius:999px;background:var(--bg-muted)}.server-tabs button:hover,.server-tabs button.active{color:var(--text)}.server-tabs button.active:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent),#7c5cff);box-shadow:0 0 10px var(--grid-glow)}.server-panel-body,.server-tab-pane{flex:1;min-height:0;display:flex;flex-direction:column}.server-tab-pane[hidden]{display:none}:root[data-layout=grid] .server-panel .channel-list.embedded{border:0;border-radius:0;background:transparent;box-shadow:none;width:auto;flex:1;min-height:0}:root[data-layout=grid] .server-panel .member-list{width:auto;border:0;background:transparent;flex:1;min-height:0;overflow-y:auto;display:block}:root[data-layout=grid] .server-panel .member-list-toggle{display:none}.server-tab-pane.about{padding:14px;gap:14px;overflow-y:auto}.server-tab-pane.about h4{margin:0 0 6px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.server-tab-pane.about p{margin:0;font-size:13px;line-height:1.45;white-space:pre-wrap}.server-tab-pane.about textarea{width:100%;resize:vertical;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--bg-muted);color:var(--text);font:inherit;font-size:13px}.server-about-actions{display:flex;gap:6px;margin-top:6px}.server-about-actions button,.server-about-edit,.server-about-invite{padding:6px 12px;border-radius:999px;border:1px solid var(--grid-card-border);background:color-mix(in srgb,var(--bg-muted) 70%,transparent);color:var(--text);font-size:12px;font-weight:700;cursor:pointer}.server-about-actions .primary,.server-about-invite{background:var(--accent);color:#06121a;border-color:transparent}.server-about-edit{margin-top:8px}.server-about-invite{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%}.server-about-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.server-about-facts div{padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--bg-muted) 60%,transparent);border:1px solid var(--grid-card-border);display:flex;flex-direction:column;gap:2px}.server-about-facts small{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.server-about-facts strong{font-size:15px;display:inline-flex;align-items:center;gap:4px}:root[data-layout=grid] .app-shell>.app-layout.has-members.drawer-collapsed{grid-template-columns:var(--grid-hubs) var(--grid-channels) minmax(0,1fr) 40px}:root[data-layout=grid] .app-layout>.grid-right.chat-drawer{position:relative;display:flex;flex-direction:column;min-height:0}:root[data-layout=grid] .grid-right.chat-drawer>.chat-panel{flex:1;min-height:0;height:auto;border:0;border-radius:0;background:transparent;box-shadow:none}:root[data-layout=grid] .grid-right.chat-drawer.collapsed{align-items:center;justify-content:flex-start;padding-top:8px}.chat-drawer-toggle{border:0;background:color-mix(in srgb,var(--bg-muted) 70%,transparent);color:var(--text-muted);cursor:pointer;font-size:18px;font-weight:800;line-height:1;border-radius:10px;display:flex;align-items:center;gap:8px}:root[data-layout=grid] .grid-right.chat-drawer:not(.collapsed) .chat-drawer-toggle{position:absolute;top:10px;right:10px;z-index:3;width:28px;height:28px;justify-content:center}:root[data-layout=grid] .grid-right.chat-drawer.collapsed .chat-drawer-toggle{width:28px;padding:10px 0;flex-direction:column;height:auto}:root[data-layout=grid] .grid-right.chat-drawer.collapsed .chat-drawer-toggle span{writing-mode:vertical-rl;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.chat-drawer-toggle:hover{color:var(--text);background:var(--bg-muted)}:root[data-layout=grid] .grid-right.chat-drawer .chat-header .dm-header-actions{padding-right:34px}.chat-input.composer{display:flex;align-items:center;gap:8px;margin:0 14px 14px;padding:4px 6px;border-radius:14px;background:var(--bg-muted);border:1px solid var(--border);transition:border-color .16s,box-shadow .16s}.chat-input.composer:focus-within{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.chat-input.composer input{flex:1;min-width:0;border:0;background:transparent;color:var(--text);font:inherit;font-size:14px;padding:8px 4px;outline:none;box-shadow:none}.composer-attach{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--text-muted) 25%,transparent);color:var(--text);font-size:20px;font-weight:800;line-height:1;cursor:pointer;flex-shrink:0}.composer-attach:hover{background:color-mix(in srgb,var(--text-muted) 40%,transparent)}.composer-tools{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.composer-tool{width:32px;height:32px;border-radius:8px;border:0;background:none;color:var(--text-muted);cursor:pointer;display:grid;place-items:center;font-size:10px;font-weight:900;letter-spacing:.04em}.composer-tool.gif{border:2px solid currentColor;border-radius:6px;width:30px;height:22px;font-size:9px}.composer-tool:hover,.composer-tool.active{color:var(--text)}.composer-send{width:34px;height:34px;margin-left:4px;border-radius:50%;border:0;background:var(--accent);color:#06121a;display:grid;place-items:center;cursor:pointer;transition:transform .16s,opacity .16s}.composer-send:disabled{opacity:.35;cursor:default}.composer-send:not(:disabled):hover{transform:scale(1.06)}.composer-emoji-picker{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;margin:-6px 14px 14px;padding:8px;border-radius:12px;background:var(--bg-elevated);border:1px solid var(--border)}.composer-emoji-picker button{border:0;background:none;font-size:20px;padding:4px;border-radius:8px;cursor:pointer}.composer-emoji-picker button:hover{background:var(--bg-muted);transform:scale(1.15)}.chat-panel.dragging{outline:2px dashed var(--accent);outline-offset:-6px}.chat-panel.dragging:after{content:"Solte pra enviar";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-weight:800;color:var(--accent);background:color-mix(in srgb,var(--bg) 70%,transparent);pointer-events:none;z-index:5}.chat-panel{position:relative}:root[data-layout=grid] .grid-right.chat-drawer .chat-header .header-search{display:none}:root[data-layout=grid] .grid-right.chat-drawer .chat-header .dm-header-identity strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.composer-emoji-picker{position:absolute;right:14px;bottom:74px;width:min(380px,calc(100% - 28px));margin:0;z-index:6;box-shadow:0 16px 40px #0006}:root[data-layout=grid] .app-layout>.user-bar-stack{z-index:60;overflow:visible}:root[data-layout=grid] .app-layout>.user-bar-stack .user-bar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}:root[data-layout=grid] .app-layout>.user-bar-stack .user-bar-gear{grid-column:1;justify-self:start;width:34px;height:34px;margin-left:-4px}:root[data-layout=grid] .app-layout>.user-bar-stack .user-bar{grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr)}:root[data-layout=grid] .app-layout>.user-bar-stack .user-bar>.user-identity-button{grid-column:1}:root[data-layout=grid] .app-layout>.user-bar-stack .user-bar>.user-bar-gear{grid-column:2}:root[data-layout=grid] .app-layout>.user-bar-stack .voice-icon-group{grid-column:3}:root[data-layout=grid] .app-layout>.user-bar-stack .user-bar-side{grid-column:4}:root[data-layout=grid] .app-layout>.user-bar-stack .device-popover,:root[data-layout=grid] .app-layout>.user-bar-stack .voice-mini-popover.control-menu{z-index:300}.icon-with-menu{position:relative;display:inline-flex}.voice-mini-popover.control-menu{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);min-width:200px}.update-button-wrap{position:relative;-webkit-app-region:no-drag}.update-button.busy svg{animation:update-spin 1s linear infinite}.update-button.ready{color:var(--online);border-color:color-mix(in srgb,var(--online) 50%,transparent)}.update-dot{position:absolute;top:5px;right:5px;width:8px;height:8px;border-radius:50%;background:var(--online);box-shadow:0 0 8px var(--online)}.update-percent{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);font-size:9px;font-weight:800;color:var(--accent);background:var(--bg);padding:0 4px;border-radius:6px}.update-flash{position:absolute;top:calc(100% + 6px);right:0;white-space:nowrap;font-size:11px;font-weight:700;color:var(--text);background:var(--bg-elevated);border:1px solid var(--grid-card-border);border-radius:8px;padding:4px 8px}@keyframes update-spin{to{transform:rotate(360deg)}}:root[data-layout=grid] .app-shell>.app-layout.has-hero{grid-template-rows:auto minmax(0,1fr) auto}:root[data-layout=grid] .app-shell>.app-layout.has-hero>.server-sidebar{grid-row:1 / 3}:root[data-layout=grid] .app-shell>.app-layout.has-hero>.server-hero{grid-row:1;grid-column:2 / -1}:root[data-layout=grid] .app-shell>.app-layout.has-hero>.server-panel,:root[data-layout=grid] .app-shell>.app-layout.has-hero>.grid-center,:root[data-layout=grid] .app-shell>.app-layout.has-hero>.grid-right,:root[data-layout=grid] .app-shell>.app-layout.has-hero>.waiting-room-screen{grid-row:2}:root[data-layout=grid] .app-shell>.app-layout.has-hero>.user-bar-stack{grid-row:3}:root[data-layout=grid] .app-layout>.server-hero{min-height:132px;border-radius:var(--grid-radius);border:1px solid var(--grid-card-border);overflow:hidden;box-shadow:0 10px 30px #00000038}:root[data-layout=grid] .app-layout>.server-hero .server-hero-row{padding:12px 18px 14px;gap:14px}:root[data-layout=grid] .app-layout>.server-hero .server-hero-icon{width:60px;height:60px;border-radius:18px;font-size:18px}:root[data-layout=grid] .app-layout>.server-hero .server-hero-name strong{font-size:22px}:root[data-layout=grid] .app-layout>.server-hero .server-hero-stats{font-size:12px;gap:14px}:root[data-layout=grid] .server-panel .server-tabs{padding-top:8px}:root[data-layout=grid] .app-shell>.app-layout>.user-bar-stack{display:grid;grid-template-columns:subgrid;align-items:center;column-gap:10px}:root[data-layout=grid] .app-shell>.app-layout>.user-bar-stack>.user-bar{display:contents}:root[data-layout=grid] .app-shell>.app-layout>.user-bar-stack .user-identity-button{grid-column:1;grid-row:1;justify-self:start;max-width:calc(100% - 44px)}:root[data-layout=grid] .app-shell>.app-layout>.user-bar-stack .user-bar-gear{grid-column:1;grid-row:1;justify-self:end;margin:0}:root[data-layout=grid] .app-shell>.app-layout>.user-bar-stack .voice-icon-group{grid-column:2;grid-row:1;justify-self:center}:root[data-layout=grid] .app-shell>.app-layout>.user-bar-stack .user-bar-side{grid-column:-2 / -1;grid-row:1;justify-self:end}:root[data-layout=grid] .app-shell>.app-layout:not(.has-members)>.user-bar-stack .user-bar-side,:root[data-layout=grid] .app-shell>.app-layout.drawer-collapsed>.user-bar-stack .user-bar-side{grid-column:2 / -1}:root[data-layout=grid] .app-shell>.app-layout>.user-bar-stack .device-popover{grid-column:2;grid-row:1;left:50%;right:auto;transform:translate(-50%);bottom:calc(100% + 14px)}:root[data-layout=grid] .app-shell>.app-layout>.user-bar-stack .profile-popover{grid-column:1;grid-row:1}:root[data-layout=grid] .app-shell>.app-layout>.user-bar-stack .user-bar-side{min-width:max-content;white-space:nowrap}.user-bar-call-text strong,.user-bar-conn span{white-space:nowrap}.hub-fx-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;overflow:hidden;z-index:0}.server-hero>.hub-fx-layer{z-index:0}.server-hero>.server-hero-shade{z-index:0}.server-hero>.server-hero-row,.server-hero>.server-hero-owner-actions{z-index:1}.hub-fx-pulse .hub-fx-layer:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(60% 80% at 15% 20%,color-mix(in srgb,var(--hub-a) 45%,transparent),transparent 60%),radial-gradient(60% 80% at 90% 90%,color-mix(in srgb,var(--hub-b) 40%,transparent),transparent 60%);animation:hubfx-breathe 3.4s ease-in-out infinite}.hub-fx-pulse{box-shadow:0 0 0 1px color-mix(in srgb,var(--hub-a) 30%,transparent),0 0 24px color-mix(in srgb,var(--hub-a) 18%,transparent)!important;animation:hubfx-glow 3.4s ease-in-out infinite}@keyframes hubfx-breathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes hubfx-glow{0%,to{filter:none}50%{filter:brightness(1.08)}}.hub-fx-aurora .hub-fx-layer:before,.hub-fx-aurora .hub-fx-layer:after{content:"";position:absolute;top:-40%;right:-20%;bottom:-40%;left:-20%;background:linear-gradient(115deg,transparent 20%,color-mix(in srgb,var(--hub-a) 40%,transparent) 40%,color-mix(in srgb,var(--hub-b) 40%,transparent) 60%,transparent 80%);mix-blend-mode:screen;filter:blur(18px);animation:hubfx-aurora 9s ease-in-out infinite}.hub-fx-aurora .hub-fx-layer:after{animation-duration:13s;animation-direction:reverse;opacity:.6}@keyframes hubfx-aurora{0%,to{transform:translate(-18%) rotate(-4deg)}50%{transform:translate(18%) rotate(4deg)}}.hub-fx-embers .hub-fx-layer:before,.hub-fx-embers .hub-fx-layer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,var(--hub-a) 0 1.5px,transparent 2.5px),radial-gradient(circle,var(--hub-b) 0 1px,transparent 2px),radial-gradient(circle,#fff 0 .8px,transparent 1.8px);background-size:90px 120px,140px 160px,200px 220px;background-position:10px 0,60px 40px,120px 90px;opacity:.9;animation:hubfx-rise 9s linear infinite;-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.9),transparent 90%);mask-image:linear-gradient(to top,rgba(0,0,0,.9),transparent 90%)}.hub-fx-embers .hub-fx-layer:after{background-size:70px 100px,110px 130px,160px 180px;animation-duration:6s;animation-delay:-3s;opacity:.6}@keyframes hubfx-rise{0%{background-position:10px 300px,60px 340px,120px 390px}to{background-position:10px 0,60px 40px,120px 90px}}.hub-fx-stroke{position:relative}.hub-fx-stroke .hub-fx-layer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:2px;background:conic-gradient(from var(--hub-angle),transparent 0deg 240deg,color-mix(in srgb,var(--hub-a) 70%,transparent) 300deg,var(--hub-b) 340deg,#fff 352deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:hub-stroke 3s linear infinite}.hub-fx-stroke .hub-fx-layer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 40px color-mix(in srgb,var(--hub-a) 18%,transparent)}.hub-fx-stars .hub-fx-layer:before,.hub-fx-stars .hub-fx-layer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,#fff 0 1px,transparent 2px),radial-gradient(circle,var(--hub-a) 0 1.2px,transparent 2.2px),radial-gradient(circle,var(--hub-b) 0 .9px,transparent 1.9px);background-size:120px 90px,170px 130px,210px 160px;background-position:20px 10px,80px 50px,140px 30px;animation:hubfx-twinkle 2.6s ease-in-out infinite}.hub-fx-stars .hub-fx-layer:after{background-position:60px 40px,20px 90px,100px 70px;animation-delay:-1.3s}@keyframes hubfx-twinkle{0%,to{opacity:.25}50%{opacity:1}}.hub-fx-scan .hub-fx-layer:before{content:"";position:absolute;top:-10%;bottom:-10%;width:28%;left:-30%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--hub-a) 35%,transparent),transparent);transform:skew(-18deg);animation:hubfx-scan 3.2s ease-in-out infinite}.hub-fx-scan .hub-fx-layer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0 3px,color-mix(in srgb,var(--hub-a) 6%,transparent) 3px 4px);opacity:.6}@keyframes hubfx-scan{0%{left:-30%}60%,to{left:110%}}:root[data-layout=grid] .server-sidebar.as-hubs .server-icon.has-banner{background-image:linear-gradient(90deg,#080c10eb,#080c10b8 45%,#080c108c),var(--hub-banner);background-size:cover,cover;background-position:center,var(--hub-banner-pos, center)}:root[data-layout=grid] .server-sidebar.as-hubs .server-icon>.hub-fx-layer{z-index:0}:root[data-layout=grid] .server-sidebar.as-hubs .server-icon>.hub-hex,:root[data-layout=grid] .server-sidebar.as-hubs .server-icon>.hub-card-text,:root[data-layout=grid] .server-sidebar.as-hubs .server-icon>.hub-card-right{position:relative;z-index:1}:root[data-layout=grid] .server-sidebar.as-hubs .server-icon>.hub-hex{position:absolute}:root[data-layout=grid] .server-sidebar.as-hubs .server-icon .hub-hex{background:linear-gradient(160deg,var(--hub-a, var(--accent)),var(--hub-b, #7c5cff) 70%,color-mix(in srgb,var(--hub-b, #e93ddb) 70%,#e93ddb))}.server-hero-owner-actions{position:absolute;top:10px;right:10px;display:flex;gap:6px;opacity:0;transition:opacity .16s}.server-hero:hover .server-hero-owner-actions{opacity:1}.server-hero-owner-actions .server-hero-banner-btn{position:static;opacity:1}.hub-style{display:flex;flex-direction:column;gap:10px;max-height:78vh;overflow-y:auto;scrollbar-width:thin;padding-right:2px}.hub-style-tag{display:inline-block;padding:3px 10px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#06121a;background:linear-gradient(90deg,var(--accent),#7c5cff)}.hub-style-preview{position:relative;min-height:150px;border-radius:14px;overflow:hidden;background-size:cover;background-position:center;display:flex;align-items:flex-end;border:1px solid var(--grid-card-border);touch-action:none}.hub-style-preview.draggable{cursor:grab}.hub-style-preview.draggable:active{cursor:grabbing}.hub-style-preview .server-hero-row{position:relative;pointer-events:none}.hub-style-name{font-size:18px;font-weight:900;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6)}.hub-style-empty{position:absolute;top:12px;left:14px;font-size:11px;color:#ffffffb3}.hub-style-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hub-style-zoom{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.hub-style-zoom input{width:160px;accent-color:var(--accent)}.hub-style-reset{padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--bg-muted);color:var(--text);font-size:12px;font-weight:700;cursor:pointer}.hub-style h4{margin:6px 0 0;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.hub-theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hub-theme-option{position:relative;min-height:74px;border-radius:12px;border:1px solid var(--grid-card-border);background:linear-gradient(145deg,color-mix(in srgb,var(--hub-a) 22%,#0b0f14),color-mix(in srgb,var(--hub-b) 18%,#0b0f14));color:var(--text);cursor:pointer;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:8px 10px;gap:2px;text-align:left;transition:transform .16s,border-color .16s}.hub-theme-option:hover{transform:translateY(-2px)}.hub-theme-option.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--grid-glow)}.hub-theme-option .hub-theme-name,.hub-theme-option small{position:relative;z-index:1}.hub-theme-option .hub-theme-name{font-size:12px;font-weight:800}.hub-theme-option small{font-size:10px;color:#ffffffb3}.hub-style-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.hub-style-actions button{padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:var(--bg-muted);color:var(--text);font-weight:800;font-size:12px;cursor:pointer}.hub-style-actions .primary{background:var(--accent);color:#06121a;border-color:transparent}.boost-pack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:10px 0 18px}.boost-pack{position:relative;padding:14px;border-radius:14px;border:1px solid var(--grid-card-border);background:radial-gradient(120% 80% at 100% 0%,color-mix(in srgb,#7c5cff 18%,transparent),transparent 60%),var(--bg-elevated);display:flex;flex-direction:column;gap:8px}.boost-pack-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.boost-pack-top strong{font-size:14px}.boost-pack-price{font-size:12px;font-weight:800;color:var(--text-muted);text-decoration:line-through}.boost-pack p{margin:0;font-size:12px;color:var(--text-muted);line-height:1.4}.boost-pack-tag{align-self:flex-start;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#04211c;background:var(--online)}:root[data-layout=grid].is-desktop .topbar.topbar-grid,:root[data-layout=grid][data-theme] .topbar.topbar-grid{background:transparent!important;border-bottom:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.chat-day-divider{display:flex;align-items:center;gap:10px;margin:14px 0 6px;color:var(--text-muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.chat-day-divider:before,.chat-day-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 35%,var(--border)),transparent)}.chat-day-divider span{padding:3px 10px;border-radius:999px;border:1px solid var(--grid-card-border);background:color-mix(in srgb,var(--bg-muted) 70%,transparent)}.chat-message-time{font-variant-numeric:tabular-nums}.channel-glyph.broadcasting{color:var(--online)!important;animation:glyph-broadcast .9s ease-in-out infinite}@keyframes glyph-broadcast{0%,to{filter:drop-shadow(0 0 2px var(--online));transform:scale(1)}50%{filter:drop-shadow(0 0 10px var(--online));transform:scale(1.12)}}.gq-premium{--p1: var(--friend-theme, var(--accent));--p2: #7c5cff}.gq-premium.theme-quiby{--p2: #8d67ff}.gq-premium.theme-aurora{--p2: #14ebce}.gq-premium.theme-sunset{--p2: #ff3d7f}.gq-premium.theme-dragons{--p2: #7c3aed}.gq-premium.theme-fps{--p2: #ff3b52}.gq-premium.theme-explorer{--p2: #4fa4e8}.gq-premium.theme-chibi{--p2: #8db4ff}.gq-premium.theme-kids{--p2: #5dd7ff}.gq-premium .chat-message-avatar,.gq-premium .user-avatar,.gq-premium .voice-occupant-avatar{position:relative;border-radius:50%;isolation:isolate}.gq-premium .chat-message-avatar:before,.gq-premium .user-avatar:before,.gq-premium .voice-occupant-avatar:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:conic-gradient(from 0deg,var(--p1),var(--p2),transparent 55%,var(--p1));animation:gq-persona-orbit 4s linear infinite;z-index:-1;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--p1) 60%,transparent))}.gq-premium .chat-message-avatar:after,.gq-premium .user-avatar:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;background:var(--bg-elevated);z-index:-1}@keyframes gq-persona-orbit{to{transform:rotate(360deg)}}.gq-premium .author,.gq-premium .member-name,.gq-premium .friend-name,.gq-premium .voice-occupant-name,.gq-premium .voice-occupant-text>span:first-child,.tile-label.gq-premium{background:linear-gradient(90deg,var(--p1),var(--p2));-webkit-background-clip:text;background-clip:text;color:transparent!important;font-weight:800;text-shadow:none}.tile-label.gq-premium svg{color:var(--p1)}.chat-message .ultra-tag,.profile-popover .ultra-tag,.profile-window .ultra-tag,.dm-profile-card .ultra-tag{display:none}:root[data-layout=grid].is-desktop .app-layout,:root[data-layout=grid] .app-shell>.app-layout{border-top:0!important}:root[data-layout=grid] .topbar.topbar-grid{grid-template-columns:1fr auto 1fr}:root[data-layout=grid] .topbar.topbar-grid .topbar-center{justify-content:center}:root[data-layout=grid] .voice-grid-solo{grid-template-columns:minmax(220px,min(300px,100%))}:root[data-layout=grid] .tile-expand-controls{top:auto;bottom:10px;right:10px;gap:8px;align-items:center}:root[data-layout=grid] .tile-expand-button{width:38px;height:38px;border-radius:10px;font-size:16px}:root[data-layout=grid] .tile-expand-button svg{width:20px;height:20px}:root[data-layout=grid] .tile-volume{padding:6px 10px;border-radius:10px;background:#0000008c}:root[data-layout=grid] .app-shell>.app-layout.has-hero{row-gap:0}:root[data-layout=grid] .app-shell>.app-layout.has-hero>.user-bar-stack{margin-top:10px}:root[data-layout=grid] .app-layout>.server-hero{border-radius:var(--grid-radius) var(--grid-radius) 0 0;border-bottom:0;min-height:150px;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch}:root[data-layout=grid] .app-shell>.app-layout.has-hero>.server-panel,:root[data-layout=grid] .app-shell>.app-layout.has-hero>.grid-center,:root[data-layout=grid] .app-shell>.app-layout.has-hero>.grid-right{border-top-left-radius:0;border-top-right-radius:0;border-top-color:color-mix(in srgb,var(--accent) 22%,var(--border))}:root[data-layout=grid] .app-layout>.server-hero .server-hero-row{padding-bottom:6px}.server-tabs.in-hero{position:relative;z-index:1;border-bottom:0;padding:0 12px;gap:4px}.server-tabs.in-hero button{color:#ffffffb8;text-shadow:0 1px 6px rgba(0,0,0,.6);padding:6px 12px 10px}.server-tabs.in-hero button:hover,.server-tabs.in-hero button.active{color:#fff}.server-tabs.in-hero button small{background:#00000073;color:#fff}.server-tabs.in-hero button.active:after{bottom:0}:root[data-layout=grid] .server-sidebar.as-hubs .server-icon>.hub-hex{z-index:4}:root[data-layout=grid] .server-sidebar.as-hubs .server-icon>.hub-card-right,:root[data-layout=grid] .server-sidebar.as-hubs .server-icon>.hub-card-text{z-index:3}.chat-input.composer.gif-mode{border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.chat-input.composer.gif-mode .composer-tool.gif{color:var(--accent)}.tile-volume-wrap{position:relative;display:inline-flex}.tile-volume-pop{position:absolute;bottom:calc(100% + 8px);right:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#05080feb;border:1px solid var(--grid-card-border);box-shadow:0 12px 30px #00000073;z-index:5}.tile-volume-pop span{font-size:11px;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}.tile-volume-pop input[type=range]{writing-mode:vertical-lr;direction:rtl;width:6px;height:110px;accent-color:var(--accent);cursor:pointer}.tile-volume-mute{border:1px solid var(--grid-card-border);background:transparent;color:var(--text);font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;cursor:pointer}.tile-volume-mute.on{background:var(--danger);border-color:transparent;color:#fff}:root[data-layout=grid] .tile-expand-button.muted{color:var(--danger)}.user-bar-status-wrap{position:relative;grid-column:1;grid-row:1;justify-self:end;margin-right:42px}.user-bar-status{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid var(--grid-card-border);background:color-mix(in srgb,var(--bg-muted) 60%,transparent);color:var(--text-muted);font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}.user-bar-status:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.user-bar-status .status-dot.inline{position:static;width:10px;height:10px;border:0}.grid-status-popover.from-bar{top:auto;bottom:calc(100% + 10px);right:0}.user-bar-live{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--danger) 60%,transparent);background:color-mix(in srgb,var(--danger) 16%,transparent);color:#ff6b6b;font-size:11px;font-weight:900;letter-spacing:.1em;cursor:pointer}.user-bar-live i{width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 10px var(--danger);animation:live-blink 1.2s ease-in-out infinite}@keyframes live-blink{0%,to{opacity:1}50%{opacity:.35}}@media (max-width: 1360px){.user-bar-status span:not(.status-dot){display:none}}:root[data-layout=grid] .dm-nav-item .user-avatar,:root[data-layout=grid] .dm-nav-item .user-avatar .avatar-generic{width:38px;height:38px;font-size:13px}:root[data-layout=grid] .dm-nav-item{padding:8px 10px;gap:12px;font-size:14px}.pref-page{display:flex;flex-direction:column;gap:18px;max-width:760px}.pref-section h3{margin:0 0 6px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.pref-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--border)}.pref-row:last-child{border-bottom:0}.pref-row-text strong{font-size:14px}.pref-row-text p{margin:3px 0 0;font-size:12px;color:var(--text-muted);line-height:1.4}.pref-row-control{flex-shrink:0;display:flex;align-items:center;gap:8px;max-width:55%}.pref-row-control select,.pref-row-control input[type=range]{min-width:180px;accent-color:var(--accent)}.pref-button{padding:7px 14px;border-radius:999px;border:1px solid var(--border);background:var(--bg-muted);color:var(--text);font-weight:700;font-size:12px;cursor:pointer}.pref-button.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.pref-code{font-size:12px;padding:4px 8px;border-radius:6px;background:var(--bg-muted);cursor:pointer}.pref-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.pref-list li{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:8px;background:var(--bg-muted)}.key-capture{display:inline-flex;align-items:center;gap:6px}.key-chip{min-width:120px;padding:6px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-muted);color:var(--text);font-weight:800;font-size:12px;font-family:ui-monospace,Cascadia Mono,monospace;cursor:pointer}.key-chip.capturing{border-color:var(--accent);color:var(--accent);animation:key-pulse 1s ease-in-out infinite}.key-chip.static{cursor:default}@keyframes key-pulse{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 3px var(--grid-glow)}}.key-clear{border:0;background:none;color:var(--text-muted);cursor:pointer;font-size:12px}.mic-test{display:flex;align-items:center;gap:10px}.mic-meter{width:160px;height:8px;border-radius:4px;background:var(--bg-muted);overflow:hidden}.mic-meter i{display:block;height:100%;background:linear-gradient(90deg,var(--online),var(--accent),#f0b232);transition:width .08s linear}.plan-pill{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.08em;background:var(--bg-muted);color:var(--text-muted)}.plan-pill.ultra{background:linear-gradient(90deg,var(--accent),#7c5cff);color:#06121a}.settings-logout{color:var(--danger)!important}.settings-nav-footer{padding:10px 12px 4px;font-size:10px;color:var(--text-muted)}.settings-nav-footer a{color:var(--accent)}html[data-reduce-motion="1"] *,html[data-reduce-motion="1"] *:before,html[data-reduce-motion="1"] *:after{animation:none!important;transition:none!important}html[data-compact="1"] .chat-message{padding-top:2px;padding-bottom:2px}html[data-compact="1"] .chat-message-row{gap:8px}#root{zoom:var(--ui-scale, 1)}html[data-streamer="1"] .settings-content .pref-code,html[data-streamer="1"] .account-email-value{filter:blur(6px)}