:root{--bg: #05080f;--bg-elevated: #0c1018;--bg-panel: #0e1219;--bg-muted: #131720;--bg-input: #171b24;--border: #22272f;--text: #f3f6f6;--text-muted: #8f9cae;--accent: #14ebce;--accent-strong: #0fd0b6;--accent-soft: rgba(20, 235, 206, .14);--danger: #dc2828;--online: #3ba55d}:root[data-theme=light]{--bg: #f2f3f5;--bg-elevated: #ffffff;--bg-panel: #f7f8fa;--bg-muted: #e9eaed;--bg-input: #ffffff;--border: #d8dade;--text: #23272a;--text-muted: #5c6570;--accent-soft: rgba(15, 179, 156, .12)}:root[data-theme=gray]{--bg: #3a3d42;--bg-elevated: #45484d;--bg-panel: #404349;--bg-muted: #4c4f55;--bg-input: #505359;--border: #5a5d63;--text: #f0f1f2;--text-muted: #c2c5ca}:root[data-theme=black]{--bg: #000000;--bg-elevated: #0a0a0a;--bg-panel: #060606;--bg-muted: #121212;--bg-input: #151515;--border: #232323;--text: #ffffff;--text-muted: #9a9a9a}:root[data-theme=aurora]{--bg: #0a0518;--bg-elevated: #140b2b;--bg-panel: #110924;--bg-muted: #1c1038;--bg-input: #201142;--border: #34205c;--text: #f3eaff;--text-muted: #b9a6e0;--accent: #14ebce;--accent-strong: #9b5cff;--accent-soft: rgba(155, 92, 255, .18)}:root[data-theme=aurora] body{background:linear-gradient(160deg,#0a0518,#140b2b 60%,#1c1038)}:root[data-theme=sunset]{--bg: #1a0d08;--bg-elevated: #24120a;--bg-panel: #200f09;--bg-muted: #2c150c;--bg-input: #33180d;--border: #472313;--text: #fff1e6;--text-muted: #e0b49a;--accent: #ff7a45;--accent-strong: #ff3d7f;--accent-soft: rgba(255, 61, 127, .18)}:root[data-theme=sunset] body{background:linear-gradient(160deg,#1a0d08,#24120a 60%,#33180d)}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.auth-page{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:radial-gradient(circle at 50% 0%,rgba(20,235,206,.08),transparent 60%),var(--bg)}.auth-logo{width:56px;height:56px}.auth-card{background:var(--bg-elevated);border:1px solid var(--border);padding:32px;border-radius:12px;width:320px;display:flex;flex-direction:column;gap:12px}.auth-card h1{margin:0;color:var(--text);text-align:center;letter-spacing:.5px}.auth-card .subtitle{text-align:center;color:var(--text-muted);margin:0 0 8px}.auth-card input{padding:10px 12px;border-radius:6px;border:1px solid var(--border);background:var(--bg-input);color:var(--text)}.auth-field-label{color:var(--text-muted);font-size:12px;margin:-4px 0 -6px}.auth-card input:focus{outline:none;border-color:var(--accent)}.auth-card button{padding:10px;border-radius:6px;border:none;background:var(--accent);color:#04231d;font-weight:700;cursor:pointer}.auth-card button:hover{background:var(--accent-strong)}.auth-card .error{background:var(--danger);color:#fff;padding:8px;border-radius:6px;font-size:14px}.switch-link{text-align:center;font-size:13px;color:var(--text-muted)}.switch-link a{color:var(--accent)}.app-layout{display:grid;grid-template-columns:72px 240px 1fr;height:100vh}.server-sidebar{background:var(--bg-elevated);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:8px}.brand-mark{width:48px;height:48px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none}.brand-mark img{width:48px;height:48px;border-radius:24px;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:16px}.brand-mark.active{position:relative}.brand-mark.active:before{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:4px;height:28px;border-radius:0 4px 4px 0;background:var(--text)}@keyframes logo-idle-doodle{0%,90%{transform:scale(1) rotate(0)}92%{transform:scale(1.12,.88) rotate(-8deg)}94%{transform:scale(.92,1.1) rotate(6deg)}96%{transform:scale(1.06,.96) rotate(-3deg)}to{transform:scale(1) rotate(0)}}.server-icon{width:48px;height:48px;border-radius:24px;background:var(--bg-muted);color:var(--text);border:none;cursor:pointer;font-weight:700;display:flex;align-items:center;justify-content:center;text-decoration:none;flex-shrink:0;transition:border-radius .15s,background .15s}.server-divider{width:32px;height:1px;background:var(--border);margin:2px 0 6px}.dm-unread-stack{display:flex;flex-direction:column;align-items:center;gap:6px;margin:6px 0}.dm-unread-item{position:relative;width:44px;height:44px;border-radius:24px;overflow:hidden;border:none;padding:0;cursor:pointer;transition:border-radius .15s}.dm-unread-item:hover{border-radius:16px}.dm-unread-badge{position:absolute;bottom:-2px;right:-2px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;border:2px solid var(--bg)}.server-icon:hover,.server-icon.active{border-radius:16px;background:var(--accent);color:#04231d}.server-icon.add{color:var(--accent);font-size:20px;background:var(--bg-muted)}.server-icon.add:hover{color:#04231d}.create-server-form input{width:48px;border-radius:8px;border:1px solid var(--border);padding:4px;background:var(--bg-input);color:var(--text)}.channel-list{background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:12px 8px}.channel-list.empty{align-items:center;justify-content:center;color:var(--text-muted)}.server-title{color:var(--text);font-weight:700;padding:0 8px 12px;border-bottom:1px solid var(--border);margin-bottom:8px;letter-spacing:.2px}.channel-group-label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.4px;padding:12px 8px 4px}.channel-item{background:none;border:none;color:var(--text-muted);text-align:left;padding:7px 8px;border-radius:6px;cursor:pointer;font-size:14px;display:flex;flex-direction:column;gap:1px}.channel-item-row{display:flex;align-items:center;gap:5px}.channel-status{font-size:11px;color:var(--text-muted);padding-left:18px}.voice-occupants{display:flex;flex-direction:column;gap:3px;padding-left:18px;margin-top:2px}.voice-occupant{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.voice-occupant .voice-occupant-avatar{width:20px;height:20px;min-width:20px;flex-shrink:0;border-radius:50%;object-fit:cover}.channel-item:hover{background:var(--bg-muted);color:var(--text)}.channel-item.active{background:var(--accent-soft);color:var(--accent)}.channel-item.add{color:var(--accent)}.channel-item.dragging{opacity:.4}.channel-drop-zone{border-radius:6px;transition:background .1s,box-shadow .1s;min-height:4px}.channel-drop-zone.drop-active{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.create-channel-form input{width:100%;padding:6px 8px;border-radius:6px;border:1px solid var(--border);margin:2px 0;background:var(--bg-input);color:var(--text)}.user-bar{position:relative;margin-top:auto;display:flex;align-items:center;gap:8px;padding:8px;background:var(--bg-muted);border-radius:8px;font-size:13px}.user-bar .user-avatar{position:relative;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#04231d;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;flex-shrink:0}.status-dot{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%;background:var(--online);border:2px solid var(--bg-muted)}.user-bar .user-name{flex:1;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-name-col{display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden}.user-name-col .user-name{flex:none}.user-playing{font-size:10px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plus-tag{font-size:9px;font-weight:700;color:#04231d;background:var(--accent);padding:2px 5px;border-radius:4px;letter-spacing:.5px}.settings-link{color:var(--text-muted);text-decoration:none;font-size:14px}.settings-link:hover{color:var(--text)}.chat-panel{display:flex;flex-direction:column;height:100vh;background:var(--bg)}.chat-panel.empty{align-items:center;justify-content:center;color:var(--text-muted)}.chat-header{padding:14px 16px;border-bottom:1px solid var(--border);font-weight:700;color:var(--text)}.chat-messages{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.chat-message{position:relative}.chat-message .author{color:var(--accent);font-weight:600;margin-right:8px;cursor:pointer}.chat-message .author:hover{text-decoration:underline}.chat-message-row{display:flex;align-items:flex-start;gap:12px}.chat-message-avatar{flex-shrink:0;width:38px;height:38px;border-radius:50%;overflow:hidden;border:none;padding:0;cursor:pointer;background:var(--bg-muted)}.chat-message-body{flex:1;min-width:0}.chat-message-meta{display:flex;align-items:baseline;gap:6px}.chat-message-time{font-size:11px;color:var(--text-muted)}.chat-message-edited{font-size:10px;color:var(--text-muted);font-style:italic}.chat-edit-row{display:flex;gap:6px;margin-top:2px}.chat-edit-row input{flex:1;background:var(--bg-input);border:1px solid var(--accent);border-radius:4px;color:var(--text);padding:4px 8px;font-size:13px}.chat-edit-row button{background:var(--bg-muted);border:none;color:var(--text-muted);border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer}.chat-reply-preview{font-size:11px;color:var(--text-muted);margin-bottom:2px}.chat-gif{display:block;max-width:260px;border-radius:8px;margin-top:4px}.chat-message-actions{position:absolute;top:-10px;right:4px;display:none;gap:4px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;padding:2px 4px}.chat-message:hover .chat-message-actions{display:flex}.chat-message-actions button{background:none;border:none;cursor:pointer;font-size:13px}.reaction-picker{display:flex;gap:4px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:4px 6px;width:fit-content;margin-top:4px}.reaction-picker button{background:none;border:none;cursor:pointer;font-size:16px}.chat-reactions{display:flex;gap:4px;margin-top:4px}.chat-reaction-chip{background:var(--bg-muted);border:1px solid var(--border);border-radius:10px;padding:1px 8px;font-size:12px;cursor:pointer;color:var(--text)}.chat-reply-bar{display:flex;align-items:center;gap:8px;padding:6px 16px;font-size:12px;color:var(--text-muted);border-top:1px solid var(--border)}.chat-reply-bar button{margin-left:auto;background:none;border:none;color:var(--text-muted);cursor:pointer}.chat-input{padding:12px 16px;display:flex;gap:8px;align-items:center}.chat-gif-button{padding:6px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg-muted);color:var(--text);font-size:11px;font-weight:700;cursor:pointer;flex-shrink:0}.gif-url-form{display:flex;gap:8px;padding:0 16px 12px}.gif-url-form input{flex:1;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text)}.chat-input input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text)}.chat-input input:focus{outline:none;border-color:var(--accent)}.voice-panel{display:flex;flex-direction:column;height:100vh;background:var(--bg)}.voice-participants{flex:1;display:flex;flex-wrap:wrap;align-content:flex-start;gap:24px;padding:24px}.voice-avatar{display:flex;flex-direction:column;align-items:center;gap:8px;width:96px}.avatar-circle{position:relative;width:72px;height:72px;border-radius:50%;background:var(--bg-muted);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;border:3px solid transparent;transition:border-color .1s}.avatar-circle .status-dot{width:14px;height:14px;border:3px solid var(--bg)}.voice-avatar.speaking .avatar-circle{border-color:var(--accent)}.voice-avatar span{font-size:13px;color:var(--text-muted);text-align:center}.screen-share-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;padding:0 24px 16px}.screen-share-video{width:100%;border-radius:8px;background:#000;border:1px solid var(--border)}.voice-controls-wrap{padding:16px 24px;border-top:1px solid var(--border)}.voice-controls{display:flex;align-items:center;justify-content:center;gap:18px;opacity:.6;transform:translateY(2px);transition:opacity .2s ease,transform .2s ease}.voice-controls-wrap:hover .voice-controls,.voice-controls:focus-within{opacity:1;transform:translateY(0)}.voice-controls-group{display:flex;align-items:center;gap:6px;background:var(--bg-muted);padding:6px;border-radius:26px;position:relative}.voice-controls .icon-button:disabled{opacity:.5;cursor:default}.voice-mini-popover{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:2px;min-width:210px;box-shadow:0 8px 24px #00000059;z-index:20;animation:popover-in .12s ease}.voice-mini-popover button{background:none;border:none;text-align:left;padding:8px 10px;border-radius:6px;color:var(--text);cursor:pointer;font-size:13px}.voice-mini-popover button:hover{background:var(--bg-muted)}.voice-mini-popover button.danger{color:var(--danger)}.premium-lock-button{padding:10px 16px;border-radius:8px;border:1px dashed var(--accent);color:var(--accent);text-decoration:none;font-weight:600;display:flex;align-items:center}.recording-indicator{margin-left:12px;color:var(--danger);font-size:13px;font-weight:600;animation:pulse 1.2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.soundboard-panel{display:flex;flex-wrap:wrap;gap:8px;padding:0 24px 16px}.soundboard-clip{padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-muted);color:var(--text);cursor:pointer;font-size:13px}.soundboard-clip:hover{border-color:var(--accent);color:var(--accent)}.soundboard-clip.upload{border-style:dashed;color:var(--text-muted)}.hint{font-size:12px;color:var(--text-muted);margin-top:8px;display:block}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer}.settings-toggle-row p{color:var(--text-muted);font-size:13px;margin:4px 0 0}.settings-toggle-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0}.plan-badge.active{color:var(--accent);font-weight:700}.upgrade-button{padding:12px 20px;border-radius:8px;border:none;background:var(--accent);color:#04231d;font-weight:700;cursor:pointer}.upgrade-button:disabled{opacity:.6;cursor:default}.dev-toggle{background:none;border:1px solid var(--border);color:var(--text-muted);border-radius:4px;padding:2px 6px;cursor:pointer;font-size:11px}.success{background:var(--online);color:#fff;padding:8px;border-radius:6px;font-size:14px;margin-bottom:8px}.context-menu{position:fixed;z-index:300;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:6px;min-width:220px;box-shadow:0 8px 24px #00000059}.context-menu-item{display:block;width:100%;text-align:left;background:none;border:none;color:var(--text);padding:8px 10px;border-radius:4px;font-size:13px;cursor:pointer}.context-menu-item:hover{background:var(--bg-muted)}.context-menu-item.danger{color:var(--danger)}.context-menu-item:disabled{opacity:.5;cursor:default}.context-menu-separator{height:1px;background:var(--border);margin:6px 4px}.context-menu-hint{padding:8px 10px;font-size:12px;color:var(--text-muted)}.member-role-check{display:inline-block;width:18px}.app-layout.has-members{grid-template-columns:72px 240px 1fr 240px}.member-list{background:var(--bg-panel);border-left:1px solid var(--border);padding:16px 8px;overflow-y:auto}.member-list-header{font-size:12px;font-weight:700;color:var(--text-muted);padding:0 8px 10px;letter-spacing:.02em}.member-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;cursor:default}.member-row:hover{background:var(--bg-muted)}.member-row-info{display:flex;flex-direction:column;min-width:0}.member-name{font-size:14px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-voice-tag{font-size:11px;color:var(--text-muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:400}.modal-box{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;max-width:90vw;max-height:85vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-header h3{margin:0}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px}.modal-body{padding:20px}.modal-form{display:flex;flex-direction:column;gap:8px}.modal-form label{font-size:12px;color:var(--text-muted);margin-top:6px}.modal-form input{padding:8px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg-input);color:var(--text)}.modal-form button[type=submit]{margin-top:12px;padding:10px;border-radius:6px;border:none;background:var(--accent);color:#04231d;font-weight:700;cursor:pointer}.danger-button{margin-top:16px;width:100%;padding:10px;border-radius:6px;border:1px solid var(--danger);background:none;color:var(--danger);font-weight:600;cursor:pointer}.invite-code-box{display:flex;align-items:center;gap:10px;background:var(--bg-muted);padding:10px 14px;border-radius:8px;margin-top:8px}.invite-code-box code{flex:1;font-size:15px;letter-spacing:1px}.invite-code-box button{padding:6px 12px;border-radius:6px;border:none;background:var(--accent);color:#04231d;font-weight:600;cursor:pointer}.event-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.event-list li{display:flex;justify-content:space-between;background:var(--bg-muted);padding:10px 12px;border-radius:8px;font-size:13px}.category-block{display:flex;flex-direction:column}.category-label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.4px;padding:12px 8px 2px;background:none;border:none;display:flex;align-items:center;gap:4px;cursor:pointer;width:100%;text-align:left}.category-label:hover{color:var(--text)}.category-chevron{display:inline-block;transition:transform .15s;font-size:9px}.category-chevron.collapsed{transform:rotate(-90deg)}.voice-icon-group{display:flex;align-items:center;gap:2px;position:relative;flex-shrink:0}.icon-with-caret{position:relative}.icon-button{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;width:26px;height:26px;padding:0;border-radius:6px;transition:background .12s,color .12s}.icon-button:hover{color:var(--text);background:var(--bg-muted)}.icon-button.active-danger{color:var(--danger)}.icon-caret{position:absolute;bottom:-2px;right:-2px;width:13px;height:13px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:50%;padding:0}.icon-caret:hover{color:var(--text);border-color:var(--accent)}.device-popover{position:absolute;bottom:44px;right:0;width:240px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:6px;z-index:250;animation:popover-in .12s ease-out;box-shadow:0 8px 24px #00000059}.device-popover label{font-size:11px;color:var(--text-muted);margin-top:6px}.device-popover select{padding:6px;border-radius:6px;border:1px solid var(--border);background:var(--bg-input);color:var(--text)}.device-popover input[type=range]{accent-color:var(--accent)}.settings-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:500;display:flex}.settings-modal{display:grid;grid-template-columns:240px 1fr;width:100%}.settings-nav{background:var(--bg-panel);border-right:1px solid var(--border);padding:24px 12px;display:flex;flex-direction:column;gap:2px}.settings-nav button{text-align:left;background:none;border:none;color:var(--text-muted);padding:8px 10px;border-radius:6px;cursor:pointer;font-size:14px}.settings-nav button:hover{background:var(--bg-muted);color:var(--text)}.settings-nav button.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.settings-nav-label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.4px;padding:16px 10px 4px}.settings-content{position:relative;max-width:640px;margin:0 auto;padding:48px 24px;overflow-y:auto}.settings-content h2{font-size:14px;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);margin:28px 0 12px}.settings-content h2:first-child{margin-top:0}.settings-modal-close{position:absolute;top:16px;right:24px;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:13px}.settings-form{display:flex;flex-direction:column;gap:8px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:16px}.settings-form label{font-size:12px;color:var(--text-muted)}.settings-form input{padding:8px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg-input);color:var(--text)}.settings-form button[type=submit]{align-self:flex-start;margin-top:6px;padding:8px 16px;border-radius:6px;border:none;background:var(--accent);color:#04231d;font-weight:700;cursor:pointer}.payment-history{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.payment-history li{display:flex;justify-content:space-between;background:var(--bg-elevated);border:1px solid var(--border);padding:8px 12px;border-radius:8px;font-size:13px}.theme-options{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.theme-options button{padding:12px 20px;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer}.theme-options button.active{border-color:var(--accent);color:var(--accent)}.theme-premium-option.locked{opacity:.5;cursor:not-allowed}@keyframes popover-in{0%{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.friends-layout{grid-template-columns:72px 240px 1fr 280px}.friends-icon:not(.active):not(:hover) svg{color:var(--accent)}.dm-sidebar{background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:12px 8px;gap:2px;overflow-y:auto}.dm-nav-item{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--text-muted);text-align:left;padding:7px 8px;border-radius:6px;cursor:pointer;font-size:14px}.dm-nav-item:hover{background:var(--bg-muted);color:var(--text)}.dm-nav-item.active{background:var(--accent-soft);color:var(--accent)}.user-avatar.small{position:relative;width:24px;height:24px;border-radius:50%;background:var(--accent);color:#04231d;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:10px;flex-shrink:0}.friends-main{display:flex;flex-direction:column;background:var(--bg);min-width:0}.friends-tabs{display:flex;align-items:center;gap:20px;padding:14px 20px;border-bottom:1px solid var(--border)}.friends-tabs button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:4px 0;display:flex;align-items:center;gap:6px}.friends-tabs button:hover{color:var(--text)}.friends-tabs button.active{color:var(--text);font-weight:600}.friends-tabs .add-friend-tab{margin-left:auto;background:var(--accent-soft);color:var(--accent);padding:5px 12px;border-radius:6px}.badge{background:var(--danger);color:#fff;font-size:10px;font-weight:700;border-radius:10px;padding:1px 6px}.friends-content{flex:1;overflow-y:auto;padding:20px}.add-friend-box{max-width:520px}.add-friend-box h2{margin:0 0 8px}.add-friend-box p{color:var(--text-muted);font-size:13px}.add-friend-form{display:flex;gap:10px;margin-top:12px}.add-friend-form input{flex:1;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text)}.add-friend-form button{padding:10px 18px;border-radius:8px;border:none;background:var(--accent);color:#04231d;font-weight:700;cursor:pointer;white-space:nowrap}.friend-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.friend-row{display:flex;align-items:center;gap:12px;padding:10px 8px;border-bottom:1px solid var(--border)}.friend-row .user-avatar{position:relative;width:34px;height:34px;border-radius:50%;background:var(--bg-muted);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}.friend-name{font-weight:600;min-width:140px}.friend-actions{margin-left:auto;display:flex;gap:8px}.friend-actions button{padding:6px 12px;border-radius:6px;border:none;background:var(--bg-muted);color:var(--text);cursor:pointer;font-size:12px}.friend-actions button:hover{background:var(--accent-soft);color:var(--accent)}.friend-actions.icon-actions{gap:4px}.friend-actions.icon-actions .icon-button{width:30px;height:30px;border-radius:50%;background:var(--bg-muted);color:var(--text-muted)}.friend-actions.icon-actions .icon-button:hover{background:var(--accent-soft);color:var(--accent)}.danger-button-inline{color:var(--danger)!important}.danger-button-inline:hover{background:#dc282826!important}.active-now-panel{background:var(--bg-panel);border-left:1px solid var(--border);padding:20px 16px;overflow-y:auto}.active-now-panel h3{margin:0 0 16px;font-size:13px;color:var(--text)}.go-ultra-promo-card{width:100%;display:flex;flex-direction:column;gap:4px;text-align:left;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:linear-gradient(120deg,#14ebce26,#7c5cff26);color:var(--text);cursor:pointer;margin-bottom:16px;font-size:12px}.go-ultra-promo-card strong{font-size:14px}.active-now-card{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;margin-bottom:6px;background:var(--bg-elevated);border:1px solid var(--border)}.active-now-card .user-avatar{position:relative;width:32px;height:32px;border-radius:50%;background:var(--bg-muted);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;flex-shrink:0}.active-now-info{display:flex;flex-direction:column;min-width:0;flex:1}.active-now-info span{font-size:11px;color:var(--text-muted)}.active-now-card button{padding:5px 10px;border-radius:6px;border:none;background:var(--accent);color:#04231d;font-weight:600;cursor:pointer;font-size:11px}.friends-layout{position:relative}.active-now-panel{position:relative;overflow:hidden}.active-now-panel:before,.active-now-panel:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;filter:blur(70px);opacity:.35;pointer-events:none;z-index:0}.active-now-panel:before{background:var(--accent);top:-60px;right:-60px;animation:neon-drift-a 9s ease-in-out infinite}.active-now-panel:after{background:#7c5cff;bottom:-80px;left:-60px;animation:neon-drift-b 11s ease-in-out infinite}.active-now-panel>*{position:relative;z-index:1}@keyframes neon-drift-a{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-20px,30px) scale(1.15)}}@keyframes neon-drift-b{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.1)}}.active-now-card{position:relative;overflow:hidden}.active-now-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,var(--accent),#7c5cff,var(--accent));background-size:200% 200%;animation:neon-border-flow 4s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6}@keyframes neon-border-flow{0%{background-position:0% 50%}to{background-position:200% 50%}}.ultra-card{position:relative;border-radius:16px;padding:28px;overflow:hidden;background:linear-gradient(160deg,#0f1b1a,#0a0f14 60%,#120a1e);border:1px solid var(--border);margin-bottom:12px}.ultra-card-glow{position:absolute;width:260px;height:260px;border-radius:50%;background:var(--accent);filter:blur(90px);opacity:.3;top:-100px;right:-60px;animation:neon-drift-a 10s ease-in-out infinite}.ultra-card-content{position:relative;z-index:1}.ultra-title{font-size:28px;font-weight:900;font-style:italic;letter-spacing:.5px;color:#fff;text-shadow:0 0 18px rgba(20,235,206,.5);margin-bottom:6px}.ultra-subtitle{color:var(--text-muted);font-size:13px;margin:0 0 16px}.ultra-perks{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:12px}.ultra-perks li{display:flex;align-items:flex-start;gap:10px;color:#fff;font-size:13px}.ultra-perk-icon{font-size:16px;flex-shrink:0}.ultra-perk-detail{color:var(--text-muted);font-weight:400}.ultra-plan-options{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.ultra-plan-option{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:#ffffff08;cursor:pointer;transition:border-color .15s,background .15s}.ultra-plan-option:hover{border-color:var(--accent)}.ultra-plan-option.selected{border-color:var(--accent);background:#14ebce14}.ultra-plan-option input[type=radio]{accent-color:var(--accent);width:16px;height:16px;flex-shrink:0}.ultra-plan-option>div:nth-child(2){flex:1;display:flex;flex-direction:column;color:#fff;font-size:13px}.ultra-plan-option>div:nth-child(2) span{color:var(--text-muted);font-size:11px}.ultra-plan-price{color:#fff;font-weight:700;font-size:15px}.ultra-subscribe-button{width:100%;padding:13px;border-radius:10px;border:none;background:#fff;color:#0a0f14;font-weight:700;font-size:14px;cursor:pointer}.ultra-subscribe-button:hover{background:var(--accent)}.ultra-subscribe-button:disabled{opacity:.6;cursor:default}.ultra-card.active-plan{padding:20px 28px}.plan-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.plan-card{margin-bottom:0}.plan-card .ultra-plan-price{font-size:22px;margin-bottom:14px}.game-collection-list{list-style:none;margin:8px 0 20px;padding:0;display:flex;flex-direction:column;gap:6px}.game-collection-list li{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:6px;background:var(--bg-muted);font-size:13px}.user-identity-button{display:flex;align-items:center;gap:8px;flex:1;min-width:0;background:none;border:none;cursor:pointer;padding:2px;border-radius:6px;text-align:left}.user-identity-button:hover{background:var(--bg-elevated)}.profile-popover{position:absolute;bottom:52px;left:0;width:260px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;overflow:hidden;z-index:260;box-shadow:0 12px 32px #00000073;animation:popover-in .12s ease-out}.profile-banner{height:56px;background:linear-gradient(120deg,var(--accent),#7c5cff)}.profile-popover-body{padding:0 14px 14px}.profile-avatar-row{margin-top:-28px;margin-bottom:6px}.friend-profile-body{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}.friend-profile-body .profile-avatar-row{margin-top:0}.friend-profile-body .profile-avatar{width:72px;height:72px}.profile-avatar{position:relative;width:56px;height:56px;border-radius:50%;background:var(--bg-muted);color:var(--accent);border:4px solid var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;overflow:visible}.profile-actions{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:14px;width:100%}.profile-action-button{width:100%;padding:9px 12px;border-radius:6px;border:none;background:var(--accent);color:#04211c;font-weight:600;font-size:13px;cursor:pointer}.profile-action-button.secondary{background:var(--bg-muted);color:var(--text)}.profile-action-button:hover{filter:brightness(1.08)}.profile-avatar.large{width:72px;height:72px;font-size:22px;border-width:3px}.avatar-upload-row{display:flex;align-items:center;gap:16px;margin-bottom:16px}.avatar-upload-button{padding:8px 16px;border-radius:6px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;font-size:13px}.avatar-upload-button:hover{border-color:var(--accent);color:var(--accent)}.profile-name{font-weight:700;color:var(--text);font-size:15px}.profile-handle{color:var(--text-muted);font-size:12px;margin-top:2px}.profile-games{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.profile-game-chip{background:var(--bg-muted);border-radius:10px;padding:2px 8px;font-size:11px;color:var(--text)}.profile-badges{margin-top:6px}.profile-upsell-card{position:relative;margin-top:12px;padding:12px;border-radius:8px;border:1px solid var(--accent);background:var(--accent-soft)}.profile-upsell-card p{margin:0 0 8px;font-size:13px;color:var(--text);font-weight:600;padding-right:16px}.profile-upsell-dismiss{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:11px}.profile-upsell-button{width:100%;padding:8px;border-radius:6px;border:none;background:var(--accent);color:#04231d;font-weight:700;cursor:pointer;font-size:12px}.profile-menu{margin-top:12px;border-top:1px solid var(--border);padding-top:8px;display:flex;flex-direction:column;gap:2px}.profile-menu-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:none;color:var(--text);padding:8px;border-radius:6px;cursor:pointer;font-size:13px}.profile-menu-item:hover{background:var(--bg-muted)}.profile-status-picker{position:relative}.profile-status-options{display:flex;flex-direction:column;gap:2px;padding-left:8px;border-left:2px solid var(--border);margin-left:8px}.status-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}@keyframes ultra-pulse{0%,to{box-shadow:0 0 6px 1px #14ebce99,0 0 14px 3px #7c5cff59}50%{box-shadow:0 0 10px 3px #7c5cffb3,0 0 20px 6px #14ebce73}}.ultra-glow-ring{border-radius:50%;animation:ultra-pulse 2.2s ease-in-out infinite}.ultra-glow-banner .profile-banner{background:linear-gradient(120deg,var(--accent),#7c5cff,var(--accent));background-size:200% 200%;animation:neon-border-flow 4s linear infinite,ultra-pulse 2.2s ease-in-out infinite}@keyframes ultra-activation-scale{0%{transform:scale(.97)}50%{transform:scale(1.015)}to{transform:scale(1)}}.ultra-activation-burst{animation:neon-border-flow 1.6s linear infinite,ultra-pulse .9s ease-in-out infinite,ultra-activation-scale 4s ease-out 1;box-shadow:0 0 40px 10px #7c5cff59}.ultra-activation-message{font-size:18px;font-weight:700;color:#fff;text-shadow:0 0 16px rgba(20,235,206,.8)}.plus-tag.glow{animation:ultra-pulse 2.2s ease-in-out infinite}.avatar-generic{width:100%;height:100%;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center}.server-icon-avatar{border-radius:24px;transition:border-radius .15s}.server-icon:hover .server-icon-avatar,.server-icon.active .server-icon-avatar{border-radius:16px}.voice-call-layout{display:flex;width:100%;height:100vh;min-width:0}.voice-panel{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg)}.voice-empty-room{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;background:linear-gradient(-45deg,#0a0f14,#10201d,#1a1030,#0a0f14);background-size:300% 300%;animation:voice-empty-gradient 14s ease infinite}@keyframes voice-empty-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.voice-empty-room-title{font-size:22px;font-weight:700;color:var(--text)}.voice-empty-room-hint{color:var(--text-muted);margin:0 0 8px}.voice-join-button{padding:12px 28px;border-radius:24px;border:none;background:var(--accent);color:#04231d;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 0 24px 4px #14ebce59;transition:transform .15s,box-shadow .15s}.voice-join-button:hover{transform:scale(1.05);box-shadow:0 0 32px 8px #14ebce80}.incoming-call-overlay{position:fixed;top:16px;right:16px;z-index:1000;animation:popover-in .15s ease}.incoming-call-card{display:flex;align-items:center;gap:12px;background:var(--bg-elevated);border:1px solid var(--accent);border-radius:12px;padding:14px 16px;box-shadow:0 8px 30px #0006,0 0 20px 2px #14ebce40;min-width:280px}.incoming-call-avatar{width:42px;height:42px;flex-shrink:0}.incoming-call-text{display:flex;flex-direction:column;flex:1;min-width:0}.incoming-call-text span{color:var(--text-muted);font-size:12px}.incoming-call-actions{display:flex;flex-direction:column;gap:6px}.incoming-call-accept,.incoming-call-decline{padding:6px 12px;border-radius:8px;border:none;font-size:12px;font-weight:600;cursor:pointer}.incoming-call-accept{background:var(--accent);color:#04231d}.incoming-call-decline{background:var(--bg-muted);color:var(--text-muted)}.voice-chat-side{width:320px;flex-shrink:0;border-left:1px solid var(--border);display:flex;flex-direction:column}.listen-only-badge{margin-left:12px;font-size:11px;font-weight:600;background:var(--bg-muted);color:var(--text-muted);padding:2px 8px;border-radius:10px}.voice-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-auto-rows:minmax(160px,auto);gap:12px;padding:16px;align-content:start;overflow-y:auto}.video-tile{position:relative;background:var(--bg-muted);border-radius:12px;aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid transparent;transition:border-color .15s}.video-tile.speaking{border-color:var(--accent)}.video-tile.expanded{grid-column:1 / -1;grid-row:span 2;aspect-ratio:auto;min-height:380px}.video-tile:fullscreen{background:#000;display:flex;align-items:center;justify-content:center}.video-tile:fullscreen .tile-screen-video{width:100%;height:100%}.tile-avatar-wrap{width:88px;height:88px}.tile-avatar{background:var(--bg-elevated);color:var(--accent);font-weight:700;font-size:28px}.tile-screen-video{width:100%;height:100%;object-fit:contain;background:#000}.tile-webcam-pip{position:absolute;bottom:10px;right:10px;width:96px;height:72px;border-radius:8px;overflow:hidden;border:2px solid var(--bg-elevated);box-shadow:0 2px 10px #0006}.tile-webcam-pip .tile-screen-video{object-fit:cover}.private-call-layout{display:flex}.tile-expand-controls{position:absolute;top:8px;right:8px;display:flex;gap:6px}.tile-expand-button{width:28px;height:28px;border-radius:6px;background:#0000008c;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px}.tile-expand-button:hover{background:#000000bf}.tile-label{position:absolute;bottom:8px;left:8px;background:#0000008c;color:#fff;padding:4px 9px;border-radius:6px;font-size:12px;display:flex;align-items:center;gap:5px}.icon-button.lg{width:44px;height:44px;border-radius:50%;background:var(--bg-muted);transition:transform .15s ease,background .15s ease,color .15s ease}.icon-button.lg:hover{background:var(--bg-elevated);transform:scale(1.1)}.icon-button.lg:active{transform:scale(.92)}.icon-button.lg.active{background:var(--accent);color:#04231d;animation:icon-pop-in .2s ease}@keyframes icon-pop-in{0%{transform:scale(.8)}60%{transform:scale(1.12)}to{transform:scale(1)}}.icon-button.leave-call{background:var(--danger);color:#fff}.icon-button.leave-call:hover{background:#b71f1f;color:#fff}.invite-voice-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:400}.invite-voice-box{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;width:380px;max-height:70vh;overflow-y:auto}.member-manage-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto}.member-manage-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px;border-radius:6px;background:var(--bg-muted)}.member-manage-checkbox{display:flex;align-items:center;gap:8px;font-size:13px}.member-manage-checkbox input{accent-color:var(--accent)}.member-manage-row select{padding:4px 6px;border-radius:6px;border:1px solid var(--border);background:var(--bg-input);color:var(--text);font-size:12px}.inline-form{display:flex;flex-direction:row;gap:8px;margin-bottom:12px}.inline-form input{flex:1}.danger-button.small{padding:4px 10px;font-size:12px}.role-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;max-height:260px;overflow-y:auto}.role-row{padding:10px;border-radius:8px;background:var(--bg-muted)}.role-row-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.role-permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.role-permission-check{display:flex;align-items:center;gap:6px;font-size:12px}.role-permission-check input{accent-color:var(--accent)}.member-role-checks{display:flex;flex-wrap:wrap;gap:8px 12px}.pending-actions{display:flex;gap:8px}.server-post-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto}.server-post-item{padding:10px;border-radius:8px;background:var(--bg-muted)}.server-post-author{font-weight:600;font-size:12px;color:var(--accent);margin-bottom:4px}.server-post-like{border:none;background:none;color:var(--text-muted);cursor:pointer;font-size:12px}.server-post-like.liked{color:var(--accent)}.waiting-room-screen{flex:1;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{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}