:root{--bg-deepest: #191b1f;--bg-base: #1e2025;--bg-elevated: #292b32;--bg-sidebar-active: #27292e;--bg-panel: #303238;--bg-surface: #373943;--bg-surface-hover: #4e4f59;--bg-surface-hover-muted: color-mix(in srgb, #323844 50%, transparent);--bg-overlay: rgba(13, 15, 18, .85);--accent-blue: #4A9EFF;--accent-blue-hover: #6BB2FF;--accent-blue-active: #3A8AE8;--accent-blue-muted: rgba(74, 158, 255, .12);--accent-blue-subtle: rgba(74, 158, 255, .06);--accent-purple: #7C5CFC;--accent-purple-hover: #9578FF;--accent-purple-active: #6A4CE0;--accent-purple-muted: rgba(124, 92, 252, .12);--accent-pin: #2ecc71;--accent-pin-subtle: rgba(46, 204, 113, .04);--accent-pin-hover: rgba(46, 204, 113, .06);--accent-mention: #faa900;--accent-mention-subtle: rgba(250, 169, 0, .04);--accent-mention-hover: rgba(250, 169, 0, .06);--accent-red: #da3e44;--accent-red-hover: #e04f55;--accent-red-active: #c53038;--accent-red-muted: rgba(218, 62, 68, .12);--accent-reply: #008ae1;--accent-reply-bg: #3f4250;--accent-private: #9b59b6;--accent-private-subtle: rgba(155, 89, 182, .08);--accent-private-hover: rgba(155, 89, 182, .12);--accent-private-mod: #b8a9c9;--reply-line: #4f515d;--reply-snippet: #90909a;--accent-toggle-active: #fdefb9;--divider-icon: #474950;--accent-gradient: linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-purple) 100%);--accent-gradient-hover: linear-gradient(135deg, var(--accent-blue-hover) 0%, var(--accent-purple-hover) 100%);--status-online: #3D9E60;--status-online-light: #6BC286;--status-idle: #FBBF24;--status-dnd: #FF5C5C;--status-live: #F23F43;--status-orange: #FF8A4C;--status-offline: #52525B;--status-online-muted: rgba(61, 158, 96, .12);--status-online-light-muted: rgba(107, 194, 134, .1);--status-dnd-muted: rgba(255, 92, 92, .12);--status-idle-muted: rgba(251, 191, 36, .12);--text-primary: #ececee;--text-body: #e0e0e4;--text-secondary: #a3a3ac;--text-muted: #9e9ea7;--text-faint: #71717A;--text-tertiary: #52525B;--text-link: var(--accent-blue);--text-link-hover: var(--accent-blue-hover);--text-on-accent: #FFFFFF;--text-danger: var(--status-dnd);--border-subtle: #2E3138;--border-medium: rgba(73, 79, 89, .56);--border-strong: #52575F;--border-focus: var(--accent-blue);--divider: 1px solid var(--border-subtle);--font-heading: "Inter Variable", "Inter", system-ui, -apple-system, sans-serif;--font-body: "Inter Variable", "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono Variable", "JetBrains Mono", "Fira Code", monospace;--text-2xs: .625rem;--text-xs: .75rem;--text-sm-compact: .8125rem;--text-sm: .9375rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.75rem;--text-4xl: 2.25rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-none: 1;--leading-tight: 1.2;--leading-compact: 1.3;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-form: .05em;--tracking-wider: .08em;--tracking-caps: .1em;--space-0: 0;--space-px: 1px;--space-0_5: 2px;--space-1: 4px;--space-1_5: 6px;--space-2: 8px;--space-2_5: 10px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .24);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .32), 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 4px 8px rgba(0, 0, 0, .32), 0 2px 4px rgba(0, 0, 0, .24);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4), 0 4px 8px rgba(0, 0, 0, .24);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .48), 0 8px 16px rgba(0, 0, 0, .24);--shadow-inner: inset 0 1px 3px rgba(0, 0, 0, .3);--shadow-glow-blue: 0 0 20px rgba(74, 158, 255, .15), 0 0 3px rgba(74, 158, 255, .1);--shadow-glow-purple: 0 0 20px rgba(124, 92, 252, .15), 0 0 3px rgba(124, 92, 252, .1);--z-base: 0;--z-above: 1;--z-dropdown: 100;--z-sticky: 150;--z-overlay: 200;--z-modal: 300;--z-tooltip: 400;--z-popout: 500;--z-notification: 600;--z-max: 9999;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.55, .055, .675, .19);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-instant: 80ms;--duration-fast: .12s;--duration-normal: .15s;--duration-moderate: .2s;--duration-slow: .3s;--duration-slower: .45s;--transition-colors: color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);--transition-opacity: opacity var(--duration-normal) var(--ease-out);--transition-transform: transform var(--duration-normal) var(--ease-out);--transition-shadow: box-shadow var(--duration-normal) var(--ease-out);--transition-all: all var(--duration-normal) var(--ease-out);--server-sidebar-width: 64px;--channel-sidebar-width: 250px;--member-sidebar-width: 265px;--search-panel-width: 420px;--header-height: 48px;--composer-min-height: 44px;--voice-bar-height: 52px;--user-area-height: 52px;--sidebar-dock-height: var(--user-area-height);--mobile-bottom-bar-height: 52px;--mobile-dock-height: 52px;--focus-ring: 0 0 0 2px var(--bg-base), 0 0 0 4px var(--accent-blue);--focus-ring-inset: inset 0 0 0 2px var(--accent-blue);--palette-0: #4A9EFF;--palette-1: #3B82F6;--palette-2: #4ADE80;--palette-3: #FBBF24;--palette-4: #FF5C5C;--palette-5: #FF8A4C;--palette-6: #EC4899;--palette-7: #14B8A6;--palette-8: #0EA5E9;--palette-9: #F97316;--palette-10: #06B6D4;--palette-11: #84CC16;--palette-12: #EF4444;--palette-13: #38BDF8;--palette-14: #22D3EE;--palette-15: #F472B6;--palette-16: #34D399;--palette-17: #FB923C;--palette-18: #2DD4BF;--palette-19: #2DD4BF}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes skeleton{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulseDot{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes orbitalRing{0%{transform:rotate(0);opacity:.4}50%{opacity:.8}to{transform:rotate(360deg);opacity:.4}}@keyframes orbitalPulse{0%,to{box-shadow:0 0 #4a9eff33}50%{box-shadow:0 0 0 6px #4a9eff00}}@keyframes arcDraw{0%{stroke-dashoffset:200;opacity:0}to{stroke-dashoffset:0;opacity:.3}}@keyframes notificationSlideIn{0%{opacity:0;transform:translate(100%) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes messageHighlight{0%{background-color:#4a9eff1a}to{background-color:transparent}}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out) forwards}.animate-fade-in-scale{animation:fadeInScale var(--duration-moderate) var(--ease-out) forwards}.animate-slide-in-right{animation:slideInRight var(--duration-slow) var(--ease-out) forwards}.animate-slide-in-left{animation:slideInLeft var(--duration-slow) var(--ease-out) forwards}.animate-scale-in{animation:scaleIn var(--duration-moderate) var(--ease-spring) forwards}.animate-pop-in{animation:popIn var(--duration-slow) var(--ease-out) forwards}.skeleton{background:var(--bg-elevated);animation:skeletonPulse 2s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeletonPulse{0%,to{opacity:.4}50%{opacity:.8}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;height:100%;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-deepest);overflow:hidden;min-height:100dvh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}h1{font-size:var(--text-4xl);font-weight:var(--weight-bold)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg);font-weight:var(--weight-medium)}h6{font-size:var(--text-base);font-weight:var(--weight-medium)}p{line-height:var(--leading-normal)}small{font-size:var(--text-xs);color:var(--text-secondary)}strong,b{font-weight:var(--weight-semibold)}code,pre,kbd,samp{font-family:var(--font-mono);font-size:var(--text-sm)}code{background:var(--bg-surface);padding:.15em .4em;border-radius:var(--radius-sm);font-size:var(--text-sm)}pre{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);overflow-x:auto}pre code{background:none;padding:0;border-radius:0}a{color:var(--text-link);text-decoration:none;transition:var(--transition-colors)}a:hover{color:var(--text-link-hover);text-decoration:underline}button{cursor:pointer;font-family:var(--font-body);font-size:inherit;border:none;background:none;color:inherit;padding:0}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background:transparent;border:none;outline:none}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}:focus{outline:none}:focus-visible{outline:none;box-shadow:var(--focus-ring)}input:focus,textarea:focus,select:focus{border-color:var(--border-focus);box-shadow:none}input:focus-visible,textarea:focus-visible,select:focus-visible{box-shadow:none}button:focus-visible,a:focus-visible{border-radius:var(--radius-sm)}::selection{background:#4a9eff3d;color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1c1f23;border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}::-webkit-scrollbar-button{display:none;width:0;height:0}::-webkit-scrollbar-corner{background:transparent}img,svg{display:block;max-width:100%}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}hr{border:none;border-top:1px solid var(--border-subtle);margin:var(--space-4) 0}[hidden]{display:none!important}#root{width:100vw;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}