@font-face{font-family:Nokia Expanded;src:url(/fonts/NokiaExpanded-Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Nokia Expanded;src:url(/fonts/NokiaExpanded-Medium.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Nokia Expanded;src:url(/fonts/NokiaExpanded-SemiBold.otf)format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Nokia Expanded;src:url(/fonts/NokiaExpanded-Bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Nokia Expanded;src:url(/fonts/NokiaExpanded-ExtraBold.otf)format("opentype");font-weight:800;font-style:normal;font-display:swap}:root{--bg-primary:#101114;--bg-secondary:#16171a;--bg-sidebar:#0c0d0f;--bg-card:#1b1c20;--bg-hover:#222327;--bg-active:#292a2f;--bg-selected:#2d2e33;--bg-elevated:#1e1f23;--interactive-normal:transparent;--interactive-hover:#222327;--interactive-active:#292a2f;--interactive-selected:#2d2e33;--control-bg:#1b1c20;--control-bg-hover:#222327;--control-bg-active:#292a2f;--border-color:#292a2f;--border-light:#34353b;--control-border:#292a2f;--control-border-hover:#3c3d44;--control-border-active:#484950;--control-border-strong:#55565e;--scrollbar-thumb:#44454c;--scrollbar-thumb-hover:#55565e;--text-primary:#f5f5f6;--text-secondary:#a3a4aa;--text-chat:#dcdddf;--text-muted:#686970;--icon-primary:#dcdddf;--icon-secondary:#a3a4aa;--icon-muted:#686970;--primary:#faae0c;--primary-hover:#ffc13d;--primary-active:#d99305;--primary-soft:#faae0c12;--primary-soft-hover:#faae0c1a;--primary-soft-active:#faae0c21;--primary-border:#faae0c38;--primary-border-hover:#faae0c52;--primary-glow:#faae0c1f;--primary-glow-strong:#faae0c33;--text-on-primary:#000;--focus-ring:var(--text-primary);--success:#22c55e;--success-dim:#22c55e26;--warning:#f59e0b;--warning-dim:#f59e0b26;--danger:#ef4444;--danger-hover:#dc2626;--danger-dim:#ef444426;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 8px #00000080;--shadow-lg:0 8px 24px #0009;--shadow-glow:0 0 20px #faae0c1f;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:.12s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--z-dropdown:100;--z-modal:200;--z-tooltip:300;--z-toast:400;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:48px;--font-xs:11px;--font-sm:13px;--font-base:14px;--font-lg:16px;--font-xl:18px;--font-2xl:22px;--font-3xl:28px;--server-sidebar-width:86px;--server-item-size:62px;--channel-sidebar-width:240px;--members-sidebar-width:240px;--titlebar-h:0px;--density-padding-y:3px;--density-padding-x:20px;--density-item-gap:2px;--density-line-height:1.375rem;--density-min-height:1.375rem;--density-margin-top-group-own:6px;--density-margin-top-group-other:20px;--density-avatar-margin-right:14px;--density-welcome-icon:56px;--density-welcome-gap:22px;--density-welcome-margin-top:12px;--density-welcome-margin-bottom:4px}.theme-light{--bg-primary:#fff;--bg-secondary:#f4f4f5;--bg-sidebar:#ececee;--bg-card:#fafafa;--bg-hover:#ececee;--bg-active:#e2e2e5;--bg-selected:#dadadd;--bg-elevated:#fff;--interactive-normal:transparent;--interactive-hover:#ececee;--interactive-active:#e2e2e5;--interactive-selected:#dadadd;--control-bg:#fafafa;--control-bg-hover:#f1f1f2;--control-bg-active:#e7e7e9;--border-color:#d4d4d8;--border-light:#e4e4e7;--control-border:#d4d4d8;--control-border-hover:#a1a1aa;--control-border-active:#71717a;--control-border-strong:#52525b;--scrollbar-thumb:#a1a1aa;--scrollbar-thumb-hover:#85858f;--text-primary:#18181b;--text-secondary:#52525b;--text-chat:#27272a;--text-muted:#71717a;--icon-primary:#27272a;--icon-secondary:#52525b;--icon-muted:#71717a;--primary:#faae0c;--primary-hover:#ffc13d;--primary-active:#d99305;--primary-soft:#faae0c0f;--primary-soft-hover:#faae0c17;--primary-soft-active:#faae0c1f;--primary-border:#faae0c40;--primary-border-hover:#faae0c59;--primary-glow:#faae0c1a;--primary-glow-strong:#faae0c2e;--text-on-primary:#000;--focus-ring:#52525b;--success:#166534;--success-dim:#16653426;--warning:#92400e;--warning-dim:#92400e26;--danger:#b91c1c;--danger-hover:#991b1b;--danger-dim:#b91c1c26;--shadow-sm:0 1px 2px #00000014;--shadow-md:0 4px 8px #0000001a;--shadow-lg:0 8px 24px #0000001f;--shadow-glow:0 0 20px #faae0c14}.theme-black{--bg-primary:#000;--bg-secondary:#090909;--bg-sidebar:#000;--bg-card:#0d0d0e;--bg-hover:#171718;--bg-active:#202022;--bg-selected:#272729;--bg-elevated:#111112;--interactive-normal:transparent;--interactive-hover:#171718;--interactive-active:#202022;--interactive-selected:#272729;--control-bg:#0d0d0e;--control-bg-hover:#171718;--control-bg-active:#202022;--border-color:#1c1c1e;--border-light:#29292c;--control-border:#1c1c1e;--control-border-hover:#343437;--control-border-active:#46464a;--control-border-strong:#57575c;--scrollbar-thumb:#46464a;--scrollbar-thumb-hover:#57575c;--text-primary:#f5f5f6;--text-secondary:#a3a4aa;--text-chat:#dcdddf;--text-muted:#686970;--icon-primary:#dcdddf;--icon-secondary:#a3a4aa;--icon-muted:#686970;--primary:#faae0c;--primary-hover:#ffc13d;--primary-active:#d99305;--primary-soft:#faae0c12;--primary-soft-hover:#faae0c1a;--primary-soft-active:#faae0c21;--primary-border:#faae0c38;--primary-border-hover:#faae0c52;--primary-glow:#faae0c1f;--primary-glow-strong:#faae0c33;--text-on-primary:#000;--shadow-sm:0 1px 2px #0009;--shadow-md:0 4px 8px #000000b3;--shadow-lg:0 8px 24px #000c;--shadow-glow:0 0 20px #faae0c1f}.theme-discord{--bg-primary:#313338;--bg-secondary:#2b2d31;--bg-sidebar:#1e1f22;--bg-card:#2b2d31;--bg-hover:#35373c;--bg-active:#3b3d42;--bg-selected:#404248;--bg-elevated:#2b2d31;--interactive-normal:transparent;--interactive-hover:#35373c;--interactive-active:#3b3d42;--interactive-selected:#404248;--control-bg:#2b2d31;--control-bg-hover:#35373c;--control-bg-active:#3b3d42;--border-color:#3f4147;--border-light:#4e5058;--control-border:#3f4147;--control-border-hover:#4e5058;--control-border-active:#5d6069;--control-border-strong:#6b6e78;--scrollbar-thumb:#5a5d66;--scrollbar-thumb-hover:#6b6e78;--text-primary:#f2f3f5;--text-secondary:#b5bac1;--text-chat:#dbdee1;--text-muted:#949ba4;--icon-primary:#dbdee1;--icon-secondary:#b5bac1;--icon-muted:#949ba4;--primary:#faae0c;--primary-hover:#ffc13d;--primary-active:#d99305;--primary-soft:#faae0c12;--primary-soft-hover:#faae0c1a;--primary-soft-active:#faae0c21;--primary-border:#faae0c38;--primary-border-hover:#faae0c52;--primary-glow:#faae0c1f;--primary-glow-strong:#faae0c33;--text-on-primary:#000;--shadow-sm:0 1px 2px #0000003d;--shadow-md:0 4px 8px #0000004d;--shadow-lg:0 8px 24px #0006;--shadow-glow:0 0 20px #faae0c1a}.accent-yellow{--primary:#faae0c;--primary-hover:#ffc13d;--primary-active:#d99305;--primary-soft:#faae0c12;--primary-soft-hover:#faae0c1a;--primary-soft-active:#faae0c21;--primary-border:#faae0c38;--primary-border-hover:#faae0c52;--primary-glow:#faae0c1f;--primary-glow-strong:#faae0c33;--text-on-primary:#000;--shadow-glow:0 0 20px #faae0c1f}.theme-light.accent-yellow{--primary-soft:#faae0c0f;--primary-soft-hover:#faae0c17;--primary-soft-active:#faae0c1f;--primary-border:#faae0c40;--primary-border-hover:#faae0c59;--primary-glow:#faae0c1a;--primary-glow-strong:#faae0c2e;--shadow-glow:0 0 20px #faae0c14}.accent-blue{--primary:#0cadfa;--primary-hover:#3dbdfb;--primary-active:#0891d1;--primary-soft:#0cadfa0f;--primary-soft-hover:#0cadfa17;--primary-soft-active:#0cadfa1f;--primary-border:#0cadfa33;--primary-border-hover:#0cadfa4d;--primary-glow:#0cadfa1a;--primary-glow-strong:#0cadfa2e;--text-on-primary:#000;--shadow-glow:0 0 20px #0cadfa1a}.theme-light.accent-blue{--primary-soft:#0cadfa0d;--primary-soft-hover:#0cadfa14;--primary-soft-active:#0cadfa1c;--primary-border:#0cadfa38;--primary-border-hover:#0cadfa52;--primary-glow:#0cadfa14;--primary-glow-strong:#0cadfa26;--shadow-glow:0 0 20px #0cadfa12}.accent-purple{--primary:#8933ff;--primary-hover:#a15cff;--primary-active:#7024d9;--primary-soft:#8933ff0d;--primary-soft-hover:#8933ff14;--primary-soft-active:#8933ff1c;--primary-border:#8933ff2e;--primary-border-hover:#8933ff47;--primary-glow:#8933ff14;--primary-glow-strong:#8933ff26;--text-on-primary:#fff;--shadow-glow:0 0 20px #8933ff14}.theme-light.accent-purple{--primary-soft:#8933ff0a;--primary-soft-hover:#8933ff12;--primary-soft-active:#8933ff1a;--primary-border:#8933ff2e;--primary-border-hover:#8933ff47;--primary-glow:#8933ff12;--primary-glow-strong:#8933ff21;--shadow-glow:0 0 20px #8933ff0f}.theme-pink{--bg-primary:#0d1216;--bg-secondary:#12191f;--bg-sidebar:#0a0f13;--bg-card:#151d24;--bg-hover:#1b252d;--bg-active:#202b34;--bg-selected:#25313a;--bg-elevated:#182229;--interactive-hover:#1b252d;--interactive-active:#202b34;--interactive-selected:#25313a;--control-bg:#151d24;--control-bg-hover:#1b252d;--control-bg-active:#202b34;--border-color:#26343e;--border-light:#344550;--primary:#fe007f;--primary-hover:#e19cbb;--primary-active:#d6006a;--primary-soft:#fe007f0d;--primary-soft-hover:#fe007f14;--primary-soft-active:#fe007f1c;--primary-border:#fe007f2e;--primary-border-hover:#fe007f47;--primary-glow:#fe007f14;--primary-glow-strong:#fe007f26;--text-on-primary:#fff;--shadow-glow:0 0 20px #fe007f14}.density-compact{--density-padding-y:1px;--density-padding-x:20px;--density-item-gap:1px;--density-line-height:1.25rem;--density-min-height:1.25rem;--density-margin-top-group-own:3px;--density-margin-top-group-other:10px;--density-avatar-margin-right:12px;--density-welcome-icon:40px;--density-welcome-gap:12px;--density-welcome-margin-top:6px;--density-welcome-margin-bottom:2px}.modal-overlay{z-index:var(--z-modal);animation:fadeIn var(--transition-fast) ease-out;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);width:min(440px,100vw - 32px);max-height:min(85vh,85dvh);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);animation:slideIn var(--transition-fast) ease-out;overflow-y:auto}.modal-title{font-size:var(--font-xl);color:var(--text-primary);text-align:center;margin-bottom:var(--spacing-lg);font-weight:700}.modal-form{margin-bottom:var(--spacing-xl)}.modal-label{font-size:var(--font-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm);font-weight:700;display:block}.modal-input{width:100%;padding:var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-base);transition:border-color var(--transition-fast)}.modal-input:focus{border-color:var(--border-light);outline:none}.modal-input::placeholder{color:var(--text-muted)}.modal-actions{justify-content:flex-end;gap:var(--spacing-md);display:flex}.modal-btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-size:var(--font-base);transition:all var(--transition-fast);font-weight:500}.modal-btn.cancel{color:var(--text-secondary);background:0 0}.modal-btn.cancel:hover{color:var(--text-primary);text-decoration:underline}.modal-btn.primary{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary)}.modal-btn.primary:hover:not(:disabled){background-color:var(--bg-active);border-color:var(--border-light)}.modal-btn.primary:disabled{opacity:.5;cursor:not-allowed}.modal-btn.danger{background-color:var(--danger);border:1px solid var(--danger);color:#fff}.modal-btn.danger:hover:not(:disabled){background-color:var(--danger-hover);border-color:var(--danger-hover)}.modal-btn.danger:disabled{opacity:.5;cursor:not-allowed}@media (width<=480px){.modal{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:var(--spacing-lg) var(--spacing-md)}.modal-title{font-size:var(--font-lg)}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow-x:hidden}html.theme-dark,html.theme-black,html.theme-discord,html.theme-light,html.theme-pink,html.theme-custom,html.density-compact,html.density-comfortable{transition:background-color .2s,color .2s}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full);border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--focus-ring,var(--text-primary));outline-offset:2px}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;height:auto}input,textarea,select{font:inherit;color: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}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn var(--transition-normal) ease-out}.animate-slideIn{animation:slideIn var(--transition-normal) ease-out}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.is-electron .server-sidebar-content,.is-electron .channel-sidebar-header,.is-electron .main-content-header{-webkit-app-region:drag}.is-electron :is(.server-sidebar-content,.channel-sidebar-header,.main-content-header) :is(a,button,input,select,textarea,label,[role=button],[tabindex],[contenteditable=true]),.is-electron :is(.modal-overlay,.server-settings,.ss-modal-overlay,.server-settings-close,.cs-modal-overlay,.cc-overlay,.ifm-overlay,.ifm-modal,.drawer-overlay,.drawer-content,.server-menu-overlay,.ssq-overlay,.sst-overlay,.ssp,.upc-confirm-overlay,.au-overlay,.ic-overlay,.user-profile-card,.upc-submenu,.uup,.uup-move-submenu,.audio-device-menu,.user-krisp-popover,.more-menu,.message-popover-fixed,.rp-row-menu,.cp-create-menu,.cp-row-menu,.hh-friend-menu,.donate-overlay,.loading-screen,.update-banner,.app-intro,.mobile-nav-fab,[data-sonner-toaster],[data-sonner-toast]),.is-electron :is(.us-overlay,.us-modal-overlay) :is(a,button,input,select,textarea,label,[role=button],[tabindex],[contenteditable=true]),.is-electron .channel-sidebar-user-panel,.is-electron .voice-connection{-webkit-app-region:no-drag}.is-electron.platform-darwin .server-sidebar-content{padding-top:40px}.is-electron.platform-other{--titlebar-h:32px}.is-electron.platform-other #root{padding-top:var(--titlebar-h)}[data-sonner-toaster]{--normal-bg:var(--bg-card);--normal-border:var(--border-color);--normal-text:var(--text-primary);--success-bg:var(--bg-card);--success-border:var(--success);--success-text:var(--text-primary);--error-bg:var(--bg-card);--error-border:var(--danger);--error-text:var(--text-primary);--warning-bg:var(--bg-card);--warning-border:var(--warning);--warning-text:var(--text-primary);--info-bg:var(--bg-card);--info-border:var(--primary);--info-text:var(--text-primary);font-family:inherit}[data-sonner-toaster] [data-sonner-toast]{background:var(--bg-card);border-color:var(--border-color);color:var(--text-primary)}[data-sonner-toaster] [data-sonner-toast] [data-cancel]{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-color)}[data-sonner-toaster] [data-sonner-toast] [data-cancel]:hover{background:var(--bg-active);color:var(--text-primary)}[data-sonner-toaster] [data-sonner-toast] [data-action]{background:var(--primary);color:var(--text-on-primary);border:none}[data-sonner-toaster] [data-sonner-toast] [data-action]:hover{background:var(--primary-hover)}.update-banner{z-index:var(--z-toast);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);max-width:420px;box-shadow:var(--shadow-lg);align-items:center;gap:12px;padding:12px 14px;animation:.2s ease-out update-banner-in;display:flex;position:fixed;bottom:20px;right:20px}@keyframes update-banner-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.update-banner-icon{border-radius:var(--radius-sm);background-color:var(--primary-glow);width:36px;height:36px;color:var(--primary-hover);flex-shrink:0;justify-content:center;align-items:center;display:flex}.update-banner-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.update-banner-title{font-size:var(--font-sm);color:var(--text-primary);font-weight:600}.update-banner-text{font-size:var(--font-xs);color:var(--text-secondary)}.update-progress{border-radius:var(--radius-full);background-color:var(--bg-active);width:100%;height:5px;overflow:hidden}.update-progress-bar{border-radius:var(--radius-full);background-color:var(--primary);height:100%;transition:width .2s}.update-banner-action{border-radius:var(--radius-sm);background-color:var(--primary);color:#fff;font-size:var(--font-xs);cursor:pointer;transition:background-color var(--transition-fast);flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-weight:600;display:inline-flex}.update-banner-action:hover{background-color:var(--primary-hover)}.update-banner-close{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.update-banner-close:hover{background-color:var(--bg-hover);color:var(--text-primary)}@media (width<=768px){.update-banner{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));max-width:none}}.loading-screen{z-index:var(--z-toast);justify-content:center;align-items:center;gap:var(--spacing-lg);background-color:var(--bg-primary);flex-direction:column;display:flex;position:fixed;inset:0}.loading-screen-logo{object-fit:contain;width:160px;height:160px;filter:drop-shadow(0 0 24px var(--primary-glow));animation:2s ease-in-out infinite loadingScreenPulse}.loading-screen-text{font-size:var(--font-base);color:var(--text-secondary);letter-spacing:.04em;font-weight:600}@keyframes loadingScreenPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.app-titlebar{background:var(--bg-sidebar);border-bottom:1px solid var(--border-color);z-index:3000;-webkit-app-region:drag;align-items:stretch;height:32px;display:flex;position:fixed;top:0;left:0;right:0}.app-titlebar-drag{flex:1;min-width:0}.app-titlebar-controls{-webkit-app-region:no-drag;display:flex}.app-titlebar-btn{width:46px;height:100%;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.app-titlebar-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.app-titlebar-btn.close:hover{background:var(--danger);color:#fff}.app-content{height:80%}.app-intro{z-index:2999;background:#000;align-content:center;place-items:center;gap:16px;display:grid;position:fixed;inset:0}.app-intro video{aspect-ratio:16/9;object-fit:contain;width:min(640px,90vw);min-height:0;max-height:80dvh}.app-intro-message{color:#fff;letter-spacing:.08em;text-align:center;margin:0;font-family:Nokia Expanded,sans-serif;font-size:18px;font-weight:400;transform:translateY(-24px)}