@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap";:root{--bg-primary:#313338;--bg-secondary:#2b2d31;--bg-secondary-alt:#2b2d31;--bg-tertiary:#1e1f22;--bg-accent:#35373c;--bg-floating:#111214;--bg-message-hover:#2e3035;--border-color:#ffffff0a;--text-normal:#dbdee1;--text-muted:#949ba4;--text-link:#00a8fc;--text-header:#f2f3f5;--brand-color:#5865f2;--brand-color-hover:#4752c4;--status-green:#23a55a;--status-yellow:#f0b232;--status-red:#f23f43;--status-grey:#80848e;--accent-gradient:linear-gradient(135deg, #5865f2 0%, #764af1 100%);--accent-gradient-hover:linear-gradient(135deg, #6b78f4 0%, #855bfb 100%);--accent-secondary:#f23f43;--accent-neon:#00f2fe;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--glass-shadow:0 4px 15px #0000004d;--transition-speed:.15s}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100vw;height:100dvh;margin:0;padding:0;overflow:hidden}body{font-family:var(--font-body);background-color:var(--bg-tertiary);color:var(--text-normal);-webkit-font-smoothing:antialiased}.app-viewport{flex-direction:column;width:100vw;height:100dvh;display:flex;position:relative;overflow:hidden}.app-viewport.lite-mode{--glass-shadow:0 2px 8px #0000003d;--transition-speed:80ms}.app-viewport.lite-mode *,.app-viewport.background-saver-active *{transition-duration:60ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.app-viewport.lite-mode .voice-card,.app-viewport.lite-mode .modal-content,.app-viewport.lite-mode .download-modal,.app-viewport.lite-mode .logout-dialog{box-shadow:none!important}.app-viewport.lite-mode .speaking-ring{box-shadow:none}.app-viewport.background-saver-active{filter:saturate(.9)}.app-viewport.background-saver-active .voice-video-feed{opacity:.82}.lite-settings-block{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem}.lite-settings-block h4{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;margin:0 0 1rem;font-size:.88rem;font-weight:800}.settings-toggle-row{cursor:pointer;align-items:flex-start;gap:11px;padding:10px 0;display:flex}.settings-toggle-row input{cursor:pointer;flex:none;width:16px;height:16px;margin-top:2px}.settings-toggle-row span{flex-direction:column;gap:3px;display:flex}.settings-toggle-row strong{color:var(--text-header);font-size:.9rem}.settings-toggle-row small{color:var(--text-muted);font-size:.76rem;line-height:1.4}.media-health-panel{background:#ffffff09;border:1px solid #ffffff14;border-radius:12px;margin-top:18px;padding:14px}.media-health-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.media-health-header h4{color:var(--text-header);text-transform:uppercase;letter-spacing:.04em;margin:0 0 3px;font-size:.88rem;font-weight:800}.media-health-header p{color:var(--text-muted);margin:0;font-size:.76rem;line-height:1.35}.media-health-btn{min-height:36px;color:var(--text-header);background:#5865f229;border:1px solid #5865f280;border-radius:8px;flex-shrink:0;padding:0 12px;font-size:.8rem;font-weight:800}.media-health-btn:disabled{opacity:.65;cursor:wait}.media-health-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.media-health-item{background:#00000029;border-radius:9px;grid-template-columns:auto 1fr;align-items:start;gap:8px;min-width:0;padding:10px;display:grid}.media-health-dot{background:var(--text-muted);border-radius:50%;width:9px;height:9px;margin-top:4px}.media-health-item.ok .media-health-dot{background:var(--status-green)}.media-health-item.error .media-health-dot{background:var(--status-red)}.media-health-item.checking .media-health-dot{background:#f0b232}.media-health-item strong,.media-health-item span{min-width:0;display:block}.media-health-item strong{color:var(--text-header);margin-bottom:2px;font-size:.78rem}.media-health-item span{color:var(--text-muted);font-size:.73rem;line-height:1.35}@media (width<=560px){.media-health-header{flex-direction:column;align-items:stretch}.media-health-grid{grid-template-columns:1fr}}.toast-stack{z-index:5000;pointer-events:none;flex-direction:column;gap:10px;width:min(360px,100vw - 28px);display:flex;position:fixed;bottom:18px;right:18px}.app-toast{min-height:46px;color:var(--text-header);background:#1e1f22f5;border:1px solid #ffffff14;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:12px 14px;font-size:.88rem;font-weight:650;display:grid;box-shadow:0 12px 28px #00000052}.toast-dot{background:var(--brand-color);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #5865f226}.app-toast.error .toast-dot{background:var(--status-red);box-shadow:0 0 0 4px #f23f4326}.app-toast.success .toast-dot{background:var(--status-green);box-shadow:0 0 0 4px #23a55a26}.mobile-empty-icon{width:54px;height:54px;color:var(--text-header);background:linear-gradient(135deg,#5865f247,#23a55a2e);border:1px solid #ffffff14;border-radius:16px;place-items:center;margin:0 auto 14px;display:grid}.mobile-download-cta{color:var(--text-normal);background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:8px;margin-top:12px;padding:9px 14px;font-size:.85rem;font-weight:700;display:inline-flex}.mobile-download-cta:active{transform:translateY(1px)}.user-action-backdrop{z-index:2200;background:0 0;position:fixed;inset:0}.user-action-menu{width:min(250px,100vw - 24px);color:var(--text-normal);background:#1e1f22;border:1px solid #ffffff14;border-radius:10px;padding:10px;position:fixed;box-shadow:0 18px 48px #0000006b}.user-action-profile{border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;margin-bottom:8px;padding:8px 8px 12px;display:flex}.user-action-avatar{color:#fff;background-position:50%;background-size:cover;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-weight:850;display:grid}.user-action-profile strong{color:var(--text-header);font-size:.9rem;display:block}.user-action-profile small{color:var(--text-muted);margin-top:2px;font-size:.74rem;display:block}.user-action-item{width:100%;min-height:36px;color:var(--text-normal);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:9px;padding:0 10px;font-size:.85rem;font-weight:700;display:flex}.user-action-item:hover{color:var(--text-header);background:#ffffff12}.user-action-item.danger{color:#ff7174}.user-action-item.danger:hover{background:#f23f431f}.user-action-item.muted{color:var(--text-muted)}button,input,select{color:inherit;font-family:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon{flex-shrink:0;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#1a1b1e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#111214}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #23a55ab3}70%{transform:scale(1);box-shadow:0 0 0 8px #23a55a00}to{transform:scale(.95);box-shadow:0 0 #23a55a00}}@keyframes voice-glow{0%{box-shadow:0 0 4px #23a55a33}50%{box-shadow:0 0 10px #23a55a80}to{box-shadow:0 0 4px #23a55a33}}.auth-wrapper{background:#0b1120;place-items:center;width:100vw;height:100vh;padding:32px;display:grid;overflow:auto}.auth-shell{color:#111827;background:#f8fafc;border:1px solid #94a3b82e;border-radius:18px;grid-template-columns:minmax(0,1.08fr) minmax(380px,.82fr);width:100%;max-width:1120px;min-height:680px;animation:.3s ease-out fadeIn;display:grid;overflow:hidden;box-shadow:0 28px 80px #00000057}.auth-hero{color:#fff;background:linear-gradient(145deg,#0f172a 0%,#111827 44%,#082f49 100%);flex-direction:column;justify-content:space-between;min-height:680px;padding:40px;display:flex;position:relative}.auth-topline{font-family:var(--font-heading);align-items:center;gap:12px;font-size:.96rem;font-weight:800;display:flex}.brand-mark{color:#172033;background:#f8fafc;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.auth-hero-copy{max-width:580px}.auth-kicker{color:#2dd4bf;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;margin-left:50px;font-size:.75rem;font-weight:800}.auth-hero-copy h1{font-family:var(--font-heading);letter-spacing:0;max-width:620px;margin-bottom:18px;font-size:3.6rem;font-weight:800;line-height:.98}.auth-hero-copy p:last-child{color:#ffffffc7;max-width:560px;font-size:1rem;line-height:1.7}.auth-product-panel{aspect-ratio:16/10;background:#0b1220;border:1px solid #94a3b84d;border-radius:16px;grid-template-columns:64px 1fr;width:min(520px,100%);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 50px #00000052}.product-panel-sidebar{background:#080d18;flex-direction:column;align-items:center;gap:10px;padding:16px 0;display:flex}.mini-server{color:#cbd5e1;background:#172033;border-radius:12px;place-items:center;width:36px;height:36px;font-size:.8rem;font-weight:900;display:grid}.mini-server.active{color:#042f2e;background:#2dd4bf}.product-panel-main{flex-direction:column;gap:14px;min-width:0;padding:16px;display:flex}.product-panel-topbar{color:#e2e8f0;justify-content:space-between;align-items:center;font-size:.88rem;font-weight:800;display:flex}.product-panel-topbar strong{color:#2dd4bf;font-size:.74rem}.product-message-row{background:#ffffff0b;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.product-avatar{border-radius:10px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.product-avatar.teal{color:#fff;background:#14b8a6}.product-message-row strong{color:#fff;margin-bottom:2px;font-size:.86rem;display:block}.product-message-row p{color:#94a3b8;font-size:.78rem}.product-call-strip{flex-wrap:wrap;gap:8px;display:flex}.call-chip{color:#cbd5e1;background:#172033;border-radius:999px;align-items:center;gap:7px;padding:7px 9px;font-size:.72rem;font-weight:700;display:flex}.call-chip span{background:#22c55e;border-radius:50%;width:7px;height:7px}.call-chip.active{color:#99f6e4;background:#14b8a629}.product-video-grid{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1.3fr .7fr;gap:10px;min-height:0;display:grid}.product-video-tile{color:#e2e8f0;background:#172033;border-radius:12px;place-items:center;font-weight:900;display:grid}.product-video-tile.large{color:#67e8f9;background:#1e293b;grid-row:1/3}.auth-card{text-align:left;background:#f8fafc;flex-direction:column;justify-content:center;padding:42px;display:flex}.auth-card-header{margin-bottom:22px}.auth-card-header h2{font-family:var(--font-heading);color:#0f172a;margin-bottom:8px;font-size:2rem}.auth-card-header p:last-child{color:#64748b;font-size:.92rem;line-height:1.55}.saved-session-card{background:#fff;border:1px solid #dbe4ee;border-radius:12px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:18px;padding:12px;display:grid}.saved-session-avatar{color:#fff;background-position:50%;background-size:cover;border-radius:12px;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.saved-session-meta{flex-direction:column;min-width:0;display:flex}.saved-session-meta span{color:#0f172a;font-weight:800}.saved-session-meta small{color:#64748b;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.auth-divider{color:#64748b;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;margin:18px 0 14px;font-size:.72rem;font-weight:800;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#dbe4ee;flex:1;height:1px}.quick-login-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.auth-mode-tabs{background:#e2e8f0;border-radius:12px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:18px;padding:4px;display:grid}.auth-mode-tabs button,.google-auth-btn{cursor:pointer;border:none;font-weight:800}.auth-mode-tabs button{color:#475569;background:0 0;border-radius:9px;height:38px}.auth-mode-tabs button.active{color:#0f172a;background:#fff;box-shadow:0 2px 8px #0f172a14}.google-auth-btn{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;height:46px;display:flex}.google-auth-btn:hover{background:#f8fafc;border-color:#94a3b8}.google-auth-mark{color:#2563eb;background:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-weight:900;display:grid;box-shadow:inset 0 0 0 1px #dbe4ee}.quick-login-card{color:#172033;cursor:pointer;background:#fff;border:1px solid #dbe4ee;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:0;height:92px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex}.quick-login-card:hover{border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 12px 28px #0f172a1f}.quick-login-card img{border-radius:10px;width:34px;height:34px}.quick-login-card span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 8px;font-size:.78rem;font-weight:800;overflow:hidden}.auth-form{flex-direction:column;display:flex}.auth-card .form-label{color:#475569}.auth-card .form-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:12px 13px}.auth-card .form-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 4px #0ea5e924}.auth-card .btn-primary{background:#0f172a;border-radius:10px;padding:13px}.auth-card .btn-primary:hover{background:#1e293b}.auth-footer-actions{justify-content:space-between;gap:12px;margin-top:18px;display:flex}.btn-secondary,.btn-quiet,.download-modal-close{cursor:pointer;border:none;font-weight:800}.btn-secondary{color:#fff;background:#0f172a;border-radius:8px;padding:9px 12px}.btn-quiet{color:#2563eb;background:0 0;padding:6px 0;font-size:.82rem}.download-modal-backdrop,.update-modal-backdrop{z-index:2000;background:#020617b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.update-modal-backdrop{z-index:2300}.screen-share-advice{background:#5865f21a;border:1px solid #5865f247;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:12px 14px;display:flex}.screen-share-advice strong{color:var(--text-header);margin-bottom:4px;font-size:.92rem;display:block}.screen-share-advice p{color:var(--text-secondary);margin:0;font-size:.82rem;line-height:1.45}.screen-share-advice-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.screen-share-advice .btn-secondary{background:var(--accent-primary);color:#fff}.screen-share-audio-panel{border:1px solid var(--border-color);background:#ffffff09;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;padding:12px 14px;display:flex}.screen-share-audio-panel strong{color:var(--text-header);margin-bottom:3px;font-size:.9rem;display:block}.screen-share-audio-panel p{color:var(--text-secondary);margin:0;font-size:.78rem}.screen-share-audio-options{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.screen-audio-chip{border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:8px 10px;font-size:.78rem;font-weight:700}.screen-audio-chip.active{color:var(--text-primary);background:#2fd39a24;border-color:#2fd39abf}.web-share-modal{border:1px solid #ffffff14;width:min(560px,100vw - 32px)}.modal-close-icon{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.modal-close-icon:hover{color:var(--text-primary);background:#ffffff14}.web-share-hero{background:linear-gradient(135deg,#5865f22e,#2fd39a14);border:1px solid #5865f238;border-radius:8px;align-items:center;gap:14px;margin-bottom:14px;padding:14px;display:flex}.web-share-icon{width:52px;height:52px;color:var(--text-primary);background:#ffffff14;border-radius:8px;flex:none;place-items:center;display:grid}.web-share-hero strong{color:var(--text-header);margin-bottom:4px;font-size:1rem;display:block}.web-share-hero p{color:var(--text-secondary);margin:0;font-size:.86rem;line-height:1.45}.web-share-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.screen-share-mode-grid{margin-top:-2px;margin-bottom:16px}.web-share-mode-card{border:1px solid var(--border-color);background:var(--bg-tertiary);min-height:92px;color:var(--text-secondary);text-align:left;cursor:pointer;border-radius:8px;flex-direction:column;justify-content:space-between;gap:8px;padding:12px;display:flex}.web-share-mode-card strong{color:var(--text-primary);font-size:.9rem}.web-share-mode-card span{font-size:.76rem;line-height:1.35}.web-share-mode-card.active{background:#5865f229;border-color:#5865f2d9;box-shadow:inset 0 0 0 1px #5865f247}.web-share-audio-panel{flex-direction:column;align-items:stretch}.web-share-audio-panel .screen-share-audio-options{justify-content:flex-start}.web-share-tips{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:8px;gap:8px;padding:12px 14px;font-size:.82rem;display:grid}.web-share-tips span:before{content:"";background:var(--status-green);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}@media (width<=720px){.web-share-mode-grid{grid-template-columns:1fr}.screen-share-audio-panel,.screen-share-advice{flex-direction:column;align-items:stretch}.screen-share-audio-options,.screen-share-advice-actions{justify-content:flex-start}}.screen-source-empty{background:var(--bg-tertiary);color:var(--text-secondary);text-align:center;border-radius:8px;padding:24px;font-size:.9rem}.download-modal{background:var(--bg-secondary);width:min(520px,100%);color:var(--text-normal);border-radius:16px;padding:24px;box-shadow:0 24px 70px #00000061}.download-modal-header{justify-content:space-between;gap:16px;margin-bottom:18px;display:flex}.download-modal-header h3{font-family:var(--font-heading);font-size:1.6rem}.download-modal-close{background:var(--bg-tertiary);width:34px;height:34px;color:var(--text-normal);border-radius:10px;font-size:1.2rem}.download-options{gap:10px;display:grid}.download-option{width:100%;color:var(--text-normal);text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-direction:row;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;transition:border-color .16s,background .16s,transform .1s;display:flex}.download-option:hover{background:#ffffff12;border-color:#ffffff29;transform:translateY(-1px)}.download-option.featured{background:#5865f212;border-color:#5865f266}.download-option.featured:hover{border-color:var(--brand-color);background:#5865f224}.download-option-disabled,.download-option-disabled:hover{opacity:.5;cursor:not-allowed;transform:none}.download-option strong{color:var(--text-header);margin-bottom:2px;font-size:.95rem;font-weight:700;display:block}.download-option small{color:var(--text-muted);font-size:.75rem;display:block}.download-badge{color:var(--brand-color);text-transform:uppercase;letter-spacing:.04em;background:#5865f233;border-radius:999px;margin-top:4px;padding:2px 7px;font-size:.65rem;font-weight:800;display:inline-block}.download-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-weight:900;display:flex}.windows-icon{background:#1a6cf6}.android-icon{background:#1db954}.web-icon{background:var(--bg-tertiary);color:var(--brand-color);border:1px solid #ffffff1a}.download-note{color:var(--text-muted);margin-top:14px;font-size:.76rem;line-height:1.5}@media (width<=980px){.auth-wrapper{padding:16px}.auth-shell{grid-template-columns:1fr;max-width:620px}.auth-hero{gap:28px;min-height:auto;padding:28px}.auth-hero-copy h1{font-size:2.4rem}.auth-product-panel{display:none}.auth-card{padding:28px}}@media (width<=520px){.auth-wrapper{padding:0}.auth-shell{border-radius:0;min-height:100vh}.auth-hero{padding:22px}.auth-hero-copy h1{font-size:2rem}.auth-card{padding:22px}.quick-login-grid{grid-template-columns:1fr}.quick-login-card{flex-direction:row;height:58px}.saved-session-card{grid-template-columns:40px minmax(0,1fr)}.saved-session-card .btn-secondary{grid-column:1/-1}}.form-group{text-align:left;margin-bottom:20px}.form-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:8px;font-size:.7rem;font-weight:700;display:block}.form-input{width:100%;color:var(--text-header);transition:border-color var(--transition-speed);background:#1e1f22;border:1px solid #0000004d;border-radius:4px;padding:10px;font-size:.95rem}.form-input:focus{border-color:var(--brand-color);outline:none}.btn-primary{background:var(--brand-color);color:#fff;cursor:pointer;width:100%;transition:background-color var(--transition-speed);border:none;border-radius:4px;padding:12px;font-size:.95rem;font-weight:600}.btn-primary:hover{background:var(--brand-color-hover)}.app-layout{background:var(--bg-tertiary);width:100vw;height:100vh;display:flex;position:relative}.sidebar-servers{background:var(--bg-tertiary);z-index:10;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:72px;padding:12px 0;display:flex}.server-icon{background:var(--bg-primary);width:48px;height:48px;color:var(--text-header);font-family:var(--font-heading);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:700;transition:border-radius .2s,background-color .2s;display:flex;position:relative}.server-icon:before{content:"";background:#fff;border-radius:0 4px 4px 0;width:4px;height:0;transition:height .2s;position:absolute;left:-12px}.server-icon:hover:before{height:20px}.server-icon.active:before{height:40px}.server-icon:hover,.server-icon.active{background-color:var(--brand-color);color:#fff;border-radius:16px}.server-icon.add-server{background:var(--bg-primary);color:var(--status-green);transition:all .2s}.server-icon.add-server:hover{background:var(--status-green);color:#fff}.server-icon-tooltip{background:var(--bg-floating);color:var(--text-header);white-space:nowrap;opacity:0;pointer-events:none;z-index:20;border-radius:4px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:opacity .15s,transform .15s;position:absolute;left:80px;transform:scale(.9);box-shadow:0 4px 8px #0000004d}.server-icon:hover .server-icon-tooltip{opacity:1;transform:scale(1)}.server-preview-card{white-space:normal;transform-origin:0;border:1px solid #ffffff14;border-radius:8px;width:240px;padding:12px}.server-preview-title{margin-bottom:6px;font-size:.9rem;font-weight:900;line-height:1.2}.server-preview-meta{color:var(--text-secondary);text-transform:uppercase;gap:8px;margin-bottom:8px;font-size:.68rem;font-weight:800;display:flex}.server-preview-section{margin-top:6px}.server-preview-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:6px;font-size:.68rem;font-weight:900;display:block}.server-preview-user{min-width:0;min-height:26px;color:var(--text-normal);font-family:var(--font-body);align-items:center;gap:8px;font-size:.78rem;font-weight:750;display:flex}.server-preview-user span:not(.server-preview-avatar):not(.server-preview-voice-dot){text-overflow:ellipsis;min-width:0;overflow:hidden}.server-preview-user small{min-width:0;max-width:82px;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;overflow:hidden}.server-preview-avatar{color:#fff;background-position:50%;background-size:cover;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:.66rem;font-weight:900;display:grid;position:relative}.server-preview-avatar:after{content:"";border:2px solid var(--bg-floating);background:var(--status-grey);border-radius:50%;width:7px;height:7px;position:absolute;bottom:-1px;right:-1px}.server-preview-avatar.online:after{background:var(--status-green)}.server-preview-avatar.idle:after{background:var(--status-yellow)}.server-preview-avatar.dnd:after{background:var(--status-red)}.server-preview-voice-dot{background:var(--status-green);border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 4px #23a55a1f}.server-preview-empty{color:var(--text-muted);font-family:var(--font-body);font-size:.76rem;font-weight:650}.sidebar-channels{background:var(--bg-secondary);z-index:9;flex-direction:column;flex-shrink:0;width:240px;display:flex}.server-header{height:48px;font-family:var(--font-heading);color:var(--text-header);border-bottom:1px solid #0003;justify-content:space-between;align-items:center;padding:10px 12px;font-size:.95rem;font-weight:700;display:flex}.server-header-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.header-action-btn{height:34px;color:var(--text-header);cursor:pointer;transition:background-color var(--transition-speed), border-color var(--transition-speed), transform .1s ease;background:#ffffff1a;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:.8rem;font-weight:800;display:inline-flex}@media (width<=1100px){.header-action-btn span{display:none}.header-action-btn{justify-content:center;width:34px;padding:0}}.header-action-btn:hover{background:#ffffff2e;border-color:#ffffff26;transform:translateY(-.5px)}.header-action-btn:active{transform:translateY(.5px)}.header-action-btn.active{background:var(--brand-color);color:#fff;border-color:#0000}.header-action-btn.danger{color:var(--status-red);border-color:#f23f4333}.header-action-btn.danger:hover{background:#f23f4326;border-color:#f23f4359}.channels-list{flex:1;padding:8px;overflow-y:auto}.channel-category{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;justify-content:space-between;align-items:center;margin-top:16px;margin-bottom:4px;padding-left:8px;font-size:.7rem;font-weight:700;display:flex}.btn-add-channel{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:1rem;transition:color .15s}.btn-add-channel:hover{color:var(--text-header)}.channel-item{cursor:pointer;color:var(--text-muted);border-radius:4px;align-items:center;margin-bottom:2px;padding:6px 8px;font-size:.9rem;transition:background-color .1s,color .1s;display:flex}.channel-item:hover{color:var(--text-normal);background:#ffffff0a}.channel-item.active{color:var(--text-header);background:#ffffff14}.channel-item[title*="Drop a voice user"]{outline-offset:-2px}.voice-users-list{flex-direction:column;gap:2px;margin:2px 0 8px 32px;display:flex}.voice-user-item{min-height:28px;color:var(--text-normal);border-radius:6px;align-items:center;gap:8px;padding:4px 6px;font-size:.82rem;display:flex}.update-modal{width:min(500px,100%);color:var(--text-normal);background:#1e1f22;border:1px solid #5865f238;border-radius:16px;gap:16px;padding:24px;display:grid;box-shadow:0 24px 70px #00000070}.update-modal-icon{width:58px;height:58px;color:var(--text-header);background:linear-gradient(135deg,#5865f247,#1dd1a129);border-radius:16px;place-items:center;display:grid}.update-modal-copy h2{color:var(--text-header);font-family:var(--font-heading);margin:4px 0 8px;font-size:1.7rem}.update-modal-copy p{color:var(--text-muted);font-size:.92rem;line-height:1.55}.update-notes{color:var(--text-normal);background:#ffffff09;border-radius:12px;gap:8px;margin:0;padding:14px 16px 14px 32px;font-size:.86rem;display:grid}.update-notes li::marker{color:#1dd1a1}.update-actions{grid-template-columns:auto 1fr;gap:10px;display:grid}.update-actions .btn-primary,.update-actions .btn-secondary{min-height:44px}@media (width<=560px){.update-modal{border-radius:14px;padding:20px}.update-actions{grid-template-columns:1fr}}.voice-user-item>span{align-items:center;gap:6px;min-width:0;display:inline-flex}.voice-user-item:hover{background:#ffffff0a}.voice-user-item.draggable{cursor:grab}.voice-user-item.draggable:active{cursor:grabbing}.voice-user-empty{min-height:24px;color:var(--text-muted);opacity:.72;align-items:center;padding:3px 6px;font-size:.76rem;font-style:italic;display:flex}.voice-user-dot{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:.65rem;font-weight:800;transition:box-shadow .15s;display:grid;overflow:hidden}.voice-user-dot.speaking{box-shadow:0 0 0 2px #1dd1a1}.voice-user-live-pill,.voice-user-camera-pill{letter-spacing:0;border-radius:999px;align-items:center;min-height:16px;padding:1px 6px;font-size:.62rem;font-weight:900;line-height:1;display:inline-flex}.voice-user-live-pill{color:#fff;background:#f23f43}.voice-user-camera-pill{color:var(--text-muted);background:#ffffff14}.channel-hash{color:var(--text-muted);margin-right:6px;font-size:1.1rem}.channel-icon{min-width:24px;height:20px;color:var(--text-muted);letter-spacing:0;background:#ffffff0f;border-radius:5px;justify-content:center;align-items:center;margin-right:8px;padding:0 5px;font-size:.62rem;font-weight:800;display:inline-flex}.channel-icon .icon{color:currentColor}.owner-badge{color:#f0b232;background:#f0b23229;border-radius:4px;margin-left:6px;padding:1px 5px;font-size:.62rem;font-weight:800}.empty-state-mark{width:64px;height:64px;color:var(--text-muted);background:#ffffff0f;border-radius:16px;place-items:center;margin:0 auto 12px;font-size:.82rem;font-weight:800;display:grid}.user-footer{background:#232428;align-items:center;gap:8px;height:52px;padding:8px;display:flex}.download-app-strip{height:34px;color:var(--text-muted);cursor:pointer;background:#232428;border:none;border-top:1px solid #ffffff0a;justify-content:center;align-items:center;gap:8px;margin:0;padding:0 12px;font-size:.78rem;font-weight:800;display:flex}.download-app-strip:hover{color:var(--text-header);background:#2b2d31}.user-avatar{color:#fff;background-position:50%;background-size:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:flex;position:relative}.avatar-status-badge{border:2px solid #232428;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-2px;right:-2px}.avatar-status-badge.online{background-color:var(--status-green)}.avatar-status-badge.idle{background-color:var(--status-yellow)}.avatar-status-badge.dnd{background-color:var(--status-red)}.avatar-status-badge.offline{background-color:var(--status-grey)}.user-info{flex:1;overflow:hidden}.user-name{color:var(--text-header);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.user-controls{display:flex}.btn-control{cursor:pointer;width:32px;height:32px;color:var(--text-muted);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex}.btn-control .icon,.btn-voice-mini .icon,.btn-action .icon,.download-modal-close .icon,.btn-add-channel .icon{margin:auto}.btn-control:hover,.btn-control.active{color:var(--text-header);background:#ffffff0d}.status-dropdown-menu{background:var(--bg-floating);z-index:100;border-radius:4px;min-width:140px;padding:6px;animation:.15s ease-out fadeIn;position:absolute;bottom:58px;left:8px;box-shadow:0 4px 12px #0006}.status-menu-header{color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid #ffffff0a;margin-bottom:4px;padding:4px 8px;font-size:.65rem;font-weight:700}.status-option{color:var(--text-muted);cursor:pointer;border-radius:2px;align-items:center;gap:8px;padding:6px 8px;font-size:.82rem;display:flex}.status-option:hover{background:var(--brand-color);color:#fff}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot.online{background-color:var(--status-green)}.status-dot.idle{background-color:var(--status-yellow)}.status-dot.dnd{background-color:var(--status-red)}.status-dot.offline{background-color:var(--status-grey)}.voice-connected-bar{background:#232428;border-bottom:1px solid #ffffff0a;flex-direction:column;gap:8px;padding:8px;display:flex}.voice-connected-left{flex-direction:column;gap:2px;display:flex}.voice-connected-status{color:var(--status-green);align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:flex}.status-green-dot{background-color:var(--status-green);border-radius:50%;width:8px;height:8px;display:inline-block}.voice-connected-channel{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.voice-connected-actions{justify-content:center;gap:10px;margin-top:4px;display:flex}.btn-voice-mini{cursor:pointer;color:#b5bac1;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:background-color .15s,color .15s,transform .1s;display:flex}.btn-voice-mini:hover{color:#f2f3f5;background:#ffffff1f;transform:scale(1.06)}.btn-voice-mini:active{transform:scale(.95)}.btn-voice-mini.active{color:#f23f43;background:#f23f432e}.btn-voice-mini.active:hover{background:#f23f4347}.btn-voice-mini.disconnect{color:#f23f43;background:#f23f432e}.btn-voice-mini.disconnect:hover{color:#fff;background:#f23f43;transform:scale(1.06)}.chat-container{background:var(--bg-primary);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.chat-header{background:var(--bg-primary);border-bottom:1px solid #0003;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.chat-header-title{font-family:var(--font-body);color:var(--text-header);align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:flex}.chat-content-split{flex:1;display:flex;overflow:hidden}.chat-messages-container{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.chat-messages{background:var(--bg-primary);flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.message-item{gap:16px;margin-left:-16px;margin-right:-16px;padding:2px 16px;display:flex;position:relative}.message-item:hover{background-color:var(--bg-message-hover)}.message-content{flex-direction:column;flex:1;display:flex}.message-meta{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.message-username{color:var(--text-header);cursor:pointer;font-size:.95rem;font-weight:500}.message-username:hover{text-decoration:underline}.message-time{color:var(--text-muted);font-size:.72rem}.message-text{color:#dbdee1;white-space:pre-wrap;word-break:break-word;font-size:.95rem;line-height:1.375}.message-text strong{font-weight:700}.message-text em{font-style:italic}.message-text del{text-decoration:line-through}.message-text code{background:#0006;border-radius:4px;padding:.1em .25em;font-family:monospace;font-size:.85em}.message-text blockquote{border-left:4px solid var(--border-color);color:var(--text-muted);margin:4px 0;padding-left:12px}.mention-pill{color:#c9cdfb;background:#5865f24d;border-radius:4px;padding:0 4px;font-weight:500}.mention-pill-other{color:#e3e5e8;background:#ffffff1a;border-radius:4px;padding:0 4px;font-weight:500}.message-item.mentioned{background-color:#faa61a1a;border-left:2px solid #faa61a;padding-left:14px}.message-item.mentioned:hover{background-color:#faa61a26}.message-item.grouped{margin-top:-12px;padding-top:2px;padding-bottom:2px}.message-content.grouped-content{padding-left:48px}.grouped-time-hover{color:var(--text-muted);opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;margin-top:3px;font-size:.65rem;position:absolute;left:8px}.message-item.grouped:hover .grouped-time-hover{opacity:1}.message-hover-menu{background:var(--bg-secondary);opacity:0;pointer-events:none;z-index:5;border:1px solid #ffffff0d;border-radius:4px;gap:4px;padding:2px;transition:opacity .1s;display:flex;position:absolute;top:-16px;right:16px;box-shadow:0 4px 6px #0000001a}.message-item:hover .message-hover-menu{opacity:1;pointer-events:auto}.message-hover-menu button{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:2px;padding:4px 8px}.message-hover-menu button:hover{color:var(--text-header);background:#ffffff0d}.chat-input-area{background:var(--bg-primary);flex-shrink:0;padding:0 16px 24px}.typing-indicator-container{color:var(--text-muted);align-items:center;gap:8px;padding:0 0 8px 4px;font-size:.82rem;font-weight:600;display:flex}.typing-indicator-dots{gap:2px;margin-top:-6px;font-size:1.2rem;line-height:.5;display:flex}.typing-indicator-dots .dot{animation:1.4s ease-in-out infinite typingDot}.typing-indicator-dots .dot:first-child{animation-delay:0s}.typing-indicator-dots .dot:nth-child(2){animation-delay:.2s}.typing-indicator-dots .dot:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.chat-input-form{background:#383a40;border-radius:8px;align-items:center;padding:0 12px;display:flex}.btn-chat-accessory{cursor:pointer;color:var(--text-muted);transition:color var(--transition-speed);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;font-size:1.1rem;display:flex}.btn-chat-accessory:hover{color:var(--text-header)}.voice-container:fullscreen{width:100vw;height:100vh}.chat-input{color:var(--text-header);background:0 0;border:none;flex:1;padding:12px;font-size:.95rem}.chat-input:focus{outline:none}.chat-input-accessories{gap:4px;display:flex}.hidden-file-input{display:none}.pending-attachment{max-width:520px;color:var(--text-header);background:#2b2d31;border-radius:8px;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;font-size:.84rem;display:flex}.pending-attachment span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pending-attachment small{color:var(--text-muted);margin-left:auto}.pending-attachment button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;place-items:center;display:grid}.message-image-attachment{width:fit-content;max-width:min(420px,100%);margin-top:8px;display:block}.message-image-attachment img{object-fit:contain;border-radius:8px;max-width:100%;max-height:320px;display:block}.message-file-attachment{width:min(360px,100%);color:var(--text-header);background:#232428;border-radius:8px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:8px;padding:12px;text-decoration:none;display:grid}.message-file-attachment span{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.message-file-attachment small{color:var(--text-muted)}.server-invite-card{background:#22252d;border:1px solid #5865f25c;border-radius:8px;width:min(360px,100%);margin-top:4px;padding:14px;box-shadow:0 8px 22px #00000038}.server-invite-kicker{color:#9ba3ff;text-transform:uppercase;font-size:.68rem;font-weight:900}.server-invite-title{color:var(--text-header);margin-top:5px;font-size:1rem;font-weight:850}.server-invite-copy{color:var(--text-secondary);margin-top:5px;font-size:.82rem;line-height:1.35}.server-invite-actions{align-items:center;gap:8px;margin-top:12px;display:flex}.server-invite-actions .btn-primary,.server-invite-actions .btn-text{width:auto;min-height:34px;padding:0 12px;font-size:.8rem}.server-invite-card.accepted{background:linear-gradient(#23a55a14,#22252d 62%);border-color:#23a55a85}.server-invite-card.declined{opacity:.72;border-color:#80848e5c}.server-invite-result{min-height:28px;color:var(--text-header);background:#ffffff17;border-radius:999px;align-items:center;margin-top:12px;padding:0 10px;font-size:.78rem;font-weight:850;display:inline-flex}.channel-empty-state{min-height:100%;color:var(--text-muted);text-align:center;place-content:center;justify-items:center;gap:10px;padding:32px;display:grid}.channel-empty-icon{width:64px;height:64px;color:var(--text-header);background:linear-gradient(135deg,#5865f238,#1dd1a121);border-radius:18px;place-items:center;display:grid}.channel-empty-state h2{color:var(--text-header);font-family:var(--font-heading);font-size:1.4rem}.channel-empty-state p{max-width:420px;line-height:1.55}.server-members-sidebar{background:var(--bg-secondary);flex-direction:column;flex-shrink:0;width:240px;padding:16px 8px;display:flex;overflow-y:auto}.member-search-wrap{background:#1e1f22;border:1px solid #ffffff0e;border-radius:8px;align-items:center;gap:6px;min-height:36px;margin:0 4px 14px;padding:0 8px;display:flex}.member-search-input{min-width:0;color:var(--text-header);background:0 0;border:none;outline:none;flex:1;font-size:.82rem}.member-search-input::placeholder{color:var(--text-muted)}.member-search-wrap button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;place-items:center;display:grid}.members-category{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:8px;padding-left:8px;font-size:.72rem;font-weight:700}.member-card{cursor:pointer;color:var(--text-muted);border-radius:4px;align-items:center;gap:12px;margin-bottom:2px;padding:6px 8px;transition:background-color .1s,color .1s;display:flex}.member-card:hover{color:var(--text-header);background:#ffffff0a}.member-name{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:500;overflow:hidden}.member-avatar{color:#fff;background-position:50%;background-size:cover;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:flex;position:relative}.member-status-dot{border:2px solid var(--bg-secondary);border-radius:50%;width:8px;height:8px;position:absolute;bottom:-2px;right:-2px}.member-card:hover .member-status-dot{border-color:#35373c}.member-status-dot.online{background-color:var(--status-green)}.member-status-dot.idle{background-color:var(--status-yellow)}.member-status-dot.dnd{background-color:var(--status-red)}.member-status-dot.offline{background-color:var(--status-grey)}.member-card.offline{opacity:.6}.voice-container{background:#111214;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.voice-container:fullscreen{background:#111214;width:100vw;height:100vh;margin:0;padding:0}:is(.voice-container:fullscreen .chat-header,.voice-container:fullscreen .live-stream-selector,.voice-container:fullscreen .voice-action-bar){flex-shrink:0}.voice-container:fullscreen .voice-grid.has-live-focus{padding:8px}.voice-container:fullscreen .voice-card.stream-focused{aspect-ratio:auto;width:100%;max-width:none;height:100%;max-height:none}.voice-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));place-content:center;place-items:center;gap:16px;padding:16px;display:grid;overflow-y:auto}.voice-grid.density-solo{grid-template-columns:minmax(280px,min(620px,100%))}.voice-grid.density-duo{grid-template-columns:repeat(2, minmax(280px, min(520px, 1fr)))}.voice-grid.density-group{grid-template-columns:repeat(2, minmax(280px, min(560px, 1fr)))}.voice-grid.density-crowd{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-content:start}.voice-grid.has-live-focus{grid-template-columns:minmax(260px, minmax(0, 1fr));place-content:stretch}.live-stream-selector{background:#17181b;border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;min-height:48px;padding:8px 16px;display:flex;overflow-x:auto}.live-selector-label{color:var(--text-muted);text-transform:uppercase;flex:none;font-size:.74rem;font-weight:850}.live-selector-list{align-items:center;gap:8px;display:flex}.live-selector-btn{min-height:30px;color:var(--text-normal);white-space:nowrap;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:.82rem;font-weight:750;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.live-selector-btn:hover,.live-selector-btn.active{color:#fff;background:#f23f4329;border-color:#f23f436b}.live-dot{background:#f23f43;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #f23f4329}.voice-party-strip{overscroll-behavior-x:contain;background:#151619;border-top:1px solid #ffffff0e;border-bottom:1px solid #ffffff0a;flex:none;align-items:center;gap:10px;padding:10px 16px;display:flex;overflow-x:auto}.voice-party-strip::-webkit-scrollbar{height:4px}.voice-party-tile{min-width:126px;height:76px;color:var(--text-header);cursor:pointer;text-align:left;background:#24262a;border:1px solid #ffffff0f;border-radius:8px;flex:0 0 126px;grid-template-rows:1fr auto;grid-template-columns:46px 1fr;align-items:center;gap:4px 9px;padding:8px;display:grid;position:relative}.voice-party-tile.active{background:#2e3138;border-color:#5865f2b8}.voice-party-tile.speaking{border-color:#23a55abf;box-shadow:inset 0 0 0 1px #23a55a2e}.voice-party-media{background:var(--avatar-color,#5865f2);border-radius:50%;grid-row:1/span 2;width:46px;height:46px;position:relative;overflow:hidden}.voice-party-media .voice-video-feed{border-radius:50%}.voice-party-avatar{color:#fff;background-position:50%;background-size:cover;place-items:center;width:100%;height:100%;font-size:1rem;font-weight:850;display:grid}.voice-party-name{min-width:0;color:var(--text-header);text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;font-weight:800;overflow:hidden}.voice-party-live{color:#fff;background:#f23f43;border-radius:4px;justify-self:start;padding:2px 6px;font-size:.58rem;font-weight:900;line-height:1}.voice-card{aspect-ratio:1;background:#2b2d31;border:2px solid #0000;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:100%;max-width:540px;max-height:100%;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000004d}.voice-card.stream-card{aspect-ratio:1}.voice-card.stream-focused{border-color:#f23f4385;flex-basis:min(1120px,100%);width:min(640px,100%);max-width:min(640px,100%);box-shadow:0 18px 48px #0000006b,0 0 0 1px #f23f432e}.voice-card.stream-secondary{aspect-ratio:1;opacity:.92;width:min(260px,100%);max-width:260px}.voice-card.stream-card.stream-secondary{aspect-ratio:1}.stream-loading-state{width:100%;height:100%;min-height:180px;color:var(--text-secondary);background:#1e1f22;justify-content:center;align-items:center;gap:10px;font-size:.95rem;font-weight:750;display:flex}.voice-card.speaking{border-color:rgba(35, 165, 90, calc(.15 + var(--voice-level,0) * .5))}.voice-card-avatar{color:#fff;background-position:50%;background-size:cover;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;font-weight:800;display:flex;position:relative;box-shadow:0 8px 16px #0006}.speaking-ring{border:3px solid var(--status-green);opacity:var(--voice-level,0);transform:scale(var(--ring-scale,1));box-shadow:0 0 0 calc(3px + var(--voice-level,0) * 10px) rgba(35, 165, 90, calc(.08 + var(--voice-level,0) * .18));pointer-events:none;border-radius:50%;transition:opacity 70ms linear,transform 70ms linear,box-shadow 70ms linear;position:absolute;inset:-5px}.voice-card-name{color:var(--text-header);margin-top:16px;font-size:.95rem;font-weight:600}.solo-call-note{color:var(--text-muted);background:#ffffff0e;border-radius:999px;margin-top:10px;padding:6px 10px;font-size:.74rem;font-weight:750}.voice-header-status{color:#1dd1a1;align-items:center;gap:8px;font-size:.85rem;display:flex}.voice-connected-dot{background:#1dd1a1;border-radius:50%;width:8px;height:8px}.voice-live-count,.voice-speaking-count{color:#fff;white-space:nowrap;border-radius:999px;align-items:center;min-height:22px;padding:0 8px;font-size:.7rem;font-weight:850;display:inline-flex}.voice-live-count{color:#ffb4b6;background:#f23f4333}.voice-speaking-count{color:#7bf0ad;background:#23a55a2e}.voice-video-feed{object-fit:cover;z-index:1;background:#000;width:100%;height:100%;position:absolute;top:0;left:0}.voice-video-feed.fit-contain{object-fit:contain}.voice-card-overlay{z-index:3;background:#0009;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:.75rem;font-weight:600;display:flex;position:absolute;bottom:8px;left:8px}.stream-badge{background:var(--brand-color);color:#fff;text-transform:uppercase;border-radius:2px;padding:2px 6px;font-size:.65rem;font-weight:800}.stream-badge.live{background:#f23f43}.card-fullscreen-btn{color:#dbdee1;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:6px;padding:2px;transition:background-color .15s,color .15s;display:flex}.card-fullscreen-btn:hover{color:#fff;background:#ffffff26}.resolution-select{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-normal);cursor:pointer;border-radius:4px;outline:none;padding:2px 8px;font-size:.7rem;font-weight:600;transition:all .2s}.resolution-select:hover{background:var(--bg-tertiary);border-color:#1dd1a1}.resolution-select:focus{border-color:#1dd1a1;box-shadow:0 0 0 2px #1dd1a133}.voice-action-bar{background:#1e1f22;justify-content:center;align-items:center;gap:14px;height:88px;padding:12px 16px;display:flex}.btn-action{min-width:82px;height:58px;color:var(--text-header);cursor:pointer;transition:background-color var(--transition-speed), transform var(--transition-speed);background:#2b2d31;border:none;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:7px 12px;font-size:.7rem;font-weight:800;display:flex;position:relative}.btn-action:hover{background:#35373c;transform:scale(1.05)}.btn-action:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-action:disabled:hover{background:#2b2d31;transform:none}.btn-action.unavailable{color:var(--text-muted);background:#24262a;border:1px solid #ffffff0e}.btn-action.unavailable .icon{opacity:.72}.btn-action.active{color:#111214;background:#fff}.btn-action.disconnect{background:var(--status-red);color:#fff;min-width:98px}.btn-action.disconnect:hover{background:#c92a2a}.btn-friend-tab{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;padding:6px 12px;font-size:.9rem;font-weight:500;transition:all .15s}.btn-friend-tab:hover{color:var(--text-normal);background:#ffffff0a}.btn-friend-tab.active{color:var(--text-header);background:#ffffff14}.btn-friend-tab.add-btn{background:var(--status-green);color:#fff;font-weight:600}.btn-friend-tab.add-btn:hover{background:#1a8247}.pending-requests-badge{background:var(--status-red);color:#fff;border-radius:50%;margin-left:4px;padding:2px 6px;font-size:.7rem;font-weight:700}.search-filter-container{width:100%;position:relative}.search-filter-input{width:100%;color:var(--text-header);background:#1e1f22;border:none;border-radius:4px;padding:8px 12px;font-size:.85rem}.search-filter-input:focus{outline:none}.clear-search-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:.8rem;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.friend-row-card{cursor:pointer;background:0 0;border-top:1px solid #ffffff05;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;transition:background-color .1s;display:flex}.friend-row-card:hover{background:#ffffff0a}.friend-row-card.pending-card:hover{cursor:default;background:#ffffff05}.outgoing-requests-note{color:var(--text-muted);background:#ffffff09;border:1px solid #ffffff0f;border-radius:8px;margin-top:8px;padding:12px 14px;font-size:.82rem;font-weight:700}.message-action-btn{background:#2b2d31}.accept-request-btn{background:var(--status-green);color:#fff;cursor:pointer;border:none;border-radius:4px;width:auto;padding:6px 12px;font-size:.8rem;font-weight:600}.accept-request-btn:hover{background:#1a8247}.add-friend-form{background:#1e1f22;border:1px solid #0000004d;border-radius:8px;gap:12px;padding:4px;display:flex}.friends-active-now-sidebar{background:var(--bg-primary);border-left:1px solid var(--border-color);flex-shrink:0;width:320px;padding:16px;overflow-y:auto}.active-now-header{color:var(--text-header);margin-bottom:16px;font-size:1.1rem;font-weight:700}.active-now-card{background:var(--bg-secondary);border:1px solid #0000001a;border-radius:8px;margin-bottom:12px;padding:12px}.active-now-activity{background:#00000026;border-radius:6px;align-items:center;gap:10px;padding:8px;display:flex}.activity-icon{font-size:1.5rem}.modal-overlay{z-index:1000;background:#000000a6;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s ease-out fadeIn;display:flex;position:absolute;top:0;left:0}.modal-content{background:#313338;border-radius:8px;width:100%;max-width:440px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 8px 24px #0000004d}.modal-close{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:none;place-items:center;transition:background .15s,color .15s,border-color .15s;display:grid}.modal-close:hover{color:var(--text-header);background:#ffffff0f}.modal-close:focus-visible{outline-offset:2px;outline:2px solid #5865f2a6}.logout-dialog{background:linear-gradient(#35373cfa,#2b2d31fa);border:1px solid #ffffff13;border-radius:14px;width:min(92vw,460px);padding:22px;animation:.18s ease-out fadeIn;box-shadow:0 24px 70px #0000007a,inset 0 1px #ffffff0a}.logout-dialog-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.logout-dialog-title{align-items:center;gap:14px;min-width:0;display:flex}.logout-dialog-icon{color:#ff7174;background:#f23f431a;border:1px solid #f23f433d;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}.logout-dialog-title h2{font-family:var(--font-heading);color:var(--text-header);margin:0;font-size:1.28rem;font-weight:750;line-height:1.1}.logout-dialog-title p{color:var(--text-muted);margin:5px 0 0;font-size:.84rem;line-height:1.3}.logout-dialog-close{margin-top:-4px;margin-right:-4px}.logout-dialog-copy{color:#c4c9d1;margin:22px 0 0;font-size:.96rem;line-height:1.55}.logout-dialog-actions{grid-template-columns:1fr 1.35fr;gap:12px;margin-top:24px;display:grid}.logout-dialog-cancel,.logout-dialog-confirm{cursor:pointer;border:1px solid #0000;border-radius:9px;min-height:44px;font-size:.94rem;font-weight:750;transition:background .15s,border-color .15s,transform .15s}.logout-dialog-cancel{color:var(--text-header);background:#ffffff0e;border-color:#ffffff14}.logout-dialog-cancel:hover{background:#ffffff17;border-color:#ffffff1f}.logout-dialog-confirm{color:#fff;background:#da373c;box-shadow:0 8px 20px #da373c38}.logout-dialog-confirm:hover{background:#ef4448}.logout-dialog-cancel:active,.logout-dialog-confirm:active{transform:translateY(1px)}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h2{font-family:var(--font-heading);color:var(--text-header);margin:0;font-size:1.3rem;font-weight:700}.modal-title{font-family:var(--font-heading);color:var(--text-header);margin-bottom:16px;font-size:1.3rem;font-weight:700}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.btn-text{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:8px 16px;font-weight:600;transition:color .15s}.btn-text:hover{color:var(--text-header)}.sidebar-toggle-btn{display:none}.mobile-topbar{height:54px;padding:0 14px;padding-top:env(safe-area-inset-top,0px);background:var(--bg-secondary);z-index:50;border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:10px;display:flex;position:relative}.mobile-topbar-back{width:36px;height:36px;color:var(--text-header);cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.mobile-topbar-back:active{background:#ffffff1f}.mobile-topbar-title span{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.7rem;display:block;overflow:hidden}.mobile-topbar-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.mobile-topbar-btn{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.mobile-topbar-btn:active{background:#ffffff14}.mobile-topbar-btn.active{color:var(--brand-color)}.mobile-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.mobile-nav{height:60px;padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bg-secondary);z-index:50;border-top:1px solid #ffffff0f;flex-shrink:0;align-items:center;display:flex}.mobile-nav-btn{height:100%;color:var(--text-muted);cursor:pointer;letter-spacing:.02em;text-transform:uppercase;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:.65rem;font-weight:700;transition:color .15s;display:flex;position:relative}.mobile-nav-btn.active:before{content:"";background:var(--brand-color);border-radius:0 0 4px 4px;width:32px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.mobile-nav-icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.mobile-servers-screen{background:var(--bg-primary);flex:1;padding:16px;overflow-y:auto}.mobile-servers-header{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:12px;font-size:.72rem;font-weight:700}.mobile-servers-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.mobile-server-card{background:var(--bg-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;border:2px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:16px 8px 12px;transition:border-color .15s,background .15s,transform .1s;display:flex}.mobile-server-card:active{transform:scale(.96)}.mobile-server-card.active{border-color:var(--brand-color);background:#5865f21a}.mobile-server-avatar{background:var(--bg-primary);width:52px;height:52px;color:var(--text-header);font-family:var(--font-heading);border-radius:16px;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex}.mobile-server-card.active .mobile-server-avatar{background:var(--brand-color);color:#fff}.mobile-server-name{color:var(--text-muted);text-align:center;word-break:break-word;max-width:100%;font-size:.72rem;font-weight:700;line-height:1.3}.mobile-server-card.active .mobile-server-name{color:var(--brand-color)}.mobile-server-add-card{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:2px dashed #ffffff1a;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:16px 8px 12px;transition:border-color .15s,background .15s;display:flex}.mobile-server-add-card:active{border-color:var(--status-green);background:#ffffff0a}.mobile-server-add-icon{width:52px;height:52px;color:var(--status-green);background:#23a55a1a;border-radius:16px;justify-content:center;align-items:center;display:flex}.mobile-server-add-label{color:var(--text-muted);text-align:center;font-size:.72rem;font-weight:700}.mobile-drawer-backdrop{z-index:200;-webkit-tap-highlight-color:transparent;background:#0009;animation:.2s fadeIn;position:fixed;inset:0}.mobile-drawer{background:var(--bg-secondary);z-index:201;max-height:82vh;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:20px 20px 0 0;flex-direction:column;animation:.28s cubic-bezier(.32,.72,0,1) slideUpDrawer;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}@keyframes slideUpDrawer{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-drawer-handle{background:#ffffff26;border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:12px auto 0}.mobile-drawer-header{flex-shrink:0;align-items:center;gap:10px;padding:14px 16px 10px;display:flex}.mobile-drawer-server-icon{background:var(--brand-color);color:#fff;width:36px;height:36px;font-family:var(--font-heading);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:800;display:flex}.mobile-drawer-server-name{font-family:var(--font-heading);color:var(--text-header);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:1rem;font-weight:700;overflow:hidden}.mobile-drawer-close{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mobile-drawer-actions{border-bottom:1px solid #ffffff0f;flex-shrink:0;gap:8px;padding:0 16px 12px;display:flex}.mobile-drawer-action-btn{height:34px;color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:.75rem;font-weight:700;transition:background .15s,color .15s;display:flex}.mobile-drawer-action-btn:active{color:var(--text-header);background:#ffffff1a}.mobile-drawer-action-btn.danger{color:var(--status-red);border-color:#f23f4333}.mobile-drawer-action-btn.danger:active{background:#f23f431f}.mobile-drawer-body{flex:1;padding:8px 10px 12px;overflow-y:auto}.mobile-channel-category{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:12px 6px 6px;font-size:.68rem;font-weight:800}.mobile-channel-item{cursor:pointer;color:var(--text-muted);-webkit-tap-highlight-color:transparent;border-radius:10px;align-items:center;gap:12px;margin-bottom:2px;padding:12px 10px;font-size:.92rem;font-weight:500;transition:background .12s,color .12s;display:flex}.mobile-channel-item:active{background:#ffffff0f}.mobile-channel-item.active{color:var(--text-header);background:#5865f226}.mobile-channel-icon{width:32px;height:32px;color:var(--text-muted);background:#ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mobile-channel-item.active .mobile-channel-icon{color:var(--brand-color);background:#5865f233}.mobile-channel-info{flex:1;min-width:0}.mobile-channel-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.mobile-channel-sub{color:var(--text-muted);margin-top:1px;font-size:.7rem}.mobile-live-badge{background:var(--status-red);color:#fff;text-transform:uppercase;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:.6rem;font-weight:800}.mobile-voice-user-row{border-radius:8px;align-items:center;gap:8px;margin-bottom:2px;padding:6px 10px 6px 54px;display:flex}.mobile-voice-dot{color:#fff;background-size:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.65rem;font-weight:800;display:flex;overflow:hidden}.mobile-voice-dot.speaking{box-shadow:0 0 0 2px #1dd1a1}.mobile-voice-empty{color:var(--text-muted);opacity:.72;padding:4px 10px 7px 54px;font-size:.78rem;font-style:italic}.mobile-dm-list{background:var(--bg-primary);flex:1;overflow-y:auto}.mobile-dm-item{cursor:pointer;-webkit-tap-highlight-color:transparent;border-bottom:1px solid #ffffff08;align-items:center;gap:12px;padding:12px 16px;transition:background .12s;display:flex}.mobile-dm-item:active{background:#ffffff0a}.mobile-dm-item.active{background:#5865f21a}.mobile-section-header{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);background:var(--bg-primary);padding:14px 16px 6px;font-size:.68rem;font-weight:800}.mobile-profile-screen{background:var(--bg-primary);flex:1;overflow-y:auto}.mobile-profile-hero{background:linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);flex-direction:column;align-items:center;padding:32px 16px 20px;display:flex}.mobile-profile-avatar{color:#fff;border:3px solid var(--bg-secondary);background-position:50%;background-size:cover;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:12px;font-size:1.8rem;font-weight:800;display:flex;position:relative}.mobile-profile-status-chip{color:var(--text-muted);cursor:pointer;background:#ffffff0f;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.72rem;font-weight:700;transition:background .15s;display:flex}.mobile-profile-status-chip:active{background:#ffffff1f}.mobile-menu-list{background:var(--bg-secondary);border-radius:14px;margin:8px 12px;overflow:hidden}.mobile-menu-item{width:100%;color:var(--text-normal);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-bottom:1px solid #ffffff0a;align-items:center;gap:14px;padding:15px 16px;font-size:.9rem;font-weight:500;transition:background .12s;display:flex}.mobile-menu-item:active{background:#ffffff0a}.mobile-menu-label{flex:1}.mobile-menu-arrow{color:var(--text-muted);font-size:1rem}.mobile-menu-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:18px 16px 6px;font-size:.68rem;font-weight:800}.mobile-voice-float{background:var(--bg-secondary);border:1px solid #23a55a4d;border-radius:12px;flex-shrink:0;align-items:center;gap:10px;margin:8px 12px;padding:10px 14px;display:flex}.mobile-voice-float-info{flex:1;min-width:0}.mobile-voice-float-channel{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.7rem;overflow:hidden}.mobile-voice-float-actions{align-items:center;gap:6px;display:flex}.mobile-voice-float-btn{width:34px;height:34px;color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0f;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.mobile-voice-float-btn:active{color:var(--text-header);background:#ffffff1f}.mobile-voice-float-btn.muted,.mobile-voice-float-btn.disconnect{color:var(--status-red);background:#f23f4326}.mobile-voice-float-btn.disconnect:active{background:var(--status-red);color:#fff}.mobile-status-sheet{z-index:300;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.mobile-status-panel{background:var(--bg-secondary);padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0;animation:.22s cubic-bezier(.32,.72,0,1) slideUpDrawer;position:relative}.mobile-status-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid #ffffff0f;margin-bottom:8px;padding:0 4px 8px;font-size:.68rem;font-weight:800}.mobile-status-option{cursor:pointer;color:var(--text-normal);-webkit-tap-highlight-color:transparent;border-bottom:1px solid #ffffff0a;border-radius:10px;align-items:center;gap:12px;padding:13px 8px;font-size:.9rem;font-weight:500;display:flex}.mobile-status-option:active{background:#ffffff0d}@media (width<=768px){.status-banner{padding:6px 12px;font-size:.75rem}body{overflow:hidden}.app-layout{display:none!important}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.session-override-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#111214d9;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.25s ease-out fadeIn;display:flex;position:absolute;top:0;left:0}.session-override-card{text-align:center;background:#2b2d31;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:32px 24px;display:flex;box-shadow:0 16px 40px #00000080}.session-override-icon{color:var(--brand-color);background:#5865f21a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;display:flex}.session-override-card h2{font-family:var(--font-heading);color:var(--text-header);margin-bottom:12px;font-size:1.4rem}.session-override-card p{color:var(--text-muted);margin-bottom:24px;font-size:.88rem;line-height:1.5}.status-banner{background:var(--brand-color);color:#fff;text-align:center;z-index:10005;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px 16px;font-size:.82rem;font-weight:500;animation:.2s ease-out slideDown;display:flex;box-shadow:0 2px 10px #00000040}.status-banner.checking{color:var(--text-muted);background:#313338;border-bottom:1px solid #ffffff0d}.status-banner.offline{background:var(--status-red)}.status-spinner{border:2px solid var(--text-muted);border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@media (width<=680px){.auth-wrapper{padding:16px}.auth-shell{min-height:unset;border-radius:16px;grid-template-columns:1fr}.auth-hero{display:none}}.mobile-shell{background:var(--bg-primary);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.mobile-topbar{background:var(--bg-secondary);z-index:100;border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:12px;height:54px;padding:0 14px;display:flex}.mobile-topbar-back{background:var(--bg-tertiary);cursor:pointer;width:36px;height:36px;color:var(--text-normal);border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.mobile-topbar-back:hover{background:var(--bg-accent)}.mobile-topbar-title{flex:1;min-width:0}.mobile-topbar-title h1{font-family:var(--font-heading);color:var(--text-header);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}.mobile-topbar-title span{color:var(--text-muted);font-size:.72rem}.mobile-topbar-actions{align-items:center;gap:6px;display:flex}.mobile-topbar-btn{background:var(--bg-tertiary);cursor:pointer;width:36px;height:36px;color:var(--text-normal);border:none;border-radius:10px;justify-content:center;align-items:center;transition:background .15s;display:flex}.mobile-topbar-btn:hover{background:var(--bg-accent)}.mobile-content{-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.mobile-nav{background:var(--bg-secondary);padding-bottom:env(safe-area-inset-bottom,0px);z-index:100;border-top:1px solid #ffffff0f;flex-shrink:0;align-items:stretch;display:flex}.mobile-nav-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:8px 4px;font-size:.65rem;font-weight:600;transition:color .15s;display:flex;position:relative}.mobile-nav-btn.active{color:var(--brand-color)}.mobile-nav-btn.active .mobile-nav-icon{background:#5865f226;border-radius:10px}.mobile-nav-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:28px;transition:background .15s;display:flex;position:relative}.mobile-nav-badge{background:var(--status-red);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:.6rem;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px}.mobile-section-header{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:14px 16px 8px;font-size:.7rem;font-weight:800}.mobile-dm-list{padding:0}.mobile-dm-item{cursor:pointer;border-bottom:1px solid #ffffff08;align-items:center;gap:12px;padding:12px 16px;transition:background .12s;display:flex}.mobile-dm-item:hover,.mobile-dm-item.active{background:var(--bg-accent)}.mobile-dm-avatar{color:#fff;background-position:50%;background-size:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1rem;font-weight:800;display:flex;position:relative}.mobile-dm-info{flex:1;min-width:0}.mobile-dm-name{color:var(--text-header);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.mobile-dm-status{color:var(--text-muted);text-transform:capitalize;margin-top:2px;font-size:.78rem}.mobile-servers-list{padding:0 12px 12px}.mobile-server-card{cursor:pointer;background:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:14px;margin-bottom:6px;padding:12px 14px;transition:background .12s,border-color .12s;display:flex}.mobile-server-card:hover,.mobile-server-card.active{background:var(--bg-accent);border-color:#5865f240}.mobile-server-icon{background:var(--accent-gradient);width:46px;height:46px;font-family:var(--font-heading);color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:flex}.mobile-server-info{flex:1;min-width:0}.mobile-server-name{color:var(--text-header);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.mobile-server-count{color:var(--text-muted);margin-top:2px;font-size:.75rem}.mobile-add-server-btn{cursor:pointer;width:100%;color:var(--brand-color);background:#5865f214;border:1px dashed #5865f24d;border-radius:12px;align-items:center;gap:14px;margin-bottom:6px;padding:12px 14px;font-size:.92rem;font-weight:600;transition:background .12s;display:flex}.mobile-add-server-btn:hover{background:#5865f226}.mobile-add-server-icon{width:46px;height:46px;color:var(--brand-color);background:#5865f226;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mobile-drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0009;animation:.15s ease-out fadeIn;position:fixed;inset:0}.mobile-drawer{background:var(--bg-secondary);z-index:201;max-height:80vh;padding-bottom:env(safe-area-inset-bottom,0px);border-top-left-radius:20px;border-top-right-radius:20px;animation:.25s cubic-bezier(.34,1.56,.64,1) slideUpSheet;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-drawer-handle{background:#ffffff26;border-radius:999px;width:40px;height:4px;margin:12px auto 6px}.mobile-drawer-header{justify-content:space-between;align-items:center;padding:10px 16px 8px;display:flex}.mobile-drawer-header h3{font-family:var(--font-heading);color:var(--text-header);font-size:1rem;font-weight:700}.mobile-channel-category{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:12px 16px 4px;font-size:.65rem;font-weight:800}.mobile-channel-item{cursor:pointer;color:var(--text-muted);border-radius:8px;align-items:center;gap:10px;margin:1px 8px;padding:10px 16px;font-size:.9rem;font-weight:500;transition:background .12s,color .12s;display:flex}.mobile-channel-item:hover,.mobile-channel-item.active{background:var(--bg-accent);color:var(--text-header)}.mobile-chat-wrap{flex-direction:column;height:100%;display:flex}.mobile-profile-screen{padding-bottom:24px}.mobile-profile-hero{background:linear-gradient(180deg, var(--bg-tertiary) 0%, var(--bg-primary) 100%);flex-direction:column;align-items:center;margin-bottom:8px;padding:32px 16px 24px;display:flex}.mobile-profile-avatar{color:#fff;border:3px solid var(--brand-color);background-position:50%;background-size:cover;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin-bottom:12px;font-size:2rem;font-weight:900;display:flex;position:relative;box-shadow:0 0 20px #5865f24d}.mobile-profile-name{font-family:var(--font-heading);color:var(--text-header);margin-bottom:10px;font-size:1.3rem;font-weight:800}.mobile-profile-status-chip{background:var(--bg-tertiary);cursor:pointer;color:var(--text-normal);border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:background .15s;display:flex}.mobile-profile-status-chip:hover{background:var(--bg-accent)}.mobile-menu-section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:16px 16px 6px;font-size:.65rem;font-weight:800}.mobile-menu-list{background:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:14px;margin:0 12px 8px;overflow:hidden}.mobile-menu-item{cursor:pointer;width:100%;color:var(--text-normal);text-align:left;background:0 0;border:none;border-bottom:1px solid #ffffff0a;align-items:center;gap:14px;padding:13px 14px;transition:background .12s;display:flex}.mobile-menu-item:last-child{border-bottom:none}.mobile-menu-item:hover{background:#ffffff0a}.mobile-menu-item.danger{color:var(--status-red)}.mobile-menu-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.mobile-menu-label{flex:1;font-size:.92rem;font-weight:500}.mobile-menu-arrow{color:var(--text-muted);margin-left:auto;font-size:1.2rem}.mobile-voice-float{background:linear-gradient(135deg,#23a55a33,#23a55a14);border:1px solid #23a55a4d;border-radius:14px;justify-content:space-between;align-items:center;margin:8px 12px;padding:10px 14px;animation:.2s ease-out fadeIn;display:flex}.mobile-voice-float-info{flex-direction:column;gap:2px;display:flex}.mobile-voice-float-status{color:var(--status-green);align-items:center;gap:6px;font-size:.78rem;font-weight:700;display:flex}.status-green-dot{background:var(--status-green);border-radius:50%;width:7px;height:7px;animation:1.5s infinite pulse-ring}.mobile-voice-float-channel{color:var(--text-muted);font-size:.75rem}.mobile-voice-float-actions{gap:6px;display:flex}.mobile-voice-float-btn{cursor:pointer;width:34px;height:34px;color:var(--text-normal);background:#ffffff14;border:none;border-radius:10px;justify-content:center;align-items:center;transition:background .12s;display:flex}.mobile-voice-float-btn.muted{color:var(--status-red);background:#f23f4333}.mobile-voice-float-btn.disconnect{color:var(--status-red);background:#f23f4326}.mobile-voice-float-btn:hover{background:#ffffff24}.mobile-status-sheet{z-index:500;position:fixed;inset:0}.mobile-status-backdrop{background:#00000080;position:absolute;inset:0}.mobile-status-panel{background:var(--bg-secondary);padding:0 0 env(safe-area-inset-bottom,16px);border-top-left-radius:20px;border-top-right-radius:20px;animation:.25s cubic-bezier(.34,1.56,.64,1) slideUpSheet;position:absolute;bottom:0;left:0;right:0}.mobile-status-handle{background:#ffffff26;border-radius:999px;width:40px;height:4px;margin:12px auto 8px}.mobile-status-title{font-family:var(--font-heading);color:var(--text-header);border-bottom:1px solid #ffffff0f;padding:4px 16px 12px;font-size:1rem;font-weight:700}.mobile-status-option{cursor:pointer;color:var(--text-normal);border-bottom:1px solid #ffffff0a;align-items:center;gap:14px;padding:14px 16px;font-size:.92rem;font-weight:500;transition:background .12s;display:flex}.mobile-status-option:hover{background:#ffffff0a}.mobile-status-option:last-child{border-bottom:none}.mobile-empty-state{text-align:center;color:var(--text-muted);padding:48px 24px;font-size:.9rem}.mobile-empty-state-icon{margin-bottom:12px;font-size:3rem}.friends-middle-column{padding:24px}@media (width<=768px){.friends-middle-column{padding:12px 14px}.friends-active-now-sidebar{display:none!important}.server-members-sidebar{z-index:1150;border-left:1px solid #ffffff12;border-top-left-radius:14px;border-bottom-left-radius:14px;width:min(82vw,320px);padding-top:18px;position:fixed;top:174px;bottom:92px;right:0;box-shadow:-10px 0 28px #00000075;background-color:var(--bg-secondary)!important}.members-drawer-backdrop{z-index:1140;background:#00000047;border:none;padding:0;position:fixed;inset:174px 0 92px}.chat-messages-container{flex:1!important;width:100%!important}.chat-content-split{position:relative}.chat-messages{gap:12px;padding:12px 10px 10px}.message-item{gap:10px;padding:2px 6px}.message-text{overflow-wrap:anywhere;word-break:break-word}.chat-input-area{padding:8px 10px max(14px, env(safe-area-inset-bottom))}.chat-input-form{min-height:48px;padding:0 8px}.chat-input{min-width:0;padding:12px 8px;font-size:.9rem}.logout-dialog{border-radius:12px;width:calc(100vw - 28px);padding:18px}.logout-dialog-title{gap:12px}.logout-dialog-icon{border-radius:10px;width:40px;height:40px}.logout-dialog-title h2{font-size:1.16rem}.logout-dialog-copy{margin-top:18px;font-size:.9rem}.logout-dialog-actions{grid-template-columns:1fr;margin-top:20px}.voice-action-bar{padding:8px 10px max(8px, env(safe-area-inset-bottom));gap:8px;height:auto;min-height:72px;overflow-x:auto}.voice-header-status{scrollbar-width:none;max-width:52vw;overflow-x:auto}.voice-header-status::-webkit-scrollbar{display:none}.voice-grid,.voice-grid.density-solo,.voice-grid.density-duo,.voice-grid.density-group,.voice-grid.density-crowd{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;justify-items:stretch;gap:12px;padding:12px}.voice-grid.density-solo{grid-template-columns:minmax(0,min(360px,100%));justify-content:center}.voice-card{aspect-ratio:1;border-radius:10px;width:100%;max-width:100%;min-height:0}.voice-card.stream-secondary{aspect-ratio:1;width:100%;max-width:100%}.voice-card.stream-card,.voice-card.stream-card.stream-secondary{aspect-ratio:1}.voice-grid.has-live-focus{grid-template-columns:minmax(0,1fr)}.voice-grid.has-live-focus .voice-card:not(.stream-focused){max-width:100%}.voice-party-strip{gap:8px;padding:8px 10px}.voice-party-tile{text-align:center;flex-basis:86px;grid-template-rows:42px auto auto;grid-template-columns:1fr;justify-items:center;gap:3px;min-width:86px;height:86px;padding:7px}.voice-party-media{grid-row:auto;width:42px;height:42px}.voice-party-name{width:100%;font-size:.64rem}.channel-empty-state{padding:20px}.channel-empty-icon{border-radius:14px;width:54px;height:54px}.btn-action{width:44px;height:44px;border-radius:50%!important;gap:0!important;min-width:44px!important;padding:0!important}.btn-action span{display:none!important}.btn-action.disconnect{width:44px;min-width:44px!important}}@media (width<=980px) and (orientation:landscape){.mobile-shell{height:100dvh}.mobile-topbar{min-height:48px;padding:max(6px, env(safe-area-inset-top)) 12px 6px}.mobile-topbar-title h1{font-size:1rem}.mobile-topbar-title span{display:none}.mobile-nav{height:52px;padding:4px 10px max(4px, env(safe-area-inset-bottom))}.mobile-nav-btn{gap:2px;font-size:.62rem}.mobile-nav-icon{width:26px;height:24px}.mobile-content{min-height:0}.voice-container{height:100%;min-height:0}.voice-container .chat-header{gap:8px;min-height:44px;padding:6px 10px}.voice-container .chat-header-title{min-width:0;font-size:.95rem}.voice-header-status{gap:6px;max-width:62vw;font-size:.74rem}.resolution-select{max-width:148px;height:28px;font-size:.72rem}.live-stream-selector{gap:8px;min-height:38px;padding:5px 10px}.live-selector-label{font-size:.66rem}.live-selector-btn{min-height:26px;padding:0 10px;font-size:.74rem}.voice-grid,.voice-grid.density-solo,.voice-grid.density-duo,.voice-grid.density-group,.voice-grid.density-crowd{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));align-content:start;justify-items:stretch;gap:8px;padding:8px}.voice-grid.has-live-focus{grid-template-columns:minmax(0,1fr) minmax(116px,18vw);grid-auto-rows:minmax(0,1fr);align-items:stretch}.voice-party-strip{gap:7px;padding:6px 8px}.voice-party-tile{text-align:center;flex-basis:72px;grid-template-rows:32px auto;grid-template-columns:1fr;justify-items:center;min-width:72px;height:72px;padding:5px}.voice-party-media{grid-row:auto;width:32px;height:32px}.voice-party-live{display:none}.voice-card{aspect-ratio:1;border-radius:10px;width:100%;max-width:100%;min-height:0}.voice-card.stream-card{aspect-ratio:1}.voice-card.stream-focused{aspect-ratio:1;grid-row:span 2;width:100%;max-width:none;height:auto;max-height:100%}.voice-card.stream-secondary{aspect-ratio:1;width:100%;max-width:none;min-height:0}.voice-card.stream-card.stream-secondary{aspect-ratio:1}.voice-card-avatar{width:56px;height:56px;font-size:1.35rem}.voice-card-name{margin-top:9px;font-size:.82rem}.voice-card-overlay{max-width:calc(100% - 12px);font-size:.66rem;bottom:6px;left:6px}.voice-action-bar{height:56px;min-height:56px;padding:6px 10px max(6px, env(safe-area-inset-bottom));gap:8px}.btn-action{width:46px;height:42px;border-radius:12px!important;min-width:46px!important}.btn-action span{display:none!important}.btn-action.disconnect{width:52px;min-width:52px!important}}@media (width<=768px) and (orientation:portrait){.voice-grid.has-live-focus{align-content:start}.voice-card.stream-focused{aspect-ratio:1;max-width:100%;min-height:0}.voice-card.stream-secondary{min-height:0}}.voice-grid .voice-card:not(.stream-card){aspect-ratio:1!important;block-size:auto!important;min-block-size:0!important;max-block-size:min(100%,640px)!important;inline-size:min(100%,640px)!important;max-inline-size:min(100%,640px)!important}.voice-grid .voice-card.stream-card.stream-focused{aspect-ratio:16/9!important;grid-area:auto!important;place-self:center stretch!important;block-size:auto!important;min-block-size:320px!important;max-block-size:calc(100vh - 250px)!important;inline-size:min(100%,1180px)!important;max-inline-size:min(100%,1180px)!important}.voice-grid .voice-card.stream-card.stream-secondary{aspect-ratio:16/9!important;min-block-size:160px!important;max-block-size:220px!important;inline-size:min(100%,360px)!important;max-inline-size:min(100%,360px)!important}.voice-grid .voice-card.stream-card .voice-video-feed{object-fit:contain!important;background:#000!important;width:100%!important;height:100%!important}.voice-container:fullscreen .voice-card.stream-card.stream-focused{aspect-ratio:auto!important;width:100%!important;max-width:none!important;height:calc(100vh - 150px)!important;max-height:none!important}.voice-container:fullscreen .voice-grid.has-live-focus{place-content:center!important;place-items:center!important}.voice-card:fullscreen{aspect-ratio:auto!important;background:#000!important;border:0!important;border-radius:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important}.voice-card.stream-card:fullscreen{aspect-ratio:auto!important;background:#000!important;border:0!important;border-radius:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important}.voice-card.stream-focused:fullscreen{aspect-ratio:auto!important;background:#000!important;border:0!important;border-radius:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important}.voice-card:fullscreen .voice-video-feed{object-fit:contain!important;width:100vw!important;height:100dvh!important}.voice-card.stream-card:fullscreen .voice-video-feed{object-fit:contain!important;width:100vw!important;height:100dvh!important}.voice-card.stream-focused:fullscreen .voice-video-feed{object-fit:contain!important;width:100vw!important;height:100dvh!important}.voice-card:fullscreen .voice-card-overlay{max-width:calc(100vw - 32px);bottom:16px;left:16px;right:auto}.mobile-dm-empty{text-align:center;width:min(100%,420px);min-height:calc(100dvh - 220px);color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;margin:0 auto;padding:48px 16px;font-size:.88rem;display:flex}.mobile-dm-empty p{margin:0 0 16px;line-height:1.45}.mobile-empty-actions{justify-content:center;align-items:stretch;gap:8px;width:min(100%,330px);margin:0 auto;display:flex}.mobile-empty-action{white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:0 14px;font-size:.85rem;font-weight:850;line-height:1;display:inline-flex}.mobile-empty-action.primary{background:var(--brand-color);color:#fff;flex:1 1 0}.mobile-empty-action.secondary{color:var(--text-normal);background:#ffffff0d;border-color:#ffffff1a;flex:1 1 0}@media (width<=420px){.mobile-dm-empty{width:100%;max-width:none;padding:36px 28px}.mobile-empty-actions{grid-template-columns:1fr;justify-items:stretch;width:100%;max-width:320px;display:grid}.mobile-empty-action{width:100%}}@media (width<=768px),(width<=980px) and (orientation:landscape){.voice-grid,.voice-grid.density-solo,.voice-grid.density-duo,.voice-grid.density-group,.voice-grid.density-crowd,.voice-grid.has-live-focus{grid-template-columns:repeat(auto-fit,minmax(min(156px,100%),1fr))!important;grid-auto-rows:auto!important;place-content:start center!important;place-items:start center!important;display:grid!important}.voice-grid .voice-card,.voice-grid .voice-card.stream-card,.voice-grid .voice-card.stream-focused,.voice-grid .voice-card.stream-secondary,.voice-grid .voice-card.stream-card.stream-secondary{aspect-ratio:1!important;grid-area:auto!important;place-self:center!important;width:min(100%,320px)!important;max-width:320px!important;height:auto!important;min-height:0!important;max-height:none!important}.voice-grid .voice-card.stream-focused{width:min(100%,360px)!important;max-width:360px!important}.voice-card-name,.voice-card-overlay{max-width:calc(100% - 24px)}}.voice-container.stream-stage-active{background:#0b0c0f}.voice-container.stream-stage-active .chat-header{background:#2b2d31;border-bottom-color:#ffffff0a}.voice-container.stream-stage-active .live-stream-selector{background:#111214;border-bottom-color:#ffffff0e;min-height:56px;padding:10px 24px}.voice-container.stream-stage-active .live-selector-label{color:#b5bac1;font-size:.78rem}.voice-container.stream-stage-active .live-selector-btn{background:#202225;border-color:#ffffff14;border-radius:999px;min-height:36px;padding:0 16px;font-size:.9rem}.voice-container.stream-stage-active .live-selector-btn.active{background:#5865f238;border-color:#5865f29e;box-shadow:inset 0 0 0 1px #5865f229}.voice-container.stream-stage-active .voice-grid.has-live-focus{background:radial-gradient(circle at 50% 20%,#111318 0%,#08090b 54%,#050607 100%);flex:auto;overflow:hidden auto;grid-template-columns:minmax(0,min(1280px,100%))!important;grid-auto-rows:auto!important;place-content:center!important;justify-items:center!important;gap:0!important;padding:clamp(18px,3vw,36px)!important;display:grid!important}.voice-container.stream-stage-active .voice-grid.has-live-focus>.voice-card.stream-secondary,.voice-container.stream-stage-active .voice-grid.has-live-focus>.voice-card.stream-card.stream-secondary{display:none!important}.voice-container.stream-stage-active .voice-grid.has-live-focus>.voice-card.stream-focused,.voice-container.stream-stage-active .voice-grid.has-live-focus>.voice-card.stream-card.stream-focused{aspect-ratio:16/9!important;background:#000!important;border:1px solid #ffffff14!important;border-radius:10px!important;place-self:center!important;width:min(100%,1280px)!important;max-width:1280px!important;height:auto!important;min-height:min(52vh,520px)!important;max-height:calc(100dvh - 280px)!important;display:flex!important;box-shadow:0 18px 64px #0000006b!important}.voice-container.stream-stage-active .voice-card.stream-focused:not(.stream-card){aspect-ratio:1!important;background:#2b2d31!important;border-color:#23a55a61!important;max-width:min(520px,100%)!important;min-height:0!important}.voice-container.stream-stage-active .voice-card-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b8;border-radius:6px;max-width:calc(100% - 28px);padding:7px 10px;font-size:.86rem;font-weight:850;bottom:14px;left:14px}.voice-container.stream-stage-active .stream-badge{border-radius:4px;padding:4px 7px;font-size:.68rem}.voice-container.stream-stage-active .voice-party-strip{background:#17181b;border-top-color:#ffffff12;gap:12px;min-height:100px;padding:12px 24px}.voice-container.stream-stage-active .voice-party-tile{background:#24262a;border-color:#ffffff13;border-radius:8px;flex-basis:156px;min-width:156px;height:78px}.voice-container.stream-stage-active .voice-party-tile.active,.voice-container.stream-stage-active .voice-party-tile:hover{background:#2b2d31;border-color:#23a55a94}.voice-container.stream-stage-active .voice-action-bar{background:#17181b;border-top:1px solid #ffffff0e;gap:12px;height:auto;min-height:92px;padding:14px 20px 18px}.voice-container.stream-stage-active .btn-action{min-width:86px;height:64px;box-shadow:none;background:#2b2d31;border-radius:14px}.voice-container.stream-stage-active .btn-action:hover{background:#35373c;transform:translateY(-1px)}.voice-container.stream-stage-active .btn-action.active{color:#111214;background:#f2f3f5;border-color:#ffffff29}.voice-container.stream-stage-active .btn-action.disconnect{color:#fff;background:#da373c;min-width:120px}.voice-container.stream-stage-active .btn-action.disconnect:hover{background:#b9252a}.share-sheet-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b8}.web-share-modal{background:#1e1f22;border:1px solid #ffffff1a;border-radius:18px;width:min(640px,100vw - 32px);padding:0;box-shadow:0 28px 80px #0000007a}.web-share-modal .modal-header{border-bottom:0;justify-content:center;min-height:64px;padding:18px 64px 12px;position:relative}.web-share-modal .modal-header h2{color:#f2f3f5;margin:0;font-size:1.28rem;font-weight:900}.web-share-modal .modal-close-icon{background:0 0;position:absolute;top:14px;right:18px}.web-share-modal .modal-body{padding:4px 26px 18px}.web-share-hero{background:linear-gradient(135deg,#5865f22e,#2fd39a14);border-radius:16px;margin-bottom:18px}.share-sheet-section-title{color:#b5bac1;letter-spacing:.04em;text-transform:uppercase;margin:18px 0 10px;font-size:.78rem;font-weight:900}.web-share-mode-grid{background:#2b2d31;border:1px solid #ffffff0f;border-radius:16px;grid-template-columns:1fr;gap:0;overflow:hidden}.web-share-mode-card{background:0 0;border:0;border-bottom:1px solid #fff1;border-radius:0;grid-template-columns:54px minmax(0,1fr) 34px;align-items:center;gap:14px;min-height:84px;padding:16px 18px;display:grid}.web-share-mode-card:last-child{border-bottom:0}.web-share-mode-card:hover{background:#ffffff09}.web-share-mode-card.active{box-shadow:none;background:#5865f21f;border-color:#fff1}.share-mode-icon{color:#d6d9de;place-items:center;width:42px;height:42px;display:grid}.share-mode-copy{gap:4px;min-width:0;display:grid}.share-mode-copy strong{color:#f2f3f5;font-size:1rem;font-weight:900}.share-mode-copy span{color:#b5bac1;font-size:.85rem;line-height:1.35}.share-mode-radio{color:#fff;border:3px solid #b5bac1;border-radius:50%;justify-self:end;place-items:center;width:28px;height:28px;display:grid}.web-share-mode-card.active .share-mode-radio{background:#5865f2;border-color:#5865f2}.web-share-audio-panel{background:#2b2d31;border-color:#ffffff0f;border-radius:16px;padding:16px 18px}.web-share-modal .screen-share-audio-options{gap:8px}.web-share-modal .screen-audio-chip{border-radius:999px;min-height:38px;padding:0 14px}.web-share-modal .modal-footer{gap:12px;padding:0 26px 26px}.web-share-modal .modal-footer .btn-primary{border-radius:999px;min-height:52px;font-size:1rem;font-weight:900}.web-share-modal .modal-footer .btn-secondary{border-radius:999px;min-height:52px}@media (width<=768px){.voice-container.stream-stage-active .live-stream-selector{min-height:54px;padding:8px 18px}.voice-container.stream-stage-active .voice-grid.has-live-focus{overflow-y:auto;align-content:start!important;padding:14px!important}.voice-container.stream-stage-active .voice-grid.has-live-focus>.voice-card.stream-focused,.voice-container.stream-stage-active .voice-grid.has-live-focus>.voice-card.stream-card.stream-focused{aspect-ratio:1!important;border-radius:10px!important;width:100%!important;max-width:none!important;min-height:0!important;max-height:none!important}.voice-container.stream-stage-active .voice-card.stream-focused:not(.stream-card){aspect-ratio:1!important}.voice-container.stream-stage-active .voice-party-strip{min-height:104px;padding:10px 14px}.voice-container.stream-stage-active .voice-party-tile{text-align:center;flex-basis:92px;grid-template-rows:46px auto auto;grid-template-columns:1fr;justify-items:center;min-width:92px;height:92px}.voice-container.stream-stage-active .voice-party-media{grid-row:auto;width:46px;height:46px}.voice-container.stream-stage-active .voice-action-bar{min-height:84px;padding:10px 14px max(10px, env(safe-area-inset-bottom))}.voice-container.stream-stage-active .btn-action{width:54px;height:54px;border-radius:50%!important;min-width:54px!important}.voice-container.stream-stage-active .btn-action span{display:none!important}.voice-container.stream-stage-active .btn-action.disconnect{width:58px;min-width:58px!important}.share-sheet-overlay{align-items:flex-end}.web-share-modal{border-width:1px 0 0;border-radius:24px 24px 0 0;width:100%;max-width:none;max-height:min(92dvh,760px);overflow-y:auto}.web-share-modal:before{content:"";background:#ffffff29;border-radius:999px;width:52px;height:5px;margin:8px auto 0;display:block}.web-share-modal .modal-header{min-height:58px;padding:14px 56px 10px}.web-share-modal .modal-body{padding:2px 28px 16px}.web-share-mode-card{grid-template-columns:44px minmax(0,1fr) 34px;gap:12px;min-height:94px;padding:16px 14px}.share-mode-copy strong{font-size:1rem}.share-mode-copy span{font-size:.82rem}.web-share-audio-panel{gap:14px}.web-share-modal .screen-share-audio-options{grid-template-columns:1fr;display:grid}.web-share-modal .modal-footer{padding:0 28px max(26px, env(safe-area-inset-bottom));grid-template-columns:1fr;display:grid}.web-share-modal .modal-footer .btn-secondary{order:2}}@media (width<=980px) and (orientation:landscape){.voice-container.stream-stage-active .voice-grid.has-live-focus{padding:10px 14px!important}.voice-container.stream-stage-active .voice-grid.has-live-focus>.voice-card.stream-focused,.voice-container.stream-stage-active .voice-grid.has-live-focus>.voice-card.stream-card.stream-focused{aspect-ratio:16/9!important;width:min(100%,760px)!important;max-height:calc(100dvh - 232px)!important}.voice-container.stream-stage-active .voice-party-strip{min-height:82px}.voice-container.stream-stage-active .voice-party-tile{text-align:left;flex-basis:112px;grid-template-rows:1fr auto;grid-template-columns:36px 1fr;justify-items:stretch;min-width:112px;height:68px}.voice-container.stream-stage-active .voice-party-media{grid-row:1/span 2;width:36px;height:36px}}.voice-card:fullscreen{aspect-ratio:auto!important;background:#000!important;border:0!important;border-radius:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important}.voice-card.stream-card:fullscreen{aspect-ratio:auto!important;background:#000!important;border:0!important;border-radius:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important}.voice-card.stream-focused:fullscreen{aspect-ratio:auto!important;background:#000!important;border:0!important;border-radius:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important}.voice-card:fullscreen .voice-video-feed{object-fit:contain!important;width:100vw!important;height:100dvh!important}.voice-card.stream-card:fullscreen .voice-video-feed{object-fit:contain!important;width:100vw!important;height:100dvh!important}.voice-card.stream-focused:fullscreen .voice-video-feed{object-fit:contain!important;width:100vw!important;height:100dvh!important}