:root{--bg-primary: #1c1f24;--bg-secondary: #26292f;--bg-tertiary: #2f3339;--bg-elevated: #383c44;--bg-glass: rgba(47, 51, 57, .7);--bg-glass-hover: rgba(47, 51, 57, .85);--bg-chat: #24282e;--text-primary: #ffffff;--text-secondary: #c9d1d9;--text-muted: #8b949e;--primary-grey: #6b7280;--primary-grey-hover: #9ca3af;--primary-grey-light: #d1d5db;--accent-indigo: #4f46e5;--accent-indigo-hover: #4338ca;--accent-indigo-light: #818cf8;--secondary-purple: #4f46e5;--accent-green: #10b981;--accent-orange: #f59e0b;--accent-red: #ef4444;--danger-hover: #dc2626;--border-subtle: rgba(107, 114, 128, .15);--border-light: rgba(107, 114, 128, .25);--border-medium: rgba(107, 114, 128, .3);--border-strong: rgba(107, 114, 128, .5);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--font-primary: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica", "Arial", sans-serif;--text-xs: 10px;--text-sm: 12px;--text-base: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 24px;--text-3xl: 48px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .15);--shadow-md: 0 3px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .3);--shadow-glow: 0 0 8px rgba(107, 114, 128, .4);--shadow-danger-glow: 0 0 8px rgba(239, 68, 68, .6);--sidebar-width: 280px;--sidebar-min-width: 260px;--sidebar-max-width: 320px;--right-sidebar-width: 50px;--titlebar-height: 44px;--unified-top-bar-height: 48px;--channel-hover-bg: rgba(107, 114, 128, .1);--channel-selected-bg: rgba(79, 70, 229, .2);--text-tertiary: #6e7681}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-primary);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border:3px solid transparent;background-clip:padding-box;border-radius:var(--radius-lg)}::-webkit-scrollbar-thumb:hover{background:var(--bg-elevated);background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) transparent}::selection{background:#6b72804d;color:var(--text-primary)}:focus-visible{outline:2px solid var(--secondary-purple);outline-offset:2px}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;color:inherit}input,textarea{font-family:inherit;font-size:inherit;color:inherit;border:none;background:none}input:focus,textarea:focus{outline:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{display:block;max-width:100%;height:auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}@keyframes float-up{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100vh) scale(1);opacity:0}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:40px;height:40px;border:4px solid var(--border-light);border-top-color:var(--secondary-purple);border-radius:50%;animation:spin .8s linear infinite}[data-theme=light]{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--bg-tertiary: #e5e5e5;--bg-elevated: #ffffff;--bg-glass: rgba(255, 255, 255, .9);--bg-glass-hover: rgba(255, 255, 255, .95);--bg-chat: #fafafa;--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-muted: #6b7280;--text-tertiary: #9ca3af;--border-subtle: rgba(0, 0, 0, .08);--border-light: rgba(0, 0, 0, .12);--border-medium: rgba(0, 0, 0, .18);--border-strong: rgba(0, 0, 0, .25);--channel-hover-bg: rgba(0, 0, 0, .05);--channel-selected-bg: rgba(79, 70, 229, .15)}[data-theme=purple]{--bg-primary: #1a1625;--bg-secondary: #231d30;--bg-tertiary: #2d2541;--bg-elevated: #382d4d;--bg-glass: rgba(45, 37, 65, .7);--bg-glass-hover: rgba(45, 37, 65, .85);--bg-chat: #1f1930;--accent-indigo: #4f46e5;--accent-indigo-hover: #818cf8;--accent-indigo-light: #a5b4fc;--secondary-purple: #4f46e5;--channel-selected-bg: rgba(79, 70, 229, .2)}[data-theme=cyberpunk]{--bg-primary: #0a0a0f;--bg-secondary: #111118;--bg-tertiary: #1a1a24;--bg-elevated: #222230;--bg-glass: rgba(26, 26, 36, .8);--bg-glass-hover: rgba(26, 26, 36, .9);--bg-chat: #0e0e15;--text-primary: #00ffff;--text-secondary: #00cccc;--text-muted: #008888;--accent-indigo: #ff00ff;--accent-indigo-hover: #ff44ff;--accent-indigo-light: #ff88ff;--secondary-purple: #00ffff;--accent-green: #00ff00;--accent-orange: #ff8800;--accent-red: #ff0044;--border-subtle: rgba(0, 255, 255, .1);--border-light: rgba(0, 255, 255, .15);--border-medium: rgba(0, 255, 255, .2);--border-strong: rgba(0, 255, 255, .3);--channel-hover-bg: rgba(0, 255, 255, .05);--channel-selected-bg: rgba(255, 0, 255, .15)}.high-contrast{--bg-primary: #000000 !important;--bg-secondary: #0a0a0a !important;--bg-tertiary: #1a1a1a !important;--bg-elevated: #2a2a2a !important;--bg-chat: #000000 !important;--text-primary: #ffffff !important;--text-secondary: #ffffff !important;--text-muted: #cccccc !important;--text-tertiary: #aaaaaa !important;--border-subtle: #ffffff !important;--border-light: #ffffff !important;--border-medium: #ffffff !important;--border-strong: #ffffff !important;--accent-indigo: #00ffff !important;--accent-indigo-hover: #00ffff !important;--accent-green: #00ff00 !important;--accent-red: #ff0000 !important;--accent-orange: #ffff00 !important;--channel-hover-bg: rgba(255, 255, 255, .2) !important;--channel-selected-bg: rgba(0, 255, 255, .3) !important}.high-contrast *{border-color:#fff!important}.high-contrast button,.high-contrast input,.high-contrast select,.high-contrast textarea{border:2px solid #ffffff!important}.high-contrast[data-theme=light]{--bg-primary: #ffffff !important;--bg-secondary: #f5f5f5 !important;--bg-tertiary: #e5e5e5 !important;--bg-elevated: #d5d5d5 !important;--bg-chat: #ffffff !important;--text-primary: #000000 !important;--text-secondary: #000000 !important;--text-muted: #333333 !important;--text-tertiary: #555555 !important;--border-subtle: #000000 !important;--border-light: #000000 !important;--border-medium: #000000 !important;--border-strong: #000000 !important;--accent-indigo: #0000cc !important;--accent-green: #006600 !important;--accent-red: #cc0000 !important;--channel-hover-bg: rgba(0, 0, 0, .1) !important;--channel-selected-bg: rgba(0, 0, 204, .2) !important}.high-contrast[data-theme=light] *{border-color:#000!important}.high-contrast[data-theme=light] button,.high-contrast[data-theme=light] input,.high-contrast[data-theme=light] select,.high-contrast[data-theme=light] textarea{border:2px solid #000000!important}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after,.no-animations *,.no-animations *:before,.no-animations *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.larger-text{--text-xs: 14px !important;--text-sm: 16px !important;--text-base: 18px !important;--text-lg: 20px !important;--text-xl: 24px !important;--text-2xl: 30px !important;--text-3xl: 56px !important}.larger-text body{font-size:18px!important}.larger-text p,.larger-text span,.larger-text div,.larger-text label,.larger-text input,.larger-text button{font-size:inherit}[data-message-display=compact] .message-item{padding:2px 16px}[data-message-display=compact] .message-avatar{width:24px;height:24px}[data-message-display=compact] .message-header{margin-bottom:0}[data-autoplay-gifs=false] .gif-image{animation-play-state:paused}[data-autoplay-gifs=false] .gif-image:hover{animation-play-state:running}.developer-mode:after{content:"DEV";position:fixed;bottom:8px;right:8px;background:var(--accent-orange);color:#000;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;z-index:9999;pointer-events:none}.keyboard-nav-enabled *:focus{outline:3px solid var(--accent-indigo)!important;outline-offset:2px}@keyframes visual-alert{0%,to{opacity:1}50%{opacity:.7;background:#ffffff1a}}.visual-alert{animation:visual-alert .3s ease-in-out 3}