: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);user-select:none;-webkit-user-select:none}input,textarea,[contenteditable=true],.chat-message-content,.chat-message-body,.message-content,.live-chat-message,.support-messages p,.admin-ticket-messages p,.legal-docs,.legal-page{user-select:text;-webkit-user-select:text}.topbar,.topbar-grid{-webkit-app-region:drag}.topbar button,.topbar a,.topbar input,.topbar [role=button]{-webkit-app-region:no-drag}.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}.auth-card-register{max-height:min(820px,calc(100vh - 28px));overflow:auto}.auth-input-with-prefix{display:flex;align-items:center;border:1px solid var(--border);border-radius:10px;background:var(--bg-input);padding-left:12px;color:var(--accent)}.auth-input-with-prefix input{border:0!important;background:transparent!important;flex:1}.auth-valid{color:#35d98b}.auth-invalid{color:#ff6b74}.password-rules{display:flex;flex-wrap:wrap;gap:5px;font-size:10px;color:var(--text-muted)}.password-rules span{padding:3px 6px;border:1px solid var(--border);border-radius:99px}.password-rules .ok{color:#35d98b;border-color:#35d98b59}.auth-check{display:flex;align-items:flex-start;gap:9px;color:var(--text-muted);font-size:11px;line-height:1.45}.auth-check input{width:16px;height:16px;flex:0 0 auto}.auth-success{padding:10px;border:1px solid rgba(53,217,139,.3);border-radius:9px;background:#35d98b14;color:#85efba;font-size:12px}.auth-channel{display:grid;grid-template-columns:1fr 1fr;gap:6px}.auth-channel button{background:var(--bg-elevated)}.auth-channel button.active{border-color:var(--accent);color:var(--accent)}.fiscal-profile-card{margin:16px 0 22px;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:linear-gradient(145deg,#0a191bf0,#080d11f7)}.fiscal-profile-card.complete{border-color:#2be0c342}.fiscal-profile-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.fiscal-profile-heading small{color:#2be0c3;font-weight:900;letter-spacing:.1em}.fiscal-profile-heading h3,.fiscal-profile-heading p{margin:5px 0}.fiscal-profile-heading p{color:#829999}.fiscal-profile-heading>span{padding:7px 10px;border-radius:999px;color:#ffd17c;background:#ffb13d1a;font-size:11px;font-weight:800}.fiscal-profile-card.complete .fiscal-profile-heading>span{color:#69efbf;background:#2be0c31a}.fiscal-profile-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:15px}.fiscal-profile-form label{display:grid;gap:5px;color:#93a7a7;font-size:11px}.fiscal-profile-form label.wide{grid-column:span 2}.fiscal-profile-form input{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 11px;color:#eefbf8;background:#071015}.fiscal-profile-form button{align-self:end;min-height:39px;border:1px solid rgba(43,224,195,.25);border-radius:10px;color:#06130f;background:linear-gradient(135deg,#2be0c3,#83f3dc);font-weight:900}.fiscal-profile-form button:disabled{opacity:.55}@media (max-width:760px){.fiscal-profile-form{grid-template-columns:1fr 1fr}.fiscal-profile-form label.wide{grid-column:span 2}.fiscal-profile-heading{flex-direction:column}.fiscal-profile-form button{grid-column:span 2}}.admin-shell{width:100%;height:100vh;height:100dvh;min-height:0;padding:clamp(16px,3vw,42px);padding-bottom:max(56px,env(safe-area-inset-bottom));color:#eef6f5;background:radial-gradient(circle at 90% 0,rgba(25,211,181,.12),transparent 30%),#080d11;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}body.master-mode{margin:0;overflow:hidden;background:#080d11;color:#eef6f5}body.master-mode *,body.master-mode *:before,body.master-mode *:after{animation:none!important;transition-duration:.08s!important;scroll-behavior:auto!important}body.master-mode #root{width:100%;height:100dvh;min-height:0;overflow:hidden;isolation:isolate}body.master-mode .theme-atmosphere,body.master-mode canvas[class*=atmosphere],body.master-mode [class*=particle],body.master-mode [class*=ember]{display:none!important;visibility:hidden!important}html[data-layout=master]{--theme-glow:none;--ambient-opacity:0}.admin-boot{width:100%;height:100dvh;display:grid;place-items:center;color:#8ea8a5;background:#080d11;font:600 14px/1.4 system-ui,sans-serif}.admin-shell::-webkit-scrollbar{width:10px}.admin-shell::-webkit-scrollbar-track{background:#080d11}.admin-shell::-webkit-scrollbar-thumb{border:2px solid #080d11;border-radius:99px;background:#27443f}.admin-shell::-webkit-scrollbar-thumb:hover{background:#2be0c3}.admin-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;max-width:1500px;margin:0 auto 24px}.admin-header span{color:#2be0c3;font-size:11px;letter-spacing:.2em;font-weight:800}.admin-header h1{margin:5px 0;font-size:clamp(28px,4vw,48px)}.admin-header p{margin:0;color:#8ea4a5}.admin-metrics{max-width:1500px;margin:0 auto 16px;display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:10px}.admin-metrics article,.admin-panel{border:1px solid rgba(84,226,203,.13);border-radius:16px;background:linear-gradient(145deg,#121e23f5,#090f13fa);box-shadow:0 18px 55px #00000038}.admin-metrics article{padding:16px}.admin-metrics small{color:#88a3a3;display:block}.admin-metrics strong{display:block;margin-top:7px;font-size:28px}.admin-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:14px}.admin-panel{padding:16px;min-width:0}.admin-panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-panel-title form{display:flex;gap:6px}.admin-panel input{border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#0a1115;color:#eef6f5;padding:9px 11px}.admin-user-list{display:grid;gap:6px;max-height:58vh;overflow:auto;margin-top:12px}.admin-user-list>button{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;text-align:left;border:1px solid transparent;border-radius:11px;color:#e8f0ef;background:#ffffff06}.admin-user-list>button:hover,.admin-user-list>button.active{border-color:#2be0c34d;background:#2be0c314}.admin-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,#25dec0,#176d77);font-weight:900}.admin-user-list b,.admin-user-list small{display:block;overflow:hidden;text-overflow:ellipsis}.admin-user-list small{color:#809596}.admin-user-list i{font-size:9px;font-style:normal;padding:4px 6px;border-radius:99px}.status-active{color:#4be39b;background:#4be39b1a}.status-suspended{color:#ffc763;background:#ffc7631a}.status-banned{color:#ff6f79;background:#ff6f791a}.admin-account-title{display:flex;justify-content:space-between}.admin-account-title h2{margin:0}.admin-account-title span{color:#829899}.admin-account-title>b{color:#2be0c3}.admin-inspector dl{display:grid;gap:1px;margin:18px 0}.admin-inspector dl div{display:flex;justify-content:space-between;gap:12px;padding:8px;background:#ffffff06}.admin-inspector dt{color:#829899}.admin-inspector dd{margin:0;text-align:right}.admin-inspector>label{display:grid;gap:6px;color:#9cb0b0;font-size:11px}.admin-action-group{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.admin-action-group h3{flex:0 0 100%;margin:0 0 3px;font-size:12px;color:#8da3a4}.admin-action-group button,.admin-header button,.admin-panel-title button{padding:8px 10px;border:1px solid rgba(43,224,195,.2);border-radius:8px;background:#2be0c314;color:#dffff9}.admin-action-group .warn{color:#ffc763;border-color:#ffc76340}.admin-action-group .danger{color:#ff7580;border-color:#ff46554d}.admin-empty{min-height:300px;display:grid;place-items:center;color:#789091;text-align:center}.admin-audit{max-width:1500px;margin:14px auto 0}.admin-audit>div{display:grid;grid-template-columns:minmax(150px,.7fr) 1fr auto;gap:12px;padding:9px 2px;border-top:1px solid rgba(255,255,255,.06)}.admin-audit span,.admin-audit time{color:#819697;font-size:11px}.admin-tabs{max-width:1500px;margin:0 auto 18px;display:flex;gap:8px;padding:5px;border:1px solid rgba(84,226,203,.12);border-radius:14px;background:#0a1115;width:max-content;max-width:100%}.admin-tabs button{padding:10px 15px;border:0;border-radius:10px;background:transparent;color:#8fa6a6;font-weight:700}.admin-tabs button.active{color:#06120f;background:linear-gradient(135deg,#2be0c3,#88f5df);box-shadow:0 8px 24px #2be0c333}.admin-finance{max-width:1500px;margin:auto;display:grid;gap:14px}.finance-metrics{width:100%;margin-bottom:0;grid-template-columns:repeat(5,minmax(130px,1fr))}.fiscal-health{display:flex;align-items:center;justify-content:space-between;gap:20px}.fiscal-health h2,.fiscal-health p{margin:4px 0}.fiscal-health>span{padding:9px 12px;border-radius:999px;white-space:nowrap;font-size:12px;font-weight:800}.fiscal-health.ready>span{color:#54efbd;background:#32d2961a}.fiscal-health.waiting>span{color:#ffd070;background:#ffb5401a}.admin-table-wrap{width:100%;overflow:auto;margin-top:12px}.admin-table{width:100%;min-width:980px;border-collapse:collapse}.admin-table th{padding:10px;color:#789293;font-size:11px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}.admin-table td{padding:11px 10px;border-bottom:1px solid rgba(255,255,255,.055);vertical-align:top}.admin-table td small,.admin-table td b{display:block}.admin-table td small{margin-top:4px;max-width:260px;overflow:hidden;text-overflow:ellipsis;color:#779091}.admin-table code{color:#9dc4be;font-size:11px}.admin-table button{padding:7px 9px;border:1px solid rgba(43,224,195,.2);border-radius:8px;color:#cffff5;background:#2be0c314}.fiscal-status{display:inline-flex;padding:5px 8px;border-radius:999px;color:#b9cbc8;background:#ffffff12;font-size:10px;font-weight:800}.fiscal-status.status-issued{color:#5ff0b6;background:#2be09a1a}.fiscal-status.status-failed{color:#ff7d89;background:#ff4a5b1a}.fiscal-status.status-queued,.fiscal-status.status-processing{color:#78dfff;background:#40bfff1a}.admin-finance-loading{max-width:1500px;min-height:200px;margin:auto;display:grid;place-items:center;color:#8ba2a1}@media (max-width:900px){.admin-metrics,.finance-metrics{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.admin-header,.fiscal-health{align-items:flex-start;flex-direction:column}.admin-panel-title{align-items:stretch;flex-direction:column}.admin-panel-title form{display:grid;grid-template-columns:1fr auto}.admin-audit>div{grid-template-columns:1fr}.admin-user-list{max-height:42vh}.fiscal-health>span{white-space:normal}}.account-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.account-section-heading h3,.account-section-heading p{margin:0}.account-section-heading button{flex:0 0 auto}.settings-form input:disabled{opacity:.72;cursor:not-allowed;border-color:transparent;background:color-mix(in srgb,var(--bg-elevated) 82%,transparent)}.locked-handle{display:flex;align-items:center;overflow:hidden;border:1px solid var(--border);border-radius:9px;background:var(--bg-input)}.locked-handle span{padding-left:12px;color:var(--accent);font-weight:800}.locked-handle input{flex:1;border:0!important;background:transparent!important}.username-suggestions{display:flex;flex-wrap:wrap;gap:6px}.username-suggestions button{padding:5px 8px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:99px;color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent)}.security-channel-picker{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:10px 0;color:var(--text-muted);font-size:11px}.security-channel-picker button{padding:6px 9px;border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated);color:var(--text-muted)}.security-channel-picker button.active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.security-edit-card{margin-bottom:12px;padding:14px;border:1px solid var(--border);border-radius:13px;background:color-mix(in srgb,var(--bg-elevated) 60%,transparent)}.security-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.admin-danger-zone{margin-top:20px;padding:13px;border:1px solid rgba(255,70,85,.25);border-radius:12px;background:#ff1e300d}.admin-danger-zone h3{margin:0;color:#ff7580}.admin-danger-zone p{color:#9b8588;font-size:11px}.admin-danger-zone .danger{padding:8px 11px;border:1px solid rgba(255,70,85,.35);border-radius:8px;background:#ff46551f;color:#ff7a84}.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=inferno]{--bg:#0c0404;--bg-elevated:#160706;--bg-panel:#120606;--bg-muted:#2b0d0b;--bg-input:#210908;--border:#542018;--text:#fff3e8;--text-muted:#cba99b;--accent:#ff6a1a;--accent-strong:#dc1838;--accent-soft:rgba(255,76,20,.16)}:root[data-theme=inferno] body{background:radial-gradient(circle at 48% 115%,rgba(218,32,18,.16),transparent 37%),linear-gradient(180deg,#0c0404,#070303)}: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}.support-fab{position:fixed;left:18px;bottom:18px;z-index:950;width:52px;height:52px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 48%,transparent);border-radius:50%;color:#041612;background:var(--accent);box-shadow:0 12px 34px #00000059;cursor:pointer}.support-fab svg{width:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.support-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:grid;place-items:center;padding:18px;background:#020608b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.support-modal{width:min(680px,100%);max-height:min(780px,calc(100dvh - 36px));overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:22px;color:var(--text);background:var(--bg-elevated);box-shadow:0 30px 100px #0009}.support-modal>header{display:flex;justify-content:space-between;gap:20px;padding:22px 24px 18px;border-bottom:1px solid var(--border)}.support-modal>header small{color:var(--accent);font-weight:900;letter-spacing:.15em}.support-modal>header h2,.support-modal>header p{margin:5px 0}.support-modal>header p{color:var(--text-muted)}.support-modal>header>button{align-self:flex-start;border:0;color:var(--text-muted);background:transparent;font-size:28px}.support-home,.support-new,.support-conversation{min-height:0;overflow:auto;padding:20px 24px 24px}.support-create-card{width:100%;display:flex;gap:13px;align-items:center;padding:16px;border:1px solid var(--border);border-radius:15px;color:var(--text);background:color-mix(in srgb,var(--accent) 7%,var(--bg));text-align:left}.support-create-card>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#061612;background:var(--accent);font-size:24px}.support-create-card b,.support-create-card small,.support-ticket-list b,.support-ticket-list small{display:block}.support-create-card small,.support-ticket-list small{margin-top:3px;color:var(--text-muted)}.support-list-heading{display:flex;justify-content:space-between;margin:22px 0 8px}.support-list-heading button,.support-back{border:0;color:var(--accent);background:transparent}.support-ticket-list,.support-new,.support-messages{display:grid;gap:9px}.support-ticket-list>button{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:12px;color:var(--text);background:var(--bg);text-align:left}.support-new label{display:grid;gap:6px;color:var(--text-muted);font-size:11px}.support-new input,.support-new select,.support-new textarea,.support-reply textarea{border:1px solid var(--border);border-radius:10px;padding:10px 11px;color:var(--text);background:var(--bg-input)}.support-new textarea{min-height:150px;resize:vertical}.support-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.support-primary,.support-reply button{border:0;border-radius:11px;padding:11px 16px;color:#061612;background:var(--accent);font-weight:900}.support-ticket-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:13px 0}.support-ticket-head h3,.support-ticket-head span{display:block;margin:2px 0}.support-ticket-head span{color:var(--text-muted);font-size:11px}.support-messages{padding:10px 0}.support-messages article{width:min(82%,520px);padding:10px 12px;border-radius:12px;background:var(--bg)}.support-messages article.user{margin-left:auto;border:1px solid var(--border)}.support-messages small{color:var(--text-muted)}.support-messages p{margin:5px 0 0;white-space:pre-wrap}.support-reply{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.support-error{margin:12px 24px 0;padding:9px 11px;border-radius:9px;color:#ff939b;background:#ff465514}.ticket-status{padding:5px 7px;border-radius:99px;color:#a4bab7;background:#ffffff0f;font-size:9px;font-style:normal;white-space:nowrap}.ticket-status.status-open{color:#75e9d4;background:#2be0c31a}.ticket-status.status-waiting_user{color:#ffd177;background:#ffbe4a1a}.ticket-status.status-resolved{color:#73dda7;background:#40dc8c1a}.admin-user-finance{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07)}.admin-user-finance h3{margin:0 0 9px;font-size:12px;color:#8da3a4}.admin-user-finance>article{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid rgba(255,255,255,.05)}.admin-user-finance b,.admin-user-finance small,.admin-user-finance code{display:block}.admin-user-finance small,.admin-user-finance code,.admin-user-finance>p{color:#789091;font-size:10px}.admin-user-finance article>div:last-child{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:5px}.admin-user-finance a,.admin-user-finance span{padding:5px 7px;border-radius:7px;color:#70ead3;background:#2be0c314;text-decoration:none;font-size:10px;font-weight:800}.admin-ticket-layout{max-width:1500px;margin:auto;display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);gap:14px;min-height:620px}.admin-ticket-queue>.admin-panel-title p{margin:4px 0 0;color:#789091}.admin-ticket-queue>div:last-child{display:grid;gap:6px;margin-top:12px;max-height:68vh;overflow:auto}.admin-ticket-queue>div:last-child>button{display:grid;grid-template-columns:7px minmax(0,1fr) auto;gap:9px;align-items:center;padding:11px;border:1px solid transparent;border-radius:11px;color:#e8f4f2;background:#ffffff06;text-align:left}.admin-ticket-queue>div:last-child>button.active,.admin-ticket-queue>div:last-child>button:hover{border-color:#2be0c347;background:#2be0c312}.admin-ticket-queue b,.admin-ticket-queue small{display:block}.admin-ticket-queue small{margin-top:3px;color:#76908e}.ticket-priority{width:6px;height:30px;border-radius:99px;background:#5a7471}.ticket-priority.priority-high,.ticket-priority.priority-urgent{background:#ff6b74}.ticket-priority.priority-low{background:#4ccf9a}.admin-ticket-detail{display:flex;flex-direction:column;min-height:0}.admin-ticket-detail>header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.07)}.admin-ticket-detail h2,.admin-ticket-detail p{margin:4px 0}.admin-ticket-detail p,.admin-ticket-detail header small{color:#7f9694}.admin-ticket-detail select{border:1px solid rgba(43,224,195,.2);border-radius:9px;padding:8px;color:#dffaf5;background:#0a1115}.admin-ticket-messages{flex:1;max-height:50vh;overflow:auto;padding:15px 4px}.admin-ticket-messages article{width:min(82%,680px);margin:0 0 10px;padding:11px 13px;border-radius:13px;background:#121c20}.admin-ticket-messages article.staff{margin-left:auto;border:1px solid rgba(43,224,195,.18);background:#2be0c312}.admin-ticket-messages small{color:#77908d}.admin-ticket-messages p{margin:6px 0 0;white-space:pre-wrap}.admin-ticket-reply{display:grid;grid-template-columns:1fr auto;gap:8px}.admin-ticket-reply textarea{min-height:72px;resize:vertical;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px;color:#eef6f5;background:#0a1115}.admin-ticket-reply button{border:0;border-radius:10px;padding:0 18px;color:#06120f;background:#2be0c3;font-weight:900}@media (max-width:700px){.support-fab{left:12px;bottom:calc(70px + env(safe-area-inset-bottom));width:46px;height:46px}.support-overlay{padding:0}.support-modal{width:100%;height:100dvh;max-height:none;border:0;border-radius:0}.support-form-row,.admin-ticket-layout{grid-template-columns:1fr}.admin-ticket-queue>div:last-child{max-height:35vh}}.admin-email-templates{display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-email-templates h2,.admin-email-templates p{margin:4px 0}.admin-email-templates p{color:#829899}.admin-email-templates>div:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.admin-email-templates button{padding:9px 12px;border:1px solid rgba(43,224,195,.22);border-radius:9px;color:#dffff8;background:#2be0c312}.admin-email-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4000;display:grid;place-items:center;padding:20px;background:#020608cc}.admin-email-preview-overlay>section{width:min(760px,100%);height:min(850px,calc(100dvh - 40px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #28423f;border-radius:18px;background:#0b1216;box-shadow:0 30px 100px #000000a6}.admin-email-preview-overlay header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.admin-email-preview-overlay header h3{margin:4px 0}.admin-email-preview-overlay header small{color:#2be0c3}.admin-email-preview-overlay header button{border:0;color:#9ab0ad;background:transparent;font-size:28px}.admin-email-preview-overlay iframe{width:100%;flex:1;border:0;background:#080d11}@media (max-width:700px){.admin-email-templates{align-items:flex-start;flex-direction:column}.admin-email-templates>div:last-child{justify-content:flex-start}.admin-email-preview-overlay{padding:0}.admin-email-preview-overlay>section{height:100dvh;border:0;border-radius:0}}: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}.theme-inferno{--friend-theme:#ff5b20}.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-theme-inferno{--profile-theme:#ff5b20 !important}.theme-atmosphere{position:fixed;top:34px;right:0;bottom:0;left:0;z-index:2;width:100%;height:calc(100% - 34px);pointer-events:none;opacity:.72;mix-blend-mode:screen}.theme-atmosphere.preview{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;opacity:1}:root[data-theme=inferno] .topbar{background:linear-gradient(180deg,#1d0806fa,#0d0404f5);border-bottom-color:#ff5c1f33;box-shadow:0 8px 28px #3704002e}:root[data-theme=inferno] .server-sidebar,:root[data-theme=inferno] .channel-sidebar{background:linear-gradient(180deg,#140605fa,#090303fc)}:root[data-theme=inferno] .channel-item.active,:root[data-theme=inferno] .dm-nav-item.active{background:linear-gradient(90deg,#ff531833,#9b0c1e0f);box-shadow:inset 3px 0 #ff6a1a}:root[data-theme=inferno] button:hover svg{filter:drop-shadow(0 0 7px rgba(255,90,24,.68))}.profile-theme-inferno .profile-banner{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 120%,#ff8c24 0,#b71818 23%,transparent 57%),linear-gradient(155deg,#1b0705,#090203)!important}.profile-theme-inferno .profile-banner:before{content:"";position:absolute;top:35%;right:-10%;bottom:-40%;left:-10%;background:radial-gradient(ellipse at 50% 100%,rgba(255,214,89,.85),transparent 38%),radial-gradient(ellipse at 18% 100%,rgba(255,64,10,.7),transparent 32%),radial-gradient(ellipse at 82% 100%,rgba(213,9,28,.75),transparent 36%);filter:blur(8px);animation:inferno-flame-bed 2.4s ease-in-out infinite alternate}.profile-theme-inferno .profile-window-avatar:before,.profile-theme-inferno .dm-profile-avatar:before{background:conic-gradient(from 15deg,transparent,#ff3b10,#ffd166,#c70b2c,transparent 72%);animation-duration:2.7s;filter:drop-shadow(0 0 7px #ff4b16)}@keyframes inferno-flame-bed{to{transform:translateY(-9%) scaleX(1.08);filter:blur(12px) saturate(1.2)}}.video-tile.avatar-only.inferno-voice-card{isolation:isolate;overflow:hidden;border-color:#ff691d8c;box-shadow:inset 0 -28px 50px #880d0b33,0 15px 40px #20030266}.video-tile.avatar-only.inferno-voice-card:before{content:"";position:absolute;z-index:-1;top:40%;right:-5%;bottom:-25%;left:-5%;background:radial-gradient(ellipse at 50% 100%,rgba(255,209,88,.78),transparent 35%),radial-gradient(ellipse at 18% 100%,rgba(255,69,13,.66),transparent 38%),radial-gradient(ellipse at 82% 100%,rgba(188,10,37,.72),transparent 40%);filter:blur(12px);animation:inferno-tile-fire 2.8s ease-in-out infinite alternate}.video-tile.avatar-only.inferno-voice-card .tile-avatar{box-shadow:0 0 0 3px #ffcd6dc7,0 0 18px #ff5318,0 0 38px #be0a237a}.video-tile.avatar-only.inferno-voice-card.speaking{border-color:#ffbd4a;box-shadow:0 0 0 2px #ff751cb3,0 0 34px #ff370d61}.inferno-controls button{isolation:isolate}.inferno-controls button.inferno-flame-burst:before,.inferno-controls button.inferno-flame-burst:after{content:"";position:absolute;z-index:4;pointer-events:none;left:50%;bottom:-5px;width:150%;height:175%;transform:translate(-50%);transform-origin:50% 100%;clip-path:polygon(4% 100%,10% 61%,20% 80%,29% 28%,41% 67%,50% 8%,60% 69%,72% 34%,82% 78%,94% 52%,100% 100%);background:radial-gradient(ellipse at 50% 100%,#fff4a8 0 14%,#ff9d22 32%,#ff4217 58%,rgba(177,0,37,.82) 76%,transparent 78%);filter:blur(.4px) drop-shadow(0 0 7px #ff4b12);animation:inferno-control-flame .66s cubic-bezier(.16,.8,.22,1) both}.inferno-controls button.inferno-flame-burst:after{width:105%;height:130%;opacity:.8;filter:blur(2px) drop-shadow(0 0 11px #ff2019);animation-delay:45ms}.inferno-avatar-frame,.inferno-profile-frame .profile-window-avatar,.inferno-profile-frame .dm-profile-avatar{position:relative;isolation:isolate}.inferno-avatar-frame:before,.inferno-profile-frame .profile-window-avatar:after,.inferno-profile-frame .dm-profile-avatar:after{content:"";position:absolute;z-index:-1;pointer-events:none;top:-12px;right:-10px;bottom:-7px;left:-10px;border-radius:45% 45% 50% 50%;background:radial-gradient(ellipse at 50% 92%,#fff0a0 0 9%,#ff9c24 26%,#ff4017 48%,rgba(176,5,38,.82) 65%,transparent 70%);clip-path:polygon(4% 100%,8% 51%,20% 73%,28% 12%,40% 62%,50% 0,59% 64%,72% 16%,80% 73%,94% 42%,100% 100%);filter:drop-shadow(0 0 6px #ff4915);animation:inferno-avatar-flame 1.45s ease-in-out infinite alternate}.inferno-profile-banner .profile-banner,.settings-banner-preview.inferno-profile-banner{position:relative;overflow:hidden}.inferno-profile-banner .profile-banner:after,.settings-banner-preview.inferno-profile-banner:after{content:"";position:absolute;top:42%;right:-4%;bottom:-28%;left:-4%;pointer-events:none;background:radial-gradient(ellipse at 50% 100%,rgba(255,242,151,.9),transparent 29%),radial-gradient(ellipse at 18% 100%,rgba(255,71,15,.78),transparent 37%),radial-gradient(ellipse at 82% 100%,rgba(190,5,39,.82),transparent 39%);clip-path:polygon(0 100%,0 57%,8% 78%,15% 31%,22% 71%,31% 9%,40% 72%,49% 38%,58% 76%,67% 4%,76% 72%,86% 25%,94% 68%,100% 43%,100% 100%);filter:blur(5px);animation:inferno-banner-fire 2.1s ease-in-out infinite alternate}@keyframes inferno-control-flame{0%{opacity:0;transform:translate(-50%) scale(.45,.2)}24%{opacity:1}72%{opacity:.92;transform:translate(-50%) translateY(-12px) scale(.9,1.08)}to{opacity:0;transform:translate(-50%) translateY(-22px) scale(.65,1.28)}}@keyframes inferno-avatar-flame{to{transform:translateY(-4px) scale(1.07,1.12);filter:drop-shadow(0 0 11px #ff4b12) saturate(1.18)}}@keyframes inferno-banner-fire{to{transform:translateY(-10%) scale(1.05,1.15);filter:blur(8px) saturate(1.22)}}@keyframes inferno-tile-fire{to{transform:translateY(-11%) scale(1.08,1.14);filter:blur(16px) saturate(1.25)}}@media (prefers-reduced-motion:reduce){.theme-atmosphere{opacity:.28}.profile-theme-inferno .profile-banner:before,.inferno-avatar-frame:before,.inferno-profile-banner .profile-banner:after{animation:none}}@keyframes inferno-png-fire{0%,24.99%{background-image:url(/themes/inferno/fire-frames/fire-hd1.png);-webkit-mask-image:url(/themes/inferno/fire-frames/fire-hd1.png);mask-image:url(/themes/inferno/fire-frames/fire-hd1.png)}25%,49.99%{background-image:url(/themes/inferno/fire-frames/fire-hd2.png);-webkit-mask-image:url(/themes/inferno/fire-frames/fire-hd2.png);mask-image:url(/themes/inferno/fire-frames/fire-hd2.png)}50%,74.99%{background-image:url(/themes/inferno/fire-frames/fire-hd3.png);-webkit-mask-image:url(/themes/inferno/fire-frames/fire-hd3.png);mask-image:url(/themes/inferno/fire-frames/fire-hd3.png)}75%,to{background-image:url(/themes/inferno/fire-frames/fire-hd4.png);-webkit-mask-image:url(/themes/inferno/fire-frames/fire-hd4.png);mask-image:url(/themes/inferno/fire-frames/fire-hd4.png)}}.inferno-avatar-frame:before,.inferno-profile-frame .profile-window-avatar:after,.inferno-profile-frame .dm-profile-avatar:after,.video-tile.avatar-only.inferno-voice-card .tile-avatar-wrap:before{content:"";position:absolute;pointer-events:none;z-index:0;width:172%;height:205%;inset:auto auto -22% 50%;border-radius:0;background-color:transparent;background-position:center bottom;background-repeat:no-repeat;background-size:contain;mask-mode:luminance;-webkit-mask-position:center bottom;mask-position:center bottom;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;clip-path:none;transform:translate(-50%);transform-origin:50% 100%;filter:drop-shadow(0 0 5px rgba(255,72,12,.92)) drop-shadow(0 0 12px rgba(204,13,28,.6));mix-blend-mode:normal;animation:inferno-png-fire .76s step-end infinite;image-rendering:auto}.inferno-avatar-frame>*,.inferno-profile-frame .profile-window-avatar>*,.inferno-profile-frame .dm-profile-avatar>*,.video-tile.avatar-only.inferno-voice-card .tile-avatar-wrap>*{position:relative;z-index:2}.inferno-profile-frame .profile-window-avatar:after,.inferno-profile-frame .dm-profile-avatar:after{width:158%;height:190%;bottom:-18%}.video-tile.avatar-only.inferno-voice-card .tile-avatar-wrap:before{width:190%;height:220%;bottom:-25%}.video-tile.avatar-only.inferno-voice-card.speaking .tile-avatar-wrap:before{filter:drop-shadow(0 0 7px #ffb026) drop-shadow(0 0 18px #ff3515) brightness(1.12)}@media (prefers-reduced-motion:reduce){.inferno-avatar-frame:before,.inferno-profile-frame .profile-window-avatar:after,.inferno-profile-frame .dm-profile-avatar:after,.video-tile.avatar-only.inferno-voice-card .tile-avatar-wrap:before{animation:none;background-image:url(/themes/inferno/fire-frames/fire-hd3.png);-webkit-mask-image:url(/themes/inferno/fire-frames/fire-hd3.png);mask-image:url(/themes/inferno/fire-frames/fire-hd3.png)}}.video-tile.avatar-only.inferno-voice-card .tile-avatar-wrap{filter:none}.video-tile.avatar-only.inferno-voice-card .tile-avatar{transform:translateZ(0);image-rendering:auto;backface-visibility:hidden}.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.theme-inferno{--p2:#dc1838;--p1:#ff6a1a}.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)}.video-tile.has-screen .tile-expand-controls{opacity:1!important;padding:4px;border-radius:12px;background:#05080f8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:4}.video-tile.has-screen .tile-expand-button{background:#ffffff14}.video-tile.has-screen .tile-expand-button:hover{background:#ffffff2e}.tile-volume-pop:before{content:"Volume da tela";font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.crop-modal{display:flex;flex-direction:column;gap:12px;align-items:center}.crop-area{position:relative;overflow:hidden;border-radius:12px;background:#05080f;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;max-width:100%}.crop-area:active{cursor:grabbing}.crop-area img{position:absolute;left:50%;top:50%;max-width:none;pointer-events:none;transform-origin:center}.crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 70%,transparent)}.crop-mask.circle{border-radius:50%;box-shadow:0 0 0 999px #05080fa6,inset 0 0 0 2px color-mix(in srgb,var(--accent) 80%,transparent)}.crop-controls{display:flex;align-items:center;gap:10px;width:100%;flex-wrap:wrap}.crop-controls label{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);flex:1}.crop-controls input[type=range]{flex:1;accent-color:var(--accent)}.modal-backdrop:has(.crop-modal){z-index:600}.profile-popover .profile-banner{height:96px}.video-tile.has-screen .tile-expand-controls{transition:opacity .25s ease,transform .25s cubic-bezier(.2,1.1,.3,1)}.video-tile.has-screen .tile-expand-controls.hidden{opacity:0!important;transform:translateY(14px);pointer-events:none}.video-tile.has-screen .tile-expand-controls.shown{opacity:1!important;transform:translateY(0)}.tile-stream-hidden{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.02) 0 8px,transparent 8px 16px),#0b0f14;color:var(--text-muted);font-size:13px}.stream-notice{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:8;display:flex;align-items:center;gap:10px;padding:8px 12px 8px 14px;border-radius:999px;background:#05080feb;border:1px solid color-mix(in srgb,var(--danger) 45%,var(--border));box-shadow:0 12px 30px #00000073;font-size:13px;animation:stream-notice-in .3s cubic-bezier(.2,1.1,.3,1);flex-wrap:wrap;justify-content:center}.stream-notice>span{display:inline-flex;align-items:center;gap:8px}.stream-notice 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}.stream-notice button{padding:6px 12px;border-radius:999px;border:1px solid var(--grid-card-border);background:var(--bg-muted);color:var(--text);font-weight:800;font-size:12px;cursor:pointer}.stream-notice button.primary{background:var(--accent);color:#06121a;border-color:transparent}.stream-notice small{width:100%;text-align:center;color:var(--text-muted);font-size:11px}@keyframes stream-notice-in{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.report-modal{display:flex;flex-direction:column;gap:10px}.report-target{margin:0;font-size:13px;color:var(--text-muted)}.report-notice{padding:10px 12px;border-radius:10px;font-size:12px;line-height:1.45;border:1px solid}.report-notice.good{background:color-mix(in srgb,var(--online) 10%,transparent);border-color:color-mix(in srgb,var(--online) 40%,transparent)}.report-notice.bad{background:color-mix(in srgb,var(--danger) 10%,transparent);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.report-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-muted)}.report-field select,.report-field textarea{padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg-muted);color:var(--text);font:inherit;font-size:13px}.report-agree{display:flex;align-items:flex-start;gap:8px;font-size:12px}.hub-style-actions .primary.danger{background:var(--danger);color:#fff}.legal-docs{display:flex;flex-direction:column;gap:8px}.legal-doc{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--bg-elevated)}.legal-doc-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:0;background:none;color:var(--text);cursor:pointer;text-align:left}.legal-doc-head span{display:flex;flex-direction:column}.legal-doc-head small{color:var(--text-muted);font-size:12px}.legal-doc-head i{font-style:normal;font-size:18px;color:var(--text-muted)}.legal-doc-body{padding:0 14px 14px;font-size:13px;line-height:1.55;color:var(--text)}.legal-doc-body p{margin:0 0 10px}.video-tile.avatar-only.has-banner{background:linear-gradient(160deg,color-mix(in srgb,var(--tile-accent, var(--accent)) 38%,transparent),#05080fcc),var(--tile-banner) center / cover no-repeat!important}.video-tile.stream-paused{border-color:color-mix(in srgb,var(--danger) 45%,var(--border))!important}.tile-stream-play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:0;border-radius:inherit;background:linear-gradient(180deg,#05080f40,#05080fb3);color:#fff;cursor:pointer;transition:background .16s}.tile-stream-play:hover{background:linear-gradient(180deg,#05080f26,#05080f99)}.tile-stream-play-live{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;background:var(--danger);font-size:10px;font-weight:900;letter-spacing:.1em}.tile-stream-play-live i{width:6px;height:6px;border-radius:50%;background:#fff;animation:live-blink 1.2s ease-in-out infinite}.tile-stream-play-btn{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:22px;padding-left:4px;background:#ffffff24;border:2px solid rgba(255,255,255,.7);box-shadow:0 8px 24px #00000073;transition:transform .16s cubic-bezier(.2,1.1,.3,1),background .16s}.tile-stream-play:hover .tile-stream-play-btn{transform:scale(1.08);background:var(--accent);color:#06121a;border-color:var(--accent)}.tile-stream-play small{font-size:12px;font-weight:700;text-shadow:0 1px 6px rgba(0,0,0,.7)}.voice-occupant-flags{margin-left:auto;display:inline-flex;align-items:center;gap:4px;color:var(--text-muted)}.voice-occupant-flags .voice-occupant-flag{margin-left:0}.tile-stream-close{position:absolute;top:10px;right:10px;z-index:6;width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#05080f99;color:#fff;font-size:15px;font-weight:900;cursor:pointer;transition:background .16s,border-color .16s,opacity .25s ease,transform .25s cubic-bezier(.2,1.1,.3,1)}.tile-stream-close:hover{background:var(--danger);border-color:var(--danger);box-shadow:0 0 14px color-mix(in srgb,var(--danger) 60%,transparent)}.tile-stream-close.hidden{opacity:0;transform:translateY(-10px);pointer-events:none}.tile-stream-close.shown{opacity:1;transform:translateY(0)}.member-row.gq-premium,.friend-row.gq-premium,.voice-occupant.gq-premium,.dm-nav-item.premium-friend{position:relative;overflow:hidden;isolation:isolate;border-radius:10px}.member-row.gq-premium:before,.friend-row.gq-premium:before,.voice-occupant.gq-premium:before,.dm-nav-item.premium-friend:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--p1, var(--friend-theme, var(--accent))) 14%,transparent) 55%,color-mix(in srgb,var(--p2, #7c5cff) 34%,transparent) 100%);pointer-events:none}.member-row.gq-premium:after,.friend-row.gq-premium:after,.voice-occupant.gq-premium:after,.dm-nav-item.premium-friend:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 20%,#000 65%);mask-image:linear-gradient(90deg,transparent 20%,#000 65%);border:0}.dm-nav-item.premium-friend{--p1: var(--friend-theme, var(--accent));--p2: #7c5cff}.dm-nav-item.premium-friend.theme-quiby{--p2: #8d67ff}.dm-nav-item.premium-friend.theme-aurora{--p2: #14ebce}.dm-nav-item.premium-friend.theme-sunset{--p2: #ff3d7f}.dm-nav-item.premium-friend.theme-dragons{--p2: #7c3aed}.dm-nav-item.premium-friend.theme-fps{--p2: #ff3b52}.dm-nav-item.premium-friend.theme-explorer{--p2: #4fa4e8}.dm-nav-item.premium-friend.theme-chibi{--p2: #8db4ff}.dm-nav-item.premium-friend.theme-kids{--p2: #5dd7ff}.dm-nav-item.premium-friend.theme-inferno{--p2:#dc1838;--p1:#ff6a1a}.gq-premium.theme-inferno:after,.premium-friend.theme-inferno:after{background:radial-gradient(circle at 30% 100%,#ffd166 0 2%,transparent 3%),radial-gradient(circle at 66% 100%,#ff4d16 0 2%,transparent 3%),linear-gradient(90deg,transparent,rgba(255,75,20,.55),transparent);background-size:31px 100%,43px 100%,100% 100%;animation:inferno-persona-embers 2.8s linear infinite;opacity:.72}@keyframes inferno-persona-embers{to{background-position:17px -38px,-21px -55px,0 0}}.gq-premium.theme-sunset:after,.gq-premium.theme-dragons:after,.premium-friend.theme-sunset:after,.premium-friend.theme-dragons:after{background-image:radial-gradient(circle,var(--p1) 0 1.4px,transparent 2.4px),radial-gradient(circle,var(--p2) 0 1px,transparent 2px),radial-gradient(circle,#fff 0 .7px,transparent 1.6px);background-size:46px 60px,70px 80px,100px 110px;animation:hubfx-rise 7s linear infinite;opacity:.9}.gq-premium.theme-aurora:after,.gq-premium.theme-quiby:after,.premium-friend.theme-aurora:after,.premium-friend.theme-quiby:after{background:linear-gradient(115deg,transparent 30%,color-mix(in srgb,var(--p1) 55%,transparent) 50%,color-mix(in srgb,var(--p2) 55%,transparent) 62%,transparent 80%);filter:blur(8px);animation:nameplate-sweep 4.5s ease-in-out infinite}.gq-premium.theme-explorer:after,.gq-premium.theme-chibi:after,.gq-premium.theme-kids:after,.premium-friend.theme-explorer:after,.premium-friend.theme-chibi:after,.premium-friend.theme-kids:after{background-image:radial-gradient(circle,#fff 0 1px,transparent 2px),radial-gradient(circle,var(--p1) 0 1.2px,transparent 2.2px),radial-gradient(circle,var(--p2) 0 .9px,transparent 1.9px);background-size:60px 40px,85px 60px,110px 70px;background-position:10px 5px,40px 25px,70px 15px;animation:hubfx-twinkle 2.4s ease-in-out infinite}.gq-premium.theme-fps:after,.premium-friend.theme-fps:after{background:repeating-linear-gradient(0deg,transparent 0 3px,color-mix(in srgb,var(--p1) 12%,transparent) 3px 4px),linear-gradient(90deg,transparent 40%,color-mix(in srgb,var(--p1) 40%,transparent) 60%,transparent 75%);background-size:100% 100%,200% 100%;animation:nameplate-scan 3s linear infinite}@keyframes nameplate-sweep{0%,to{transform:translate(-25%)}50%{transform:translate(25%)}}@keyframes nameplate-scan{0%{background-position:0 0,200% 0}to{background-position:0 0,-100% 0}}.dm-nav-item.premium-friend.active:before{background:linear-gradient(90deg,color-mix(in srgb,var(--p1) 10%,transparent),color-mix(in srgb,var(--p2) 42%,transparent))}html[data-reduce-motion="1"] .gq-premium:after,html[data-reduce-motion="1"] .premium-friend:after{animation:none!important}.gq-premium .user-avatar .avatar-generic,.gq-premium .chat-message-avatar .avatar-generic,.gq-premium .voice-occupant-avatar{position:relative;z-index:1}.gq-premium .chat-message-avatar:after,.gq-premium .user-avatar:after{display:none}.gq-premium .chat-message-avatar:before,.gq-premium .user-avatar:before,.gq-premium .voice-occupant-avatar:before{top:-3px;right:-3px;bottom:-3px;left:-3px;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px))}.voice-occupant{transition:background .12s}.voice-occupant.speaking{background:color-mix(in srgb,var(--online) 14%,transparent)!important;box-shadow:inset 3px 0 0 var(--online)}.voice-occupant.speaking .voice-occupant-avatar{outline:2px solid var(--online);outline-offset:1px;box-shadow:0 0 10px color-mix(in srgb,var(--online) 70%,transparent)!important;animation:speak-pulse .9s ease-in-out infinite}.voice-occupant.speaking .voice-occupant-name{color:var(--online)!important;-webkit-text-fill-color:var(--online)}@keyframes speak-pulse{0%,to{outline-color:var(--online)}50%{outline-color:color-mix(in srgb,var(--online) 35%,transparent)}}.voice-occupant.gq-premium{overflow:visible;padding-left:8px}.voice-occupant.gq-premium:before,.voice-occupant.gq-premium:after{border-radius:10px}.auth-actions{margin-top:14px;padding-top:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:8px}.auth-actions-label{font-size:11px;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.auth-download{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 14px;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--text);font-weight:800;font-size:13px;cursor:pointer;text-decoration:none}.auth-download:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}.auth-download.primary{background:var(--accent);color:#06121a;border-color:transparent}.cosmetics-banner.preview-banner{position:relative;overflow:hidden}.cosmetics-banner .preview-fire-banner{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cosmetics-name-line.preview-nameplate{padding:6px 10px;margin-left:-10px;gap:8px}.cosmetics-module-preview{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.preview-voice-card{position:relative;min-height:78px!important;height:78px;border-radius:12px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px;overflow:visible}.preview-voice-card .tile-avatar-wrap{position:relative;width:34px;height:34px;display:block}.preview-voice-card .tile-avatar-wrap .avatar-generic{width:34px;height:34px;border-radius:50%;font-size:11px}.preview-voice-card small,.preview-controls small{font-size:10px;color:var(--text-muted);text-align:center;position:relative;z-index:3}.preview-controls{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;padding:10px 8px;border-radius:12px;background:color-mix(in srgb,var(--bg-muted) 60%,transparent);border:1px solid var(--grid-card-border);margin:0!important;grid-column:auto!important;grid-row:auto!important;z-index:auto!important}.preview-controls .icon-button{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:13px;background:var(--bg-muted)}.preview-controls small{width:100%}: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:#5c6573!important;box-shadow:inset 0 0 0 2px #2a3038}: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 6px #2a3038}.friend-row .status-dot,.dm-nav-item .status-dot,.member-row .status-dot{width:13px;height:13px;bottom:-2px;right:-2px;border-width:2px}.composer-emoji-picker{left:14px;right:14px;width:auto;max-width:none;grid-template-columns:repeat(auto-fill,minmax(34px,1fr))}.preview-controls{flex-direction:row!important}.gq-premium.no-nameplate:before,.gq-premium.no-nameplate:after{display:none!important}.dm-nav-item .user-avatar .status-dot,.friend-row .user-avatar .status-dot,.member-row .user-avatar .status-dot,.dm-nav-item .status-dot{width:14px!important;height:14px!important;bottom:-2px!important;right:-2px!important;border-width:2px!important}.pref-confirm{display:inline-flex;gap:6px}.inferno-avatar-frame>.status-dot,.user-avatar.inferno-avatar-frame>.status-dot{position:absolute!important;z-index:3!important}.legal-doc-body .legal-intro{color:var(--text-muted);margin-bottom:14px}.legal-section{margin:0 0 16px}.legal-section h4{margin:0 0 6px;font-size:14px;font-weight:800;color:var(--text)}.legal-tldr{margin:0 0 8px;padding:8px 12px;border-left:3px solid var(--accent);border-radius:0 10px 10px 0;background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--text)}.legal-tldr b{color:var(--accent);margin-right:4px}.auth-legal{margin:10px 0 0;font-size:11.5px;line-height:1.5;color:var(--text-muted);text-align:center}.auth-legal a{color:var(--accent);text-decoration:none;font-weight:700}.auth-legal a:hover{text-decoration:underline}.legal-page{min-height:100vh;background:var(--bg);color:var(--text)}.legal-page-head{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px 24px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.legal-brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-weight:900;text-decoration:none;letter-spacing:.02em}.legal-brand-mark{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--accent);color:#06121a;font-size:12px;font-weight:900}.legal-nav{display:flex;gap:4px;flex-wrap:wrap}.legal-nav a{padding:6px 12px;border-radius:999px;color:var(--text-muted);font-size:13px;font-weight:700;text-decoration:none}.legal-nav a:hover{color:var(--text);background:var(--bg-muted)}.legal-nav a.active{color:var(--text);background:color-mix(in srgb,var(--accent) 18%,transparent)}.legal-page-main{max-width:820px;margin:0 auto;padding:32px 16px 64px}.legal-page-main h1{margin:0 0 6px;font-size:28px;font-weight:900}.legal-page-main .legal-doc-body{padding:18px 0 0;font-size:14px;line-height:1.65}.legal-page-main .legal-section h4{font-size:17px;margin-top:8px}.legal-page-foot{margin-top:40px;padding-top:16px;border-top:1px solid var(--border);font-size:12px;color:var(--text-muted);text-align:center}.boost-paid{margin-top:14px;padding:14px;border-radius:14px;border:1px solid var(--grid-card-border, var(--border));background:color-mix(in srgb,var(--accent) 6%,transparent)}.boost-paid .hint{margin:6px 0 10px}.boost-paid-list{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:6px;font-size:12.5px}.boost-paid-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;background:var(--bg-muted)}.boost-button.paid{width:100%;background:color-mix(in srgb,var(--accent) 22%,var(--bg-elevated));color:var(--text);border:1px solid color-mix(in srgb,var(--accent) 50%,transparent)}.plan-cards-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 980px){.plan-cards-grid.three{grid-template-columns:1fr}}.plan-card-tag{display:inline-block;margin-bottom:6px;padding:3px 9px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.plan-card.plan-business .plan-card-tag{background:color-mix(in srgb,#f0b232 22%,transparent);color:#f0b232}.plan-card.plan-business{border-color:color-mix(in srgb,#f0b232 45%,var(--border))}.ultra-subscribe-button.small{display:inline-flex;align-items:center;justify-content:center;width:auto;padding:9px 16px;cursor:pointer}.frame-shop{display:grid;grid-template-columns:112px 1fr;gap:16px;align-items:center;padding:14px;border-radius:14px;border:1px solid var(--grid-card-border, var(--border));background:var(--bg-elevated);margin-bottom:18px}.frame-shop-preview{display:grid;place-items:center}.frame-shop-avatar{position:relative;width:88px!important;height:88px!important;border-radius:50%;overflow:visible}.frame-shop-avatar .avatar-generic,.frame-shop-avatar img{width:88px;height:88px;border-radius:50%;font-size:28px}.frame-shop-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.custom-frame{position:absolute;left:50%;top:50%;width:135%;height:135%;transform:translate(-50%,-50%);background:center / contain no-repeat;pointer-events:none;z-index:2}.user-bar .user-avatar,.chat-message-avatar{position:relative}.chat-message-avatar.has-custom-frame{overflow:visible}.user-bar .user-avatar>.status-dot{z-index:3}.checkout-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:700;display:grid;place-items:center;padding:24px 16px;background:#03060cb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:auto}.checkout-flow{width:min(680px,100%);max-height:calc(100vh - 48px);overflow:auto;border-radius:18px;border:1px solid var(--grid-card-border, var(--border));background:var(--bg-elevated);box-shadow:0 30px 80px #0000008c}.checkout-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px 12px;border-bottom:1px solid var(--border)}.checkout-head small{color:var(--accent);font-weight:900;letter-spacing:.1em;font-size:10.5px}.checkout-head h2{margin:4px 0 0;font-size:18px}.checkout-steps{list-style:none;margin:0;padding:12px 16px 18px;display:flex;flex-direction:column;gap:8px}.checkout-step{border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--bg-muted) 55%,transparent);overflow:hidden;transition:border-color .2s}.checkout-step.open{border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.checkout-step.done{border-color:color-mix(in srgb,var(--online) 45%,var(--border))}.checkout-step.locked{opacity:.55}.checkout-step-head{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border:0;background:none;color:var(--text);text-align:left;cursor:pointer}.checkout-step-head:disabled{cursor:default}.checkout-step-num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:12px;background:var(--bg-muted);border:1px solid var(--border);flex:0 0 auto}.checkout-step.open .checkout-step-num{background:var(--accent);color:#06121a;border-color:transparent}.checkout-step.done .checkout-step-num{background:var(--online);color:#06121a;border-color:transparent}.checkout-step-text{display:flex;flex-direction:column;flex:1}.checkout-step-text small{color:var(--text-muted);font-size:12px}.checkout-step-head i{font-style:normal;color:var(--text-muted);font-size:18px}.checkout-step-body{padding:4px 14px 16px 54px;display:flex;flex-direction:column;gap:12px;animation:checkout-expand .22s ease}@keyframes checkout-expand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.checkout-summary{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.checkout-perks{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;font-size:12.5px;color:var(--text-muted)}.checkout-price{text-align:right;flex:0 0 auto}.checkout-price b{display:block;font-size:22px;color:var(--accent)}.checkout-price small{color:var(--text-muted);font-size:11.5px}.checkout-fiscal{margin-top:0!important}.checkout-fiscal .wide3{grid-column:span 3;margin:0}.checkout-result{display:flex;flex-direction:column;gap:12px}.checkout-result-status{padding:12px 14px;border-radius:12px;display:flex;flex-direction:column;gap:2px}.checkout-result-status.ok{background:color-mix(in srgb,var(--online) 14%,transparent);border:1px solid color-mix(in srgb,var(--online) 45%,transparent)}.checkout-result-status.pending{background:color-mix(in srgb,#f0b232 12%,transparent);border:1px solid color-mix(in srgb,#f0b232 45%,transparent)}.checkout-result-status small{color:var(--text-muted)}.checkout-receipt{padding:12px 14px;border-radius:12px;border:1px dashed var(--border);background:var(--bg-muted)}.checkout-receipt ul{list-style:none;margin:8px 0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:12.5px}.checkout-receipt li{display:flex;justify-content:space-between;gap:12px}.checkout-receipt li span:first-child{color:var(--text-muted)}.checkout-receipt .mono{font-family:ui-monospace,monospace;font-size:11.5px}.checkout-invoice{margin-top:8px;padding:8px 10px;border-radius:10px;font-size:12.5px;background:color-mix(in srgb,var(--bg-elevated) 70%,transparent)}.checkout-invoice.ok{color:var(--online)}.checkout-invoice.warn{color:#f0b232}.checkout-invoice a{color:var(--accent);font-weight:700}@media (max-width: 640px){.checkout-step-body{padding-left:14px}.checkout-perks{grid-template-columns:1fr}.checkout-summary{flex-direction:column}.checkout-price{text-align:left}}.cep-status{font-size:10.5px;color:var(--text-muted);min-height:14px}.cep-status.ok{color:var(--online)}.cep-status.notfound,.cep-status.error{color:#f0b232}.cep-status.loading{color:var(--accent)}.checkout-fiscal label{align-content:start}.checkout-fiscal .cep-status{margin-top:-2px}.embedded-payment{display:flex;flex-direction:column;gap:8px}.embedded-payment>div[id^=mp-brick]{min-height:120px}.embedded-loading{padding:18px;text-align:center}.checkout-alt{align-self:center;background:none;border:0;color:var(--text-muted);font-size:12px;text-decoration:underline;cursor:pointer;padding:4px}.checkout-alt:hover{color:var(--text)}.pix-box{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.pix-qr{width:220px;height:220px;border-radius:12px;background:#fff;padding:8px}.pix-copy{display:flex;gap:6px;width:100%}.pix-copy input{flex:1;font-size:11px;font-family:ui-monospace,monospace}.pix-wait{animation:pix-blink 1.6s ease-in-out infinite}@keyframes pix-blink{0%,to{opacity:1}50%{opacity:.45}}.preview-voice-card{align-items:center!important;justify-content:center!important;text-align:center}.preview-voice-card .tile-avatar-wrap{margin:0 auto!important;left:auto!important;transform:none!important}.preview-voice-card.inferno-voice-card .tile-avatar-wrap:before{left:50%;transform:translate(-50%)}.preview-voice-card small{width:100%}.pay-button{position:relative;width:100%;min-height:46px;border:0;border-radius:12px;font-weight:900;font-size:14px;color:#06121a;background:var(--accent);cursor:pointer;overflow:hidden;transition:background .25s,transform .15s,box-shadow .25s}.pay-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 45%,transparent)}.pay-button:disabled{cursor:default}.pay-button-label{display:inline-block;transition:opacity .25s,transform .3s}.pay-button-check{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#06121a;opacity:0;transform:scale(.4);transition:opacity .25s,transform .35s cubic-bezier(.2,1.4,.4,1)}.pay-button-check path{stroke-dasharray:24;stroke-dashoffset:24}.pay-button.loading{background:#22c55e;color:#052e16;animation:pay-pulse 1.1s ease-in-out infinite}.pay-button.loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translate(-100%);animation:pay-sheen 1.2s linear infinite}@keyframes pay-pulse{0%,to{box-shadow:0 0 #22c55e8c}50%{box-shadow:0 0 0 10px #22c55e00}}@keyframes pay-sheen{to{transform:translate(100%)}}.pay-button.success{background:#16a34a;animation:none}.pay-button.success .pay-button-label{opacity:0;transform:translateY(-12px)}.pay-button.success .pay-button-check{opacity:1;transform:scale(1)}.pay-button.success .pay-button-check path{animation:pay-draw .45s .15s ease-out forwards}@keyframes pay-draw{to{stroke-dashoffset:0}}.cosmetics-module-preview{grid-template-columns:repeat(auto-fit,minmax(140px,220px))!important;justify-content:center!important}.fire-sparks{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4;mix-blend-mode:screen}.inferno-avatar-frame:before,.inferno-profile-frame .profile-window-avatar:after,.inferno-profile-frame .dm-profile-avatar:after,.video-tile.avatar-only.inferno-voice-card .tile-avatar-wrap:before{mask-image:none!important;-webkit-mask-image:none!important;filter:drop-shadow(0 2px 3px rgba(60,0,0,.55)) drop-shadow(0 0 10px rgba(255,96,20,.55))!important;opacity:1!important}@property --inferno-ring-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.inferno-ring{position:relative;isolation:isolate}.inferno-ring:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;z-index:3;pointer-events:none;background:conic-gradient(from var(--inferno-ring-angle),#ffd166,#ff8a1f 22%,#ff4a12 45%,#dc1838 62%,#ff8a1f 82%,#ffd166);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));filter:drop-shadow(0 0 4px #ff6a1a) drop-shadow(0 0 12px rgba(255,74,18,.75));animation:inferno-ring-spin 2.6s linear infinite,inferno-ring-breathe 1.8s ease-in-out infinite alternate}@keyframes inferno-ring-spin{to{--inferno-ring-angle: 360deg}}@keyframes inferno-ring-breathe{to{filter:drop-shadow(0 0 6px #ffb347) drop-shadow(0 0 16px rgba(255,74,18,.9))}}.cosmetics-avatar-frame.inferno-avatar-frame{padding:0!important;border-radius:50%!important;background:none!important;box-shadow:none!important;overflow:visible}.cosmetics-avatar-frame.inferno-avatar-frame .frame-spin{display:none!important}.cosmetics-avatar-frame.inferno-avatar-frame .avatar-generic,.cosmetics-avatar-frame.inferno-avatar-frame img{border-radius:50%!important;border:2px solid #12040a!important}.cosmetics-avatar-frame.inferno-avatar-frame:before{z-index:1;width:160%;height:190%;bottom:-16%}.cosmetics-avatar-frame.inferno-avatar-frame .fire-sparks-avatar{top:-70%;right:-40%;bottom:-10%;left:-40%;width:180%;height:180%}.user-bar .user-avatar.inferno-avatar-frame:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;z-index:3;pointer-events:none;background:conic-gradient(from var(--inferno-ring-angle),#ffd166,#ff8a1f 22%,#ff4a12 45%,#dc1838 62%,#ff8a1f 82%,#ffd166);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));filter:drop-shadow(0 0 3px #ff6a1a);animation:inferno-ring-spin 2.6s linear infinite}@keyframes inferno-plate-fire{0%,24.99%{background-image:url(/themes/inferno/fire-frames/fire-hd1.png),url(/themes/inferno/fire-frames/fire-hd3.png)}25%,49.99%{background-image:url(/themes/inferno/fire-frames/fire-hd2.png),url(/themes/inferno/fire-frames/fire-hd4.png)}50%,74.99%{background-image:url(/themes/inferno/fire-frames/fire-hd3.png),url(/themes/inferno/fire-frames/fire-hd1.png)}75%,to{background-image:url(/themes/inferno/fire-frames/fire-hd4.png),url(/themes/inferno/fire-frames/fire-hd2.png)}}@keyframes inferno-plate-drift{to{background-position:-60px 100%,44px 100%}}@keyframes inferno-plate-embers{to{background-position:12px -40px,-18px -64px,6px -52px}}.member-row.gq-premium.theme-inferno,.friend-row.gq-premium.theme-inferno,.voice-occupant.gq-premium.theme-inferno,.dm-nav-item.premium-friend.theme-inferno,.cosmetics-name-line.inferno-nameplate{border-radius:12px}.member-row.gq-premium.theme-inferno:before,.friend-row.gq-premium.theme-inferno:before,.voice-occupant.gq-premium.theme-inferno:before,.dm-nav-item.premium-friend.theme-inferno:before,.cosmetics-name-line.inferno-nameplate:before{background:radial-gradient(ellipse at 50% 120%,rgba(255,140,40,.55),transparent 55%),linear-gradient(90deg,#3c080459,#780e0a8c 60%,#b41e0e99)!important;box-shadow:inset 0 -10px 18px #ff5a1440}.member-row.gq-premium.theme-inferno:after,.friend-row.gq-premium.theme-inferno:after,.voice-occupant.gq-premium.theme-inferno:after,.dm-nav-item.premium-friend.theme-inferno:after,.cosmetics-name-line.inferno-nameplate:after{inset:auto 0 0 0!important;height:100%;opacity:1!important;mask-image:linear-gradient(90deg,transparent 4%,#000 34%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 4%,#000 34%)!important;background-repeat:repeat-x,repeat-x!important;background-size:auto 56%,auto 40%!important;background-position:0 100%,26px 100%!important;filter:drop-shadow(0 0 4px rgba(255,80,16,.7)) saturate(1.1);animation:inferno-plate-fire .72s step-end infinite,inferno-plate-drift 9s linear infinite!important}.member-row.gq-premium.theme-inferno>:not(.fire-sparks),.friend-row.gq-premium.theme-inferno>:not(.fire-sparks),.voice-occupant.gq-premium.theme-inferno>:not(.fire-sparks),.dm-nav-item.premium-friend.theme-inferno>:not(.fire-sparks),.cosmetics-name-line.inferno-nameplate>:not(.fire-sparks){position:relative;z-index:2}.member-row.gq-premium.theme-inferno .member-name,.friend-row.gq-premium.theme-inferno .friend-name,.voice-occupant.gq-premium.theme-inferno .voice-occupant-name,.cosmetics-name-line.inferno-nameplate>strong{text-shadow:0 1px 2px rgba(20,0,0,.9),0 0 8px rgba(255,120,30,.5)}.cosmetics-name-line.inferno-nameplate{position:relative;isolation:isolate;overflow:hidden;padding:10px 14px!important;margin-left:-14px!important;min-height:48px}.cosmetics-name-line.inferno-nameplate .fire-sparks{z-index:3}.video-tile.avatar-only.inferno-voice-card:before{top:55%!important;right:-5%!important;bottom:-20%!important;left:-5%!important;filter:blur(14px)!important;opacity:.55}.video-tile.avatar-only.inferno-voice-card .tile-avatar-wrap:before{width:150%!important;height:170%!important;bottom:-16%!important}.video-tile.avatar-only.inferno-voice-card .tile-avatar-wrap:after{content:"";position:absolute;top:-40%;right:-30%;bottom:-10%;left:-30%;border:0!important;border-radius:0;pointer-events:none;z-index:3;background-image:radial-gradient(ellipse 1.2px 2.6px at 30% 80%,#ffe08a 0 60%,transparent 100%),radial-gradient(ellipse 1px 2.2px at 62% 90%,#ff8a2a 0 60%,transparent 100%),radial-gradient(ellipse .8px 2px at 46% 70%,#ff4a12 0 60%,transparent 100%);background-size:38px 60px,52px 74px,44px 66px;background-repeat:repeat;opacity:.8;animation:inferno-plate-embers 2.6s linear infinite!important;transform:none!important}.preview-voice-card .fire-sparks{top:-30%;right:0;bottom:0;left:0;height:130%}.cosmetics-banner .preview-fire-banner{background-image:url(/themes/inferno/fire-frames/fire-hd1.png),url(/themes/inferno/fire-frames/fire-hd3.png);background-repeat:repeat-x,repeat-x;background-size:auto 40%,auto 28%;background-position:0 100%,40px 100%;filter:drop-shadow(0 0 6px rgba(255,80,16,.7));animation:inferno-plate-fire .72s step-end infinite,inferno-plate-drift 12s linear infinite;opacity:1}.cosmetics-banner .preview-fire-banner:after{display:none}@media (prefers-reduced-motion: reduce){.inferno-ring:after,.user-bar .user-avatar.inferno-avatar-frame:after,.cosmetics-banner .preview-fire-banner,.member-row.gq-premium.theme-inferno:after,.friend-row.gq-premium.theme-inferno:after,.voice-occupant.gq-premium.theme-inferno:after,.dm-nav-item.premium-friend.theme-inferno:after,.cosmetics-name-line.inferno-nameplate:after{animation:none!important}}.member-row.gq-premium.theme-inferno .member-name,.friend-row.gq-premium.theme-inferno .friend-name,.voice-occupant.gq-premium.theme-inferno .voice-occupant-name,.dm-nav-item.premium-friend.theme-inferno .dm-nav-text>span:first-child,.cosmetics-name-line.inferno-nameplate>strong{background:linear-gradient(90deg,#fff6d5,#ffd166 45%,#ffb347)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:#ffd166!important;filter:none;text-shadow:none}.inferno-plate-epic{position:relative;isolation:isolate;overflow:hidden;border-radius:12px}.inferno-plate-epic:after{background-image:none!important;animation:none!important;opacity:0!important}.inferno-plate-epic:before{background:radial-gradient(ellipse at 50% 130%,rgba(255,110,30,.45),transparent 60%),linear-gradient(180deg,#260606e6,#100304f2)!important;box-shadow:inset 0 1px #ffb4781f,inset 0 -1px #ff5a1440}.inferno-plate-epic>.fire-plate{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.inferno-plate-epic>:not(.fire-plate):not(.fire-plate-edge){position:relative;z-index:2}@property --plate-edge-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.inferno-plate-epic>.fire-plate-edge{position:absolute!important;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--plate-edge-angle),transparent 0 62%,#ff7a1f 74%,#ffe08a 79%,#ff3d12 86%,transparent 92%),linear-gradient(#ff6e1e47,#ff6e1e47);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;filter:drop-shadow(0 0 3px rgba(255,120,30,.9));animation:plate-edge-run 3.2s linear infinite}@keyframes plate-edge-run{to{--plate-edge-angle: 360deg}}.inferno-plate-epic .member-name,.inferno-plate-epic .friend-name,.inferno-plate-epic .voice-occupant-name,.inferno-plate-epic .dm-nav-text>span:first-child,.cosmetics-name-line.inferno-plate-epic>strong{background:linear-gradient(100deg,#ffe7b3,#ffc45c 30%,#fff6dc 48%,#ffb347 60%,#ffe7b3)!important;background-size:250% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:plate-glint 4.2s ease-in-out infinite!important;filter:drop-shadow(0 0 1.5px rgba(20,0,0,1)) drop-shadow(0 1px 4px rgba(20,0,0,.85))}@keyframes plate-glint{0%,55%{background-position:100% 0}85%,to{background-position:0 0}}.cosmetics-name-line.inferno-plate-epic{min-height:54px;padding:12px 16px!important}@media (prefers-reduced-motion: reduce){.inferno-plate-epic>.fire-plate-edge{animation:none}.inferno-plate-epic .member-name{animation:none!important}}.inferno-fire-epic{position:relative;isolation:isolate;overflow:hidden}.inferno-fire-epic>.fire-plate{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.inferno-fire-epic>.fire-plate-edge{position:absolute!important;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--plate-edge-angle),transparent 0 62%,#ff7a1f 74%,#ffe08a 79%,#ff3d12 86%,transparent 92%),linear-gradient(#ff6e1e38,#ff6e1e38);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;filter:drop-shadow(0 0 3px rgba(255,120,30,.8));animation:plate-edge-run 4s linear infinite}.inferno-profile-banner .profile-banner.inferno-fire-epic:after,.settings-banner-preview.inferno-fire-epic:after,.cosmetics-banner.inferno-fire-epic .preview-fire-banner,.profile-theme-inferno .profile-banner.inferno-fire-epic:before{display:none!important}.profile-banner.inferno-fire-epic{overflow:hidden}.video-tile.avatar-only.inferno-voice-card.inferno-fire-epic:before{display:none!important}.video-tile.avatar-only.inferno-voice-card.inferno-fire-epic .tile-avatar-wrap:before,.video-tile.avatar-only.inferno-voice-card.inferno-fire-epic .tile-avatar-wrap:after{display:none!important}.video-tile.avatar-only.inferno-voice-card.inferno-fire-epic>:not(.fire-plate):not(.fire-plate-edge){position:relative;z-index:2}.video-tile.avatar-only.inferno-voice-card.inferno-fire-epic .tile-avatar{box-shadow:0 0 0 3px #ffbe5ad9,0 0 22px #ff5a14bf,0 6px 18px #00000080!important}.preview-voice-card.inferno-fire-epic{overflow:hidden!important}.preview-voice-card.inferno-fire-epic .tile-avatar-wrap{z-index:2}.preview-voice-card.inferno-fire-epic .tile-avatar-wrap .avatar-generic,.preview-voice-card.inferno-fire-epic .tile-avatar-wrap img{border-radius:50%;box-shadow:0 0 0 3px #ffbe5ad9,0 0 18px #ff5a14bf,0 6px 14px #00000080}.preview-voice-card.inferno-fire-epic small{z-index:3;text-shadow:0 1px 2px rgba(0,0,0,.8)}.inferno-ring:after{top:-3px!important;right:-3px!important;bottom:-3px!important;left:-3px!important;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px))!important;mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px))!important}.cosmetics-avatar-frame.inferno-avatar-frame .avatar-generic,.cosmetics-avatar-frame.inferno-avatar-frame img{border-width:0!important}.cosmetics-avatar-frame.inferno-avatar-frame:before{width:172%!important;height:196%!important;bottom:-18%!important}.user-bar .user-avatar.inferno-avatar-frame:after{top:-2.5px;right:-2.5px;bottom:-2.5px;left:-2.5px;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 1.5px))}.user-bar .user-avatar.inferno-avatar-frame:before{width:185%!important;height:205%!important}.video-tile.avatar-only.inferno-voice-card.inferno-fire-epic,.preview-voice-card.inferno-fire-epic{background:linear-gradient(180deg,#0000001a,#00000059),url(/themes/inferno/voice-card-bg.svg) center / cover no-repeat,#120405!important;border-color:#ff691d73!important}.video-tile.avatar-only.inferno-voice-card.inferno-fire-epic:after,.preview-voice-card.inferno-fire-epic:after{display:none!important}.desktop-only-card{text-align:center}.desktop-only-logo{width:64px;height:64px;margin:0 auto 8px;display:block}.desktop-only-form{display:flex;flex-direction:column;gap:10px;margin-top:14px}.desktop-only-form input{text-align:center}.desktop-only-warning{font-size:11.5px;line-height:1.5}.desktop-only-foot{margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.desktop-only-foot a{color:var(--accent);text-decoration:none}html[data-power=idle] *,html[data-power=idle] *:before,html[data-power=idle] *:after{animation-play-state:paused!important}html[data-power=idle] .theme-atmosphere,html[data-power=idle] .fire-sparks{opacity:.6}.pref-range{width:180px;accent-color:var(--accent)}.video-tile.inferno-voice-card.speaking,.video-tile.avatar-only.inferno-voice-card.inferno-fire-epic.speaking{border-color:var(--online)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--online) 70%,transparent),0 0 28px color-mix(in srgb,var(--online) 55%,transparent),0 16px 40px #00000059!important}.video-tile.avatar-only.inferno-voice-card.speaking .tile-avatar,.video-tile.avatar-only.inferno-voice-card.inferno-fire-epic.speaking .tile-avatar{box-shadow:0 0 0 4px var(--online),0 0 22px color-mix(in srgb,var(--online) 80%,transparent)!important;animation:speak-avatar-pulse .9s ease-in-out infinite}.video-tile.avatar-only.inferno-voice-card.inferno-fire-epic.speaking>.fire-plate-edge{opacity:0}@keyframes speak-avatar-pulse{0%,to{box-shadow:0 0 0 4px var(--online),0 0 22px color-mix(in srgb,var(--online) 80%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--online) 60%,transparent),0 0 34px color-mix(in srgb,var(--online) 90%,transparent)}}.tile-watchers{position:absolute;top:10px;left:10px;z-index:6;display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#05080fb3;color:#fff;font-size:12px;font-weight:800;pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tile-watchers.empty{opacity:.6}.tile-watchers small{font-weight:600;color:var(--text-muted);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-bar .user-avatar.inferno-avatar-frame>.status-dot,.inferno-avatar-frame>.status-dot{z-index:6!important}.settings-banner-avatar.inferno-avatar-frame{isolation:isolate;overflow:visible}.settings-banner-avatar.inferno-avatar-frame>*{position:relative;z-index:2}.settings-banner-avatar.inferno-avatar-frame:before{z-index:1;width:150%!important;height:170%!important;bottom:-12%!important}:root{--app-height:100dvh;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}html,body,#root{width:100%;min-width:0;height:100%;overflow:hidden}.app-shell{width:100%;height:var(--app-height,100dvh)!important;min-width:0}.auth-page{width:100%;height:var(--app-height,100dvh)!important;min-height:0;padding:max(16px,var(--safe-top)) max(16px,var(--safe-right)) max(16px,var(--safe-bottom)) max(16px,var(--safe-left));overflow:auto}.auth-card{width:min(320px,100%);flex:0 0 auto}.app-layout,.grid-center,.grid-center-body,.chat-panel,.dm-layout,.voice-viewport{min-width:0;min-height:0}img,video,canvas{max-width:100%}button,input,select,textarea{max-width:100%}@media (min-width:1800px){:root[data-layout=grid]{--grid-hubs:clamp(250px,14vw,300px);--grid-channels:clamp(210px,12vw,250px);--grid-right:clamp(300px,17vw,360px)}:root[data-layout=grid] .app-shell>.app-layout{gap:clamp(10px,.75vw,16px);padding-inline:clamp(10px,1vw,22px)}.chat-messages,.friends-content{padding-inline:clamp(18px,3vw,64px)}.voice-grid{grid-template-columns:repeat(auto-fit,minmax(min(320px,24vw),1fr));max-width:2200px;width:100%;margin-inline:auto}.video-tile{max-height:min(48vh,620px)}}@media (max-width:1180px){:root[data-layout=grid]{--grid-hubs:clamp(190px,21vw,224px);--grid-channels:clamp(180px,19vw,204px)}.dm-profile-card,.active-now-panel,.member-list:not(.server-panel .member-list){display:none!important}.dm-layout{grid-template-columns:minmax(0,1fr)!important}.topbar-center{min-width:0}}@media (max-width:900px){:root[data-layout=grid]{--grid-hubs:178px;--grid-channels:176px}:root[data-layout=grid] .app-shell>.app-layout,:root[data-layout=grid] .app-shell>.app-layout.has-members,:root[data-layout=grid] .app-shell>.app-layout.friends-layout{grid-template-columns:var(--grid-hubs) var(--grid-channels) minmax(0,1fr)}: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) var(--grid-channels) minmax(0,1fr)}.topbar.topbar-grid{grid-template-columns:minmax(90px,1fr) minmax(140px,2fr) minmax(70px,1fr)!important;padding-inline:8px!important}.grid-brand span,.topbar-search{display:none!important}.voice-grid{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))!important;gap:8px;padding:8px}.video-tile{min-width:0;min-height:0}.settings-modal{width:calc(100% - 20px);height:calc(var(--app-height) - 20px)}}@media (max-width:719px){body{overscroll-behavior:none;touch-action:manipulation}.app-shell>.topbar{flex:0 0 44px;height:44px!important;min-height:44px;padding-left:max(8px,var(--safe-left));padding-right:max(8px,var(--safe-right))}.topbar.topbar-grid{grid-template-columns:auto minmax(0,1fr) auto!important}.topbar-left{min-width:0}.topbar-left>span,.topbar-right .topbar-help{display:none!important}.topbar-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.app-shell>.app-layout,:root[data-layout=grid] .app-shell>.app-layout,:root[data-layout=grid] .app-shell>.app-layout.has-members,:root[data-layout=grid] .app-shell>.app-layout.friends-layout,: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,:root[data-layout=grid] .app-shell>.app-layout.private-call-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:54px auto minmax(0,1fr) auto!important;gap:5px!important;padding:5px max(5px,var(--safe-right)) max(0px,var(--safe-bottom)) max(5px,var(--safe-left))!important;overflow:hidden}.app-layout>.server-sidebar,:root[data-layout=grid] .app-layout>.server-sidebar.as-hubs{grid-column:1!important;grid-row:1!important;position:relative!important;width:100%!important;height:54px!important;min-height:54px;padding:4px 7px!important;display:flex!important;flex-direction:row!important;align-items:center;gap:7px;overflow-x:auto!important;overflow-y:hidden!important;border-radius:12px;scrollbar-width:none}.server-sidebar::-webkit-scrollbar{display:none}.server-sidebar .server-divider{width:1px!important;height:30px;margin:0 2px!important;flex:0 0 1px}.server-sidebar .server-icon,.server-sidebar .brand-mark,.server-sidebar .dm-unread-item{flex:0 0 42px;width:42px!important;height:42px!important;margin:0!important}.server-sidebar .server-icon:before{left:8px!important;bottom:-7px;width:26px!important;height:3px!important}.server-sidebar .server-create-label,.server-sidebar .hub-ring,.server-sidebar .server-tooltip{display:none!important}.app-layout>.channel-list,.app-layout>.dm-sidebar,.app-layout>.server-panel,:root[data-layout=grid] .app-layout>.server-panel{grid-column:1!important;grid-row:2!important;width:100%!important;max-height:min(31vh,230px);min-height:112px;border-radius:12px!important;overflow:auto!important}.dm-sidebar{padding:8px!important}.dm-sidebar .home-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.dm-sidebar .dm-nav-item{min-height:38px}:root[data-layout=grid] .app-layout>.server-hero{grid-column:1!important;grid-row:2!important;min-height:82px;height:82px;border-radius:12px}:root[data-layout=grid] .app-layout.has-hero>.server-panel{grid-row:3!important;max-height:min(25vh,190px)}:root[data-layout=grid] .app-layout.has-hero{grid-template-rows:54px 82px minmax(112px,25vh) minmax(0,1fr) auto!important}.app-layout>.grid-center,.app-layout>.chat-panel,.app-layout>.friends-main,.app-layout>.dm-layout,.app-layout>.voice-viewport,.app-layout>.waiting-room-screen,.app-layout>.lfg-main,:root[data-layout=grid] .app-layout>.grid-center{grid-column:1!important;grid-row:3!important;min-height:0;width:100%;border-radius:12px!important}:root[data-layout=grid] .app-layout.has-hero>.grid-center{grid-row:4!important}.app-layout>.grid-right,.app-layout>.active-now-panel,.app-layout>.member-list{display:none!important}.app-layout>.user-bar-stack,:root[data-layout=grid] .app-shell>.app-layout>.user-bar-stack,:root[data-layout=grid] .app-shell>.app-layout.has-hero>.user-bar-stack{grid-column:1!important;grid-row:-1!important;width:100%;min-width:0;padding-bottom:var(--safe-bottom)}.user-bar{min-width:0;padding:5px 7px!important;gap:4px!important}.user-identity-button{min-width:0;flex:1}.user-name-col{min-width:0}.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-bar .ultra-tag,.user-bar-side,.user-bar-game{display:none!important}.voice-icon-group{flex:0 0 auto;gap:2px!important}.voice-icon-group .icon-button{width:34px!important;height:34px!important;min-width:34px!important}.friends-tabs{overflow-x:auto;flex-wrap:nowrap;padding:6px!important;scrollbar-width:none}.friends-tabs button{flex:0 0 auto;white-space:nowrap}.friend-row{grid-template-columns:auto minmax(0,1fr) auto!important;gap:7px}.friend-row .hint{display:none}.friend-actions{grid-column:3}.chat-header,.dm-header{padding-inline:8px!important}.chat-search,.dm-search{max-width:38vw}.chat-message{padding-inline:8px!important}.message-composer{padding:7px!important}.voice-grid{grid-template-columns:repeat(auto-fit,minmax(min(145px,100%),1fr))!important;align-content:center;gap:6px!important;padding:6px!important}.voice-grid[data-participant-count="1"]{grid-template-columns:minmax(0,1fr)!important}.video-tile{width:100%;min-width:0!important;max-height:42vh;aspect-ratio:16/10;border-radius:12px!important}.tile-avatar{width:clamp(48px,15vw,72px)!important;height:clamp(48px,15vw,72px)!important}.voice-controls-wrap{left:50%!important;right:auto!important;bottom:max(8px,var(--safe-bottom))!important;width:min(calc(100% - 12px),520px);transform:translate(-50%)}.voice-controls{max-width:100%;overflow-x:auto;justify-content:flex-start;padding:5px;scrollbar-width:none}.voice-controls .icon-button.lg{flex:0 0 36px;width:36px!important;height:36px!important}.voice-invite-corner{display:none!important}.settings-modal{grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr);width:100%!important;height:var(--app-height)!important;border:0!important;border-radius:0!important}.settings-nav{min-height:0;max-height:116px;padding:7px!important;overflow:hidden!important}.settings-user-card,.settings-search,.settings-nav-label{display:none!important}.settings-nav-scroll{display:flex;overflow-x:auto!important;overflow-y:hidden!important;gap:5px}.settings-nav-group{display:flex!important;gap:5px;flex:0 0 auto;padding:0!important;border:0!important}.settings-nav .settings-nav-group button{width:58px!important;min-width:58px;height:58px;min-height:58px;grid-template-columns:1fr!important;place-items:center;padding:5px!important}.settings-nav .settings-nav-group button>span:nth-child(2),.settings-nav-chevron{display:none!important}.settings-content{padding:16px 12px max(20px,var(--safe-bottom))!important}.settings-page-header{padding-right:38px}.settings-page-header p{display:none}.settings-banner-preview{min-height:120px}.theme-options,.hub-theme-grid,.cosmetics-items,.theme-module-panel{grid-template-columns:1fr!important}.cosmetics-studio{margin-inline:0!important}.cosmetics-preview{min-height:340px}.modal-backdrop{padding:0!important;align-items:flex-end}.modal,.profile-window,.context-menu,.create-server-modal{max-width:100%!important}.profile-window{width:100%!important;max-height:calc(var(--app-height) - 20px);border-radius:18px 18px 0 0!important;overflow:auto}.toast-stack{bottom:calc(74px + var(--safe-bottom))!important}}@media (max-width:950px) and (max-height:600px) and (orientation:landscape){.auth-page{gap:8px;justify-content:flex-start;padding-block:8px}.auth-logo{width:34px;height:34px}.auth-card{padding:16px 22px;gap:7px}.auth-card input,.auth-card button{padding-block:7px}.auth-card .subtitle{margin-bottom:2px}.app-shell>.app-layout,:root[data-layout=grid] .app-shell>.app-layout,:root[data-layout=grid] .app-shell>.app-layout.has-members,:root[data-layout=grid] .app-shell>.app-layout.friends-layout,:root[data-layout=grid] .app-shell>.app-layout.friends-layout.dm-open{grid-template-columns:56px minmax(150px,22vw) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) auto!important}.app-layout>.server-sidebar,:root[data-layout=grid] .app-layout>.server-sidebar.as-hubs{grid-column:1!important;grid-row:1 / -1!important;width:56px!important;height:100%!important;flex-direction:column!important;overflow-y:auto!important;overflow-x:hidden!important}.app-layout>.channel-list,.app-layout>.dm-sidebar,.app-layout>.server-panel,:root[data-layout=grid] .app-layout>.server-panel{grid-column:2!important;grid-row:1!important;width:100%!important;height:100%;max-height:none}.app-layout>.grid-center,.app-layout>.friends-main,.app-layout>.dm-layout,.app-layout>.voice-viewport{grid-column:3!important;grid-row:1!important}.app-layout>.user-bar-stack,:root[data-layout=grid] .app-shell>.app-layout>.user-bar-stack{grid-column:2 / -1!important;grid-row:2!important}:root[data-layout=grid] .app-layout>.server-hero{display:none!important}.video-tile{max-height:calc(var(--app-height) - 110px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.mobile-pane-nav{display:none}:root[data-device=wide]{--grid-hubs:clamp(252px,13vw,304px);--grid-channels:clamp(218px,11vw,260px);--grid-right:clamp(300px,16vw,372px)}:root[data-device=wide] .grid-center-body,:root[data-device=wide] .friends-main,:root[data-device=wide] .dm-main{min-width:0}:root[data-device=wide] .chat-messages,:root[data-device=wide] .dm-messages{padding-inline:clamp(20px,3.5vw,76px)}:root[data-device=wide] .chat-message,:root[data-device=wide] .dm-message{max-width:1500px;width:100%;margin-inline:auto}:root[data-device=wide] .voice-grid{max-width:2300px;padding-inline:clamp(14px,2vw,40px)!important}:root[data-device=tablet] .app-shell>.app-layout,:root[data-device=tablet][data-layout=grid] .app-shell>.app-layout,:root[data-device=tablet][data-layout=grid] .app-shell>.app-layout.has-members,:root[data-device=tablet][data-layout=grid] .app-shell>.app-layout.friends-layout,:root[data-device=tablet][data-layout=grid] .app-shell>.app-layout.friends-layout.dm-open{grid-template-columns:64px clamp(196px,25vw,236px) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) auto!important;gap:6px!important;padding:6px!important}:root[data-device=tablet] .app-layout>.server-sidebar,:root[data-device=tablet][data-layout=grid] .app-layout>.server-sidebar.as-hubs{grid-column:1!important;grid-row:1 / -1!important;width:64px!important;height:100%!important;flex-direction:column!important;overflow-x:hidden!important;overflow-y:auto!important}:root[data-device=tablet] .app-layout>.channel-list,:root[data-device=tablet] .app-layout>.server-panel,:root[data-device=tablet] .app-layout>.dm-sidebar{display:flex!important;grid-column:2!important;grid-row:1!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important}:root[data-device=tablet] .app-layout>.grid-center,:root[data-device=tablet] .app-layout>.friends-main,:root[data-device=tablet] .app-layout>.dm-layout,:root[data-device=tablet] .app-layout>.voice-viewport,:root[data-device=tablet] .app-layout>.waiting-room-screen,:root[data-device=tablet] .app-layout>.lfg-main{display:flex!important;grid-column:3!important;grid-row:1!important;min-width:0;min-height:0}:root[data-device=tablet] .app-layout>.user-bar-stack{grid-column:2 / -1!important;grid-row:2!important}:root[data-device=tablet] .app-layout>.server-hero,:root[data-device=tablet] .app-layout>.grid-right,:root[data-device=tablet] .app-layout>.active-now-panel,:root[data-device=tablet] .app-layout>.member-list{display:none!important}:root[data-device=tablet] .voice-grid{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))!important}:root[data-device=tablet][data-input=touch] button,:root[data-device=tablet][data-input=touch] .icon-button{min-height:42px}:root[data-device=phone] .app-shell>.topbar{flex:0 0 42px;height:42px!important;min-height:42px}:root[data-device=phone] .mobile-pane-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:0 0 48px;min-height:48px;gap:4px;padding:4px max(6px,var(--safe-right)) 4px max(6px,var(--safe-left));background:color-mix(in srgb,var(--bg-deep,#070b12) 94%,transparent);border-bottom:1px solid var(--border,#17313a);z-index:20}:root[data-device=phone] .mobile-pane-nav button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:40px;border:0;border-radius:11px;color:var(--text-muted,#91a5ad);background:transparent;font:inherit;transition:background .18s ease,color .18s ease,transform .18s ease}:root[data-device=phone] .mobile-pane-nav button.active{color:var(--accent,#2de2c5);background:color-mix(in srgb,var(--accent,#2de2c5) 15%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent,#2de2c5) 28%,transparent)}:root[data-device=phone] .mobile-pane-nav button:active{transform:scale(.96)}:root[data-device=phone] .mobile-pane-nav span{font-size:17px}:root[data-device=phone] .mobile-pane-nav b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}:root[data-device=phone] .app-shell>.app-layout,:root[data-device=phone][data-layout=grid] .app-shell>.app-layout,:root[data-device=phone][data-layout=grid] .app-shell>.app-layout.has-members,:root[data-device=phone][data-layout=grid] .app-shell>.app-layout.friends-layout,:root[data-device=phone][data-layout=grid] .app-shell>.app-layout.friends-layout.dm-open,:root[data-device=phone][data-layout=grid] .app-shell>.app-layout.friends-layout.no-side-panel{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) auto!important;gap:4px!important;padding:4px max(4px,var(--safe-right)) max(0px,var(--safe-bottom)) max(4px,var(--safe-left))!important;overflow:hidden!important}:root[data-device=phone] .app-layout>*{min-width:0;min-height:0}:root[data-device=phone] .app-layout>.server-sidebar,:root[data-device=phone] .app-layout>.channel-list,:root[data-device=phone] .app-layout>.server-panel,:root[data-device=phone] .app-layout>.dm-sidebar,:root[data-device=phone] .app-layout>.grid-center,:root[data-device=phone] .app-layout>.friends-main,:root[data-device=phone] .app-layout>.dm-layout,:root[data-device=phone] .app-layout>.voice-viewport,:root[data-device=phone] .app-layout>.waiting-room-screen,:root[data-device=phone] .app-layout>.lfg-main{display:none!important}:root[data-device=phone] .app-layout.mobile-pane-servers>.server-sidebar{display:grid!important;grid-column:1!important;grid-row:1!important;width:100%!important;height:100%!important;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));grid-auto-rows:min-content;align-content:start;gap:12px 8px;padding:16px 10px!important;overflow-y:auto!important;overflow-x:hidden!important;border-radius:14px}:root[data-device=phone] .mobile-pane-servers .server-sidebar .server-icon,:root[data-device=phone] .mobile-pane-servers .server-sidebar .brand-mark,:root[data-device=phone] .mobile-pane-servers .server-sidebar .dm-unread-item{width:54px!important;height:54px!important;margin-inline:auto!important;flex:none!important}:root[data-device=phone] .mobile-pane-servers .server-sidebar .server-divider{display:none!important}:root[data-device=phone] .mobile-pane-servers .server-sidebar .server-create-label{display:block!important;font-size:10px;text-align:center}:root[data-device=phone] .app-layout.mobile-pane-navigation>.channel-list,:root[data-device=phone] .app-layout.mobile-pane-navigation>.server-panel,:root[data-device=phone] .app-layout.mobile-pane-navigation>.dm-sidebar{display:flex!important;grid-column:1!important;grid-row:1!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;overflow:auto!important;border-radius:14px!important}:root[data-device=phone] .app-layout.mobile-pane-content>.grid-center,:root[data-device=phone] .app-layout.mobile-pane-content>.friends-main,:root[data-device=phone] .app-layout.mobile-pane-content>.dm-layout,:root[data-device=phone] .app-layout.mobile-pane-content>.voice-viewport,:root[data-device=phone] .app-layout.mobile-pane-content>.waiting-room-screen,:root[data-device=phone] .app-layout.mobile-pane-content>.lfg-main{display:flex!important;grid-column:1!important;grid-row:1!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;overflow:hidden;border-radius:14px!important}:root[data-device=phone] .app-layout>.user-bar-stack,:root[data-device=phone][data-layout=grid] .app-shell>.app-layout>.user-bar-stack,:root[data-device=phone][data-layout=grid] .app-shell>.app-layout.has-hero>.user-bar-stack{display:block!important;grid-column:1!important;grid-row:2!important;width:100%!important}:root[data-device=phone] .app-layout>.server-hero,:root[data-device=phone] .app-layout>.grid-right,:root[data-device=phone] .app-layout>.active-now-panel,:root[data-device=phone] .app-layout>.member-list{display:none!important}:root[data-device=phone] .dm-sidebar .home-nav{grid-template-columns:1fr!important}:root[data-device=phone] .dm-sidebar .dm-nav-item{min-height:48px}:root[data-device=phone] button,:root[data-device=phone] .icon-button,:root[data-device=phone] input,:root[data-device=phone] select{min-height:42px}:root[data-device=phone] .voice-grid{grid-template-columns:repeat(auto-fit,minmax(min(142px,100%),1fr))!important;grid-auto-rows:minmax(112px,1fr);align-content:stretch!important;overflow-y:auto;padding:6px!important}:root[data-device=phone] .voice-grid[data-participant-count="1"]{grid-template-columns:1fr!important;grid-auto-rows:minmax(180px,1fr)}:root[data-device=phone] .video-tile{height:100%;max-height:none!important;aspect-ratio:auto}:root[data-device=phone] .chat-search,:root[data-device=phone] .dm-search{max-width:34vw!important}:root[data-zoomed=true] .topbar-search,:root[data-zoomed=true] .user-bar-game{display:none!important}:root[data-zoomed=true] .icon-button{flex-shrink:0}:root[data-device=phone],:root[data-device=tablet]{overflow-x:hidden}:root[data-device=phone] body,:root[data-device=phone] #root,:root[data-device=phone] .app-shell,:root[data-device=tablet] body,:root[data-device=tablet] #root,:root[data-device=tablet] .app-shell{max-width:100vw;overflow-x:hidden!important}:root[data-device=phone] .app-layout,:root[data-device=phone] .app-layout>*,:root[data-device=phone] .server-panel,:root[data-device=phone] .server-panel-body,:root[data-device=phone] .server-tab-pane,:root[data-device=phone] .channel-list,:root[data-device=phone] .grid-center,:root[data-device=phone] .grid-center-body,:root[data-device=phone] .chat-panel,:root[data-device=phone] .chat-messages,:root[data-device=phone] .dm-layout,:root[data-device=phone] .dm-main,:root[data-device=tablet] .app-layout>*,:root[data-device=tablet] .server-panel,:root[data-device=tablet] .grid-center,:root[data-device=tablet] .chat-panel{box-sizing:border-box;min-width:0!important;max-width:100%!important}:root[data-device=phone] .server-hero-row,:root[data-device=phone] .server-hero-text,:root[data-device=phone] .channel-item,:root[data-device=phone] .channel-item-row,:root[data-device=phone] .channel-name,:root[data-device=phone] .voice-occupant,:root[data-device=phone] .voice-occupant-text,:root[data-device=phone] .chat-message,:root[data-device=phone] .chat-message-content,:root[data-device=phone] .dm-message,:root[data-device=phone] .message-content{min-width:0!important;max-width:100%!important}:root[data-device=phone] .server-tabs{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding-inline:4px!important;gap:0!important}:root[data-device=phone] .server-tabs::-webkit-scrollbar{display:none}:root[data-device=phone] .server-tabs button{flex:1 1 0;min-width:0;padding-inline:5px!important;justify-content:center}:root[data-device=phone] .server-tabs button small{padding-inline:4px}:root[data-device=phone] .server-hero-row{gap:7px!important;padding-inline:8px!important}:root[data-device=phone] .server-hero-name strong{font-size:clamp(15px,6vw,20px)!important}:root[data-device=phone] .server-hero-stats{gap:7px!important;font-size:10px!important}:root[data-device=phone] .channel-item{width:100%;padding-inline:6px!important}:root[data-device=phone] .channel-item-row{gap:5px!important}:root[data-device=phone] .channel-row-right{gap:3px;min-width:0}:root[data-device=phone] .channel-elapsed{font-size:11px}:root[data-device=phone] .voice-occupants{width:100%;padding-left:20px!important}:root[data-device=phone] .voice-occupant{width:100%;padding-right:3px!important;gap:5px!important;overflow:hidden}:root[data-device=phone] .voice-occupant-text{flex:1;overflow:hidden}:root[data-device=phone] .voice-occupant-name,:root[data-device=phone] .voice-occupant-game{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root[data-device=phone] .chat-messages,:root[data-device=phone] .dm-messages{overflow-x:hidden!important;padding-inline:6px!important}:root[data-device=phone] .chat-message,:root[data-device=phone] .dm-message{box-sizing:border-box;padding-inline:4px!important;overflow:hidden}:root[data-device=phone] .chat-gif,:root[data-device=phone] .chat-video,:root[data-device=phone] .chat-message img,:root[data-device=phone] .dm-message img,:root[data-device=phone] .chat-message video,:root[data-device=phone] .dm-message video{width:auto!important;height:auto;max-width:100%!important;object-fit:contain}:root[data-device=phone] .chat-message audio,:root[data-device=phone] .dm-message audio{width:100%!important;max-width:100%!important}:root[data-device=phone] .message-composer,:root[data-device=phone] .chat-input.composer{width:100%;min-width:0!important;max-width:100%!important;box-sizing:border-box;overflow:hidden;gap:3px!important}:root[data-device=phone] .message-composer input,:root[data-device=phone] .message-composer textarea,:root[data-device=phone] .chat-input.composer input{flex:1 1 40px;min-width:0!important}:root[data-device=phone] .app-layout>.user-bar-stack,:root[data-device=phone][data-layout=grid] .app-shell>.app-layout>.user-bar-stack{display:block!important;overflow:visible;padding:4px!important;margin:0!important}:root[data-device=phone] .app-layout>.user-bar-stack>.user-bar,:root[data-device=phone][data-layout=grid] .app-layout>.user-bar-stack>.user-bar{display:flex!important;width:100%;min-width:0;padding:5px 6px!important;gap:4px!important}:root[data-device=phone] .user-identity-button{overflow:hidden!important;max-width:none!important}:root[data-device=phone] .user-bar-gear{flex:0 0 36px}:root[data-device=phone] .user-bar-side{display:none!important}:root[data-device=phone] .inferno-avatar-frame:before{width:145%;height:175%;bottom:-18%}@media (max-width:350px){:root[data-device=phone] .mobile-pane-nav{gap:2px;padding-inline:3px}:root[data-device=phone] .mobile-pane-nav button{gap:4px;padding-inline:3px}:root[data-device=phone] .mobile-pane-nav b{font-size:10px}:root[data-device=phone] .channel-glyph{width:18px;height:18px}:root[data-device=phone] .voice-occupant-flag,:root[data-device=phone] .channel-row-actions{display:none!important}:root[data-device=phone] .composer-tool.gif{display:none}}:root[data-device=desktop] .app-shell>.app-layout{column-gap:clamp(6px,.65vw,12px)!important;padding:clamp(6px,.65vw,12px)!important}:root[data-device=wide] .app-shell>.app-layout{column-gap:clamp(7px,.55vw,12px)!important}:root[data-device=desktop] .app-shell>.app-layout.has-hero,:root[data-device=wide] .app-shell>.app-layout.has-hero{row-gap:0!important}:root[data-device=phone][data-layout=grid] .app-shell>.app-layout.mobile-pane-navigation.has-hero{grid-template-rows:auto minmax(0,1fr) auto!important;row-gap:0!important}:root[data-device=phone][data-layout=grid] .app-layout.mobile-pane-navigation>.server-hero{display:flex!important;grid-column:1!important;grid-row:1!important;width:100%;min-height:112px!important;border-radius:14px 14px 0 0!important;border-bottom:0!important}:root[data-device=phone][data-layout=grid] .app-layout.mobile-pane-navigation>.server-panel{grid-column:1!important;grid-row:2!important;border-radius:0 0 14px 14px!important;border-top:0!important}:root[data-device=phone][data-layout=grid] .app-layout.mobile-pane-navigation>.user-bar-stack{grid-row:3!important;margin-top:4px!important}.panel-resizer{display:none}:root[data-layout=grid][data-device=desktop] .panel-resizer,:root[data-layout=grid][data-device=wide] .panel-resizer{display:block;position:absolute;z-index:65;top:150px;bottom:68px;width:10px;cursor:col-resize;touch-action:none;background:transparent}:root[data-layout=grid] .panel-resizer:after{content:"";position:absolute;top:8px;bottom:8px;left:4px;width:2px;border-radius:2px;background:transparent;transition:background .16s ease,box-shadow .16s ease}:root[data-layout=grid] .panel-resizer:hover:after,body.panel-resizing .panel-resizer:after{background:color-mix(in srgb,var(--accent) 72%,white 8%);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 48%,transparent)}:root[data-layout=grid] .panel-resizer-hubs{left:calc(var(--grid-hubs) + 10px);top:8px}:root[data-layout=grid] .panel-resizer-channels{left:calc(var(--grid-hubs) + var(--grid-channels) + 20px)}:root[data-layout=grid] .panel-resizer-right{right:calc(var(--grid-right) + 10px)}body.panel-resizing,body.panel-resizing *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.chat-panel{container-type:inline-size}.chat-message{content-visibility:auto;contain-intrinsic-size:auto 62px}@container (max-width:620px){.chat-messages{padding-inline:clamp(7px,2.5cqw,13px)!important}.chat-message-row{gap:clamp(6px,2cqw,10px)!important}.chat-message-avatar{width:34px;height:34px}.chat-message .author{margin-right:3px}}@container (max-width:360px){.chat-messages{padding-inline:6px!important}.chat-message-row{gap:6px!important}.chat-message-avatar{width:30px;height:30px}.chat-message-time{font-size:9px}.chat-message-meta{gap:3px;flex-wrap:wrap}}