: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-purple: var(--accent-indigo);--accent: var(--accent-indigo);--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;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-section: 28px;--radius-xs: 3px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--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;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-black: 800;--leading-tight: 1.2;--leading-snug: 1.4;--leading-normal: 1.5;--leading-relaxed: 1.75;--opacity-disabled: .5;--opacity-dim: .7;--opacity-overlay: .85;--z-base: 1;--z-sticky: 100;--z-dropdown: 200;--z-tooltip: 500;--z-popover: 800;--z-fixed: 1000;--z-overlay: 9000;--z-modal: 10000;--z-toast: 11000;--z-max: 99999;--scrollbar-thumb: var(--bg-tertiary);--scrollbar-thumb-hover: var(--bg-elevated);--scrollbar-thumb-active: var(--accent-indigo);--backdrop-color: rgba(0, 0, 0, .6);--backdrop-blur: blur(12px) saturate(140%);--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: 36px;--unified-top-bar-height: 48px;--channel-hover-bg: rgba(107, 114, 128, .1);--channel-selected-bg: rgba(79, 70, 229, .2);--text-tertiary: #6e7681;--status-online: #23a55a;--status-idle: #f0b232;--status-dnd: #f23f43;--status-offline: #80848e;--transition-fast: .1s ease;--transition-base: .15s ease;--transition-slow: .25s ease;--status-red-bright: #ed4245;--status-green-bright: #43b581;--activity-playing: #a3e635;--activity-streaming: #a855f7;--activity-listening: #22d3ee;--activity-watching: #f43f5e;--activity-competing: #f59e0b;--interactive-hover-bg: rgba(255, 255, 255, .08);--interactive-active-bg: rgba(79, 70, 229, .15);--elev-1: 0 1px 2px rgba(0, 0, 0, .2);--elev-2: 0 4px 12px rgba(0, 0, 0, .3);--elev-3: 0 12px 32px rgba(0, 0, 0, .45);--glow-indigo: 0 0 12px rgba(79, 70, 229, .35);--glow-indigo-soft: 0 0 10px rgba(79, 70, 229, .22);--ring-indigo: 0 0 0 3px rgba(79, 70, 229, .15);--ring-indigo-strong: 0 0 0 3px rgba(79, 70, 229, .45);--ring-danger: 0 0 0 3px rgba(239, 68, 68, .25);--ring-success: 0 0 0 3px rgba(35, 165, 90, .25);--gradient-brand: linear-gradient(135deg, #6366f1 0%, #4f46e5 50%, #4338ca 100%);--gradient-brand-hover: linear-gradient(135deg, #7c79f5 0%, #5b54ea 50%, #4a44d4 100%);--gradient-brand-soft: linear-gradient(135deg, rgba(99, 102, 241, .18) 0%, rgba(79, 70, 229, .1) 100%);--gradient-danger: linear-gradient(135deg, #f87171 0%, #ef4444 50%, #dc2626 100%);--gradient-success: linear-gradient(135deg, #34d399 0%, #10b981 50%, #059669 100%);--gradient-warning: linear-gradient(135deg, #fbbf24 0%, #f59e0b 50%, #d97706 100%);--gradient-surface: linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,0) 100%);--gradient-surface-strong: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.02) 100%);--gradient-accent-sheen: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.08) 50%, transparent 100%);--glass-blur: blur(18px) saturate(160%);--glass-blur-strong: blur(28px) saturate(180%);--glass-surface: rgba(38, 41, 47, .72);--glass-surface-strong: rgba(28, 31, 36, .86);--glass-border: 1px solid rgba(255, 255, 255, .06);--glass-highlight: inset 0 1px 0 rgba(255, 255, 255, .06);--elev-soft-1: 0 1px 2px rgba(0,0,0,.2), 0 1px 1px rgba(0,0,0,.14);--elev-soft-2: 0 4px 10px rgba(0,0,0,.28), 0 2px 4px rgba(0,0,0,.18);--elev-soft-3: 0 12px 28px rgba(0,0,0,.4), 0 6px 12px rgba(0,0,0,.22);--elev-soft-4: 0 24px 60px rgba(0,0,0,.55), 0 12px 24px rgba(0,0,0,.28);--inner-highlight: inset 0 1px 0 rgba(255, 255, 255, .05);--inner-highlight-strong: inset 0 1px 0 rgba(255, 255, 255, .1);--hover-fill: rgba(255, 255, 255, .06);--hover-fill-strong: rgba(255, 255, 255, .1);--press-fill: rgba(0, 0, 0, .18);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .12s;--dur-base: .16s;--dur-slow: .24s}:root.jcef-desktop{--right-sidebar-width: 36px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;height:-webkit-fill-available;height:100dvh;height:var(--app-height, 100dvh);min-height:100%;min-height:-webkit-fill-available;min-height:100dvh;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);transition:background .15s ease}::-webkit-scrollbar-thumb:hover{background:var(--bg-elevated);background-clip:padding-box}::-webkit-scrollbar-thumb:active{background:var(--accent-indigo);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}}@keyframes premium-fade-in{0%{opacity:0}to{opacity:1}}@keyframes premium-scale-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes premium-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}@keyframes premium-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes premium-slide-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes premium-spring-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes premium-pulse-soft{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:.85}}@keyframes premium-glow-pulse{0%,to{box-shadow:0 0 #4f46e500}50%{box-shadow:0 0 12px 2px #4f46e566}}@keyframes premium-status-glow{0%,to{box-shadow:0 0 #23a55a00}50%{box-shadow:0 0 6px 1px #23a55a99}}@keyframes premium-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes premium-drawing-line{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes premium-stagger-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.skeleton{position:relative;overflow:hidden;background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-elevated) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;animation:premium-shimmer 1.6s linear infinite;border-radius:var(--radius-md)}.skeleton-text{height:12px;border-radius:var(--radius-sm)}.skeleton-title{height:18px;border-radius:var(--radius-sm)}.skeleton-avatar{width:40px;height:40px;border-radius:var(--radius-full);flex-shrink:0}.skeleton-avatar-sm{width:24px;height:24px;border-radius:var(--radius-full);flex-shrink:0}.skeleton-row{height:44px;border-radius:var(--radius-md)}.skeleton-card{height:160px;border-radius:var(--radius-xl)}.skeleton-tile{aspect-ratio:130 / 175;border-radius:var(--radius-xl)}.skeleton-line{height:10px;border-radius:var(--radius-sm);margin-bottom:6px}.skeleton-list{display:flex;flex-direction:column;gap:10px;padding:12px}@media(prefers-reduced-motion:reduce){.skeleton{animation:none;background:var(--bg-tertiary)}}.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{cursor:default}.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 *: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}.low-power-mode *,.low-power-mode *:before,.low-power-mode *:after{animation:none!important;transition:none!important;filter:none!important;box-shadow:none!important;will-change:auto!important}.no-hw-accel *{will-change:auto!important;backface-visibility:visible!important}:root.hw-accel .chat-view-messages,:root.hw-accel .unified-channels-scroll,:root.hw-accel .unified-sidebar-scroll,:root.hw-accel .member-list,:root.hw-accel .branch-chat-messages,:root.hw-accel .voice-channels-sidebar,:root.hw-accel .server-settings-scroll{transform:translateZ(0);will-change:transform;backface-visibility:hidden}:root.hw-accel .chat-view-messages{contain:strict}:root.hw-accel video,:root.hw-accel canvas{transform:translateZ(0);backface-visibility:hidden}:root.hw-accel .dialog-overlay,:root.hw-accel [class$=-dialog],:root.hw-accel [class$=-modal],:root.hw-accel [class$=-panel]{transform:translateZ(0)}:root.hw-accel .unified-channel-panel,:root.hw-accel .right-sidebar{contain:layout}body,input,textarea,button,select{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1,"calt" 1}h1,h2,h3,h4,h5,h6{letter-spacing:-.01em;font-weight:var(--font-semibold)}h1{letter-spacing:-.02em}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ffffff1a,#ffffff0a);border:2px solid transparent;background-clip:padding-box;border-radius:var(--radius-full);transition:background var(--dur-base) var(--ease-out)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffffff2e,#ffffff14);background-clip:padding-box}::-webkit-scrollbar-thumb:active{background:var(--gradient-brand);background-clip:padding-box}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}button.primary,button.btn-primary,.button-primary,.primary-button,.save-button,.confirm-button,.create-button,.btn.primary{background:var(--gradient-brand)!important;color:#fff!important;border:none!important;box-shadow:var(--elev-soft-1),var(--inner-highlight)!important;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),filter var(--dur-base) var(--ease-out)!important;font-weight:var(--font-semibold)!important}button.primary:hover:not(:disabled),button.btn-primary:hover:not(:disabled),.button-primary:hover:not(:disabled),.primary-button:hover:not(:disabled),.save-button:hover:not(:disabled),.confirm-button:hover:not(:disabled),.create-button:hover:not(:disabled),.btn.primary:hover:not(:disabled){background:var(--gradient-brand-hover)!important;box-shadow:var(--elev-soft-2),var(--inner-highlight-strong),var(--glow-indigo-soft)!important;transform:translateY(-1px);filter:brightness(1.04)}button.primary:active:not(:disabled),button.btn-primary:active:not(:disabled),.button-primary:active:not(:disabled),.primary-button:active:not(:disabled),.save-button:active:not(:disabled),.confirm-button:active:not(:disabled),.create-button:active:not(:disabled),.btn.primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--elev-soft-1),inset 0 2px 4px #0000002e!important;filter:brightness(.96)}button.secondary,button.btn-secondary,.button-secondary,.secondary-button,.cancel-button,.btn.secondary{background:#ffffff0f!important;color:var(--text-primary)!important;border:1px solid rgba(255,255,255,.08)!important;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)!important;font-weight:var(--font-medium)!important}button.secondary:hover:not(:disabled),button.btn-secondary:hover:not(:disabled),.button-secondary:hover:not(:disabled),.secondary-button:hover:not(:disabled),.cancel-button:hover:not(:disabled),.btn.secondary:hover:not(:disabled){background:#ffffff1a!important;border-color:#ffffff24!important;transform:translateY(-1px)}button.secondary:active:not(:disabled),button.btn-secondary:active:not(:disabled),.button-secondary:active:not(:disabled),.secondary-button:active:not(:disabled),.cancel-button:active:not(:disabled),.btn.secondary:active:not(:disabled){transform:translateY(0);background:#00000029!important}button.danger:not(.context-menu-item),button.btn-danger,.button-danger,.danger-button,.delete-button,.btn.danger{background:var(--gradient-danger)!important;color:#fff!important;border:none!important;box-shadow:var(--elev-soft-1),var(--inner-highlight)!important;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),filter var(--dur-base) var(--ease-out)!important;font-weight:var(--font-semibold)!important}button.danger:not(.context-menu-item):hover:not(:disabled),button.btn-danger:hover:not(:disabled),.button-danger:hover:not(:disabled),.danger-button:hover:not(:disabled),.delete-button:hover:not(:disabled),.btn.danger:hover:not(:disabled){box-shadow:var(--elev-soft-2),var(--shadow-danger-glow),var(--inner-highlight-strong)!important;transform:translateY(-1px);filter:brightness(1.05)}button.danger:not(.context-menu-item):active:not(:disabled),button.btn-danger:active:not(:disabled),.button-danger:active:not(:disabled),.danger-button:active:not(:disabled),.delete-button:active:not(:disabled),.btn.danger:active:not(:disabled){transform:translateY(0)}button:disabled,input:disabled,textarea:disabled,select:disabled{opacity:var(--opacity-disabled);cursor:not-allowed!important;filter:grayscale(.35)}button.icon-button,.icon-btn,.icon-button{border-radius:var(--radius-md)!important;transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-spring)!important}button.icon-button:hover,.icon-btn:hover,.icon-button:hover{background:var(--hover-fill)!important;color:var(--text-primary)!important}button.icon-button:active,.icon-btn:active,.icon-button:active{transform:scale(.92)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=url],input[type=tel],input[type=date],input[type=time],input[type=datetime-local],textarea,select{background:#00000038;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);color:var(--text-primary);padding:10px 12px;transition:border-color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=number]::placeholder,input[type=search]::placeholder,input[type=url]::placeholder,input[type=tel]::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.7}input[type=text]:hover,input[type=email]:hover,input[type=password]:hover,input[type=number]:hover,input[type=search]:hover,input[type=url]:hover,input[type=tel]:hover,textarea:hover,select:hover{border-color:#ffffff1a;background:#00000047}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=search]:focus,input[type=url]:focus,input[type=tel]:focus,input[type=date]:focus,input[type=time]:focus,input[type=datetime-local]:focus,textarea:focus,select:focus{border-color:var(--accent-indigo);background:#00000052;box-shadow:var(--ring-indigo);outline:none}input[type=search],.search-input,.search-bar input{border-radius:var(--radius-full)!important;padding-left:14px!important;padding-right:14px!important}.dialog-overlay,.modal-overlay,.dialog-backdrop,.modal-backdrop{background:var(--backdrop-color);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);animation:premium-fade-in var(--dur-slow) var(--ease-out)}[class$=-dialog]:not(.dialog-overlay),[class$=-modal]:not(.modal-overlay),.dialog-content,.modal-content{border-radius:var(--radius-2xl);box-shadow:var(--elev-soft-4),var(--inner-highlight);border:1px solid rgba(255,255,255,.06);animation:premium-scale-in var(--dur-slow) var(--ease-spring)}.dialog-header,.modal-header,[class$=-dialog]>header,[class$=-modal]>header{background:var(--gradient-surface);border-bottom:1px solid rgba(255,255,255,.04)}@media(prefers-reduced-motion:reduce){.dialog-overlay,.modal-overlay,.dialog-backdrop,.modal-backdrop,[class$=-dialog]:not(.dialog-overlay),[class$=-modal]:not(.modal-overlay),.dialog-content,.modal-content{animation:none!important}}.dropdown-menu,.popover,.menu-popover,.context-menu,.user-menu,.servers-dropdown-menu,.emoji-picker,.gif-picker,.mention-autocomplete,.quick-switcher{background:var(--glass-surface-strong)!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-xl)!important;box-shadow:var(--elev-soft-3),var(--glass-highlight)!important;animation:premium-scale-in var(--dur-base) var(--ease-spring);transform-origin:top center}.dropdown-menu .item,.dropdown-menu li,.context-menu .item,.user-menu .item,.menu-item{border-radius:var(--radius-md);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.dropdown-menu .item:hover,.dropdown-menu li:hover,.context-menu .item:hover,.user-menu .item:hover,.menu-item:hover{background:var(--hover-fill-strong);color:var(--text-primary)}.tooltip,[role=tooltip],.tooltip-content{background:var(--glass-surface-strong)!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-md)!important;box-shadow:var(--elev-soft-2)!important;font-size:var(--text-sm)!important;font-weight:var(--font-medium)!important;letter-spacing:.01em;padding:6px 10px!important;animation:premium-scale-in var(--dur-fast) var(--ease-spring)}.unified-sidebar,.unified-channel-panel,.voice-channels-sidebar,.member-list,.right-sidebar{background-image:var(--gradient-surface);background-repeat:no-repeat;background-size:100% 240px}.channel-item.active,.channel-item.selected,.dm-item.active,.dm-item.selected,.unified-channel-item.active,.unified-channel-item.selected,.member-item.selected{position:relative;background:var(--gradient-brand-soft)!important}.channel-item.active:before,.channel-item.selected:before,.dm-item.active:before,.dm-item.selected:before,.unified-channel-item.active:before,.unified-channel-item.selected:before,.member-item.selected:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--gradient-brand);box-shadow:var(--glow-indigo-soft)}.channel-item,.dm-item,.unified-channel-item,.member-item{border-radius:var(--radius-md)!important;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.channel-item:hover,.dm-item:hover,.unified-channel-item:hover,.member-item:hover{background:var(--hover-fill)!important}.server-icon,.server-list-item,.bubble-icon{transition:border-radius var(--dur-base) var(--ease-spring),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.server-icon:hover,.server-list-item:hover .server-icon,.bubble-icon:hover{border-radius:var(--radius-xl)!important;transform:translateY(-1px);box-shadow:var(--elev-soft-2),var(--glow-indigo-soft)}.server-icon.active,.server-list-item.active .server-icon{border-radius:var(--radius-xl)!important;box-shadow:var(--ring-indigo-strong),var(--elev-soft-2)}.tab-bar,.channel-tab-bar,.unified-top-bar{background-image:var(--gradient-surface);border-bottom:1px solid rgba(255,255,255,.04)}.tab,.nav-tab,.tab-item{position:relative;transition:color var(--dur-base) var(--ease-out)}.tab.active:after,.nav-tab.active:after,.tab-item.active:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;border-radius:2px;background:var(--gradient-brand);box-shadow:var(--glow-indigo-soft);animation:premium-drawing-line var(--dur-slow) var(--ease-out);transform-origin:left center}.avatar,.user-avatar,.message-avatar,.member-avatar{transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.avatar:hover,.user-avatar:hover,.message-avatar:hover,.member-avatar:hover{box-shadow:var(--glow-indigo-soft)}.status-dot.online,.status-indicator.online,.presence-dot.online{background:var(--status-online)!important;box-shadow:0 0 4px #23a55a8c}.status-dot.idle,.status-indicator.idle,.presence-dot.idle{background:var(--status-idle)!important;box-shadow:0 0 4px #f0b23280}.status-dot.dnd,.status-indicator.dnd,.presence-dot.dnd{background:var(--status-dnd)!important;box-shadow:0 0 4px #f23f438c}.badge,.notification-badge,.unread-badge,.mention-badge{background:var(--gradient-danger);color:#fff;font-weight:var(--font-bold);font-size:var(--text-xs);letter-spacing:.02em;box-shadow:var(--elev-soft-1);border-radius:var(--radius-full)}.badge.mention,.mention-badge{background:var(--gradient-brand)}.message-item,.chat-message{transition:background var(--dur-fast) var(--ease-out)}.message-item:hover,.chat-message:hover{background:#ffffff06}.message-actions,.message-toolbar,.message-action-bar{background:var(--glass-surface-strong)!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-md)!important;box-shadow:var(--elev-soft-2)!important}code,.message-content code{background:#00000052;border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-sm);padding:1px 6px;font-family:JetBrains Mono,Fira Code,Menlo,Consolas,monospace;font-size:.9em}pre,.code-block{background:#0000005c!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:var(--radius-lg)!important;box-shadow:inset 0 1px #ffffff08}blockquote,.reply-preview,.replied-message{border-left:3px solid var(--accent-indigo);background:var(--gradient-brand-soft);border-radius:0 var(--radius-md) var(--radius-md) 0}.toast,.toast-item,.notification-toast{background:var(--glass-surface-strong)!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-xl)!important;box-shadow:var(--elev-soft-3),var(--glass-highlight)!important;animation:premium-slide-up var(--dur-slow) var(--ease-spring)}.toast.success,.toast-success{border-left:3px solid var(--accent-green)}.toast.error,.toast-error{border-left:3px solid var(--accent-red)}.toast.warning,.toast-warning{border-left:3px solid var(--accent-orange)}.toast.info,.toast-info{border-left:3px solid var(--accent-indigo)}.banner,.update-banner,.info-banner{background:var(--gradient-brand-soft);border-bottom:1px solid rgba(99,102,241,.2);box-shadow:var(--inner-highlight)}.pill,.tag,.label-pill{background:#ffffff0f;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-full);padding:2px 10px;font-size:var(--text-xs);font-weight:var(--font-medium)}.card,.bubble-card,.server-card,.event-card,.feature-card,.discover-card{background:var(--bg-secondary);background-image:var(--gradient-surface);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl);box-shadow:var(--elev-soft-1);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.card:hover,.bubble-card:hover,.server-card:hover,.event-card:hover,.feature-card:hover,.discover-card:hover{transform:translateY(-2px);box-shadow:var(--elev-soft-3);border-color:#ffffff1a}.settings-row,.list-row,.preference-row{border-radius:var(--radius-md);transition:background var(--dur-fast) var(--ease-out)}.settings-row:hover,.list-row:hover,.preference-row:hover{background:var(--hover-fill)}input[type=range]{-webkit-appearance:none;appearance:none;height:4px;background:#ffffff1a;border-radius:var(--radius-full);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#fff;border-radius:var(--radius-full);box-shadow:var(--elev-soft-2),0 0 0 4px #6366f100;cursor:pointer;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-spring)}input[type=range]::-webkit-slider-thumb:hover{box-shadow:var(--elev-soft-2),0 0 0 6px #6366f12e}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.1);box-shadow:var(--elev-soft-2),0 0 0 8px #6366f142}input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#fff;border:none;border-radius:var(--radius-full);box-shadow:var(--elev-soft-2);cursor:pointer}input[type=checkbox]{accent-color:var(--accent-indigo)}input[type=checkbox].toggle,input[type=checkbox].switch{-webkit-appearance:none;appearance:none;width:36px;height:20px;background:#ffffff1a;border-radius:var(--radius-full);position:relative;cursor:pointer;transition:background var(--dur-base) var(--ease-out)}input[type=checkbox].toggle:after,input[type=checkbox].switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:var(--radius-full);box-shadow:var(--elev-soft-1);transition:transform var(--dur-base) var(--ease-spring)}input[type=checkbox].toggle:checked,input[type=checkbox].switch:checked{background:var(--gradient-brand)}input[type=checkbox].toggle:checked:after,input[type=checkbox].switch:checked:after{transform:translate(16px)}.voice-chat-panel,.voice-widget,.voice-hud-panel,.dm-call-modal{background-image:var(--gradient-surface-strong);border-top:1px solid rgba(255,255,255,.06);box-shadow:var(--elev-soft-2),var(--inner-highlight)}.voice-user.speaking .avatar,.voice-tile.speaking,.speaking-indicator{box-shadow:0 0 0 2px var(--status-green-bright),0 0 14px #43b5818c;animation:premium-pulse-soft 1.4s var(--ease-out) infinite}.voice-control.muted,.voice-control.deafened,.btn-mute.active,.btn-deafen.active{background:var(--gradient-danger)!important;color:#fff!important;box-shadow:var(--elev-soft-1),var(--shadow-danger-glow)!important}.mobile-bottom-nav{background:var(--glass-surface-strong)!important;backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border-top:var(--glass-border);box-shadow:0 -8px 24px #00000059}.mobile-bottom-nav .nav-item.active{color:var(--accent-indigo-light)}.mobile-bottom-nav .nav-item.active svg{filter:drop-shadow(0 0 6px rgba(129,140,248,.45))}.mobile-drawer,.drawer-content{border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;background-image:var(--gradient-surface);box-shadow:var(--elev-soft-4)}@media(hover:none)and (pointer:coarse){button,.icon-button,.icon-btn{-webkit-tap-highlight-color:transparent}}:focus-visible{outline:none!important;box-shadow:var(--ring-indigo-strong);border-radius:var(--radius-sm);transition:box-shadow var(--dur-base) var(--ease-out)}button:focus-visible,.icon-button:focus-visible,a:focus-visible{box-shadow:var(--ring-indigo-strong),var(--elev-soft-1)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none!important}[contenteditable]:focus-visible,[role=textbox]:focus-visible{outline:none!important;box-shadow:none;border-radius:0}.keyboard-nav *:focus-visible{outline:3px solid var(--accent-indigo-light)!important;outline-offset:2px;box-shadow:var(--glow-indigo-soft)}[data-theme=light]{--glass-surface: rgba(255, 255, 255, .78);--glass-surface-strong: rgba(255, 255, 255, .92);--glass-border: 1px solid rgba(0, 0, 0, .06);--glass-highlight: inset 0 1px 0 rgba(255, 255, 255, .5);--hover-fill: rgba(0, 0, 0, .04);--hover-fill-strong: rgba(0, 0, 0, .07);--press-fill: rgba(0, 0, 0, .1);--inner-highlight: inset 0 1px 0 rgba(255, 255, 255, .6);--inner-highlight-strong: inset 0 1px 0 rgba(255, 255, 255, .8);--gradient-surface: linear-gradient(180deg, rgba(0,0,0,.02) 0%, rgba(0,0,0,0) 100%);--gradient-surface-strong: linear-gradient(180deg, rgba(0,0,0,.04) 0%, rgba(0,0,0,.01) 100%);--elev-soft-1: 0 1px 2px rgba(0,0,0,.06), 0 1px 1px rgba(0,0,0,.04);--elev-soft-2: 0 4px 10px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.06);--elev-soft-3: 0 12px 28px rgba(0,0,0,.1), 0 6px 12px rgba(0,0,0,.08);--elev-soft-4: 0 24px 60px rgba(0,0,0,.18), 0 12px 24px rgba(0,0,0,.1)}[data-theme=light] input[type=text],[data-theme=light] input[type=email],[data-theme=light] input[type=password],[data-theme=light] input[type=number],[data-theme=light] input[type=search],[data-theme=light] textarea,[data-theme=light] select{background:#00000008;border-color:#0000001a}[data-theme=light] input:hover,[data-theme=light] textarea:hover,[data-theme=light] select:hover{background:#0000000d;border-color:#00000029}[data-theme=cyberpunk]{--gradient-brand: linear-gradient(135deg, #ff00ff 0%, #d800d8 50%, #a000a0 100%);--gradient-brand-hover: linear-gradient(135deg, #ff66ff 0%, #ff00ff 50%, #c000c0 100%);--gradient-brand-soft: linear-gradient(135deg, rgba(255,0,255,.2) 0%, rgba(0,255,255,.1) 100%);--gradient-danger: linear-gradient(135deg, #ff5577 0%, #ff0044 50%, #cc0033 100%);--gradient-success: linear-gradient(135deg, #66ff66 0%, #00ff00 50%, #00cc00 100%);--ring-indigo: 0 0 0 3px rgba(255, 0, 255, .3);--ring-indigo-strong: 0 0 0 3px rgba(255, 0, 255, .55);--glow-indigo: 0 0 16px rgba(255, 0, 255, .55);--glow-indigo-soft: 0 0 12px rgba(0, 255, 255, .4)}[data-theme=cyberpunk] .channel-item.active:before,[data-theme=cyberpunk] .unified-channel-item.active:before,[data-theme=cyberpunk] .dm-item.active:before{background:linear-gradient(180deg,#f0f,#0ff);box-shadow:0 0 8px #ff00ffa6}:root.jcef-desktop .custom-titlebar,:root.jcef-desktop .titlebar,:root.jcef-desktop .app-titlebar{background:var(--glass-surface-strong)!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:var(--glass-border);box-shadow:var(--inner-highlight)}:root.jcef-desktop .right-sidebar .icon-button{border-radius:var(--radius-md)!important}.low-power-mode .dialog-overlay,.low-power-mode .modal-overlay,.low-power-mode [class$=-dialog],.low-power-mode [class$=-modal],.low-power-mode .toast,.low-power-mode .tooltip,.low-power-mode .dropdown-menu,.no-animations .dialog-overlay,.no-animations .modal-overlay,.no-animations [class$=-dialog],.no-animations [class$=-modal],.no-animations .toast,.no-animations .tooltip,.no-animations .dropdown-menu{animation:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}