@import"https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary: #5865f2;--color-primary-hover: #4752c4;--color-primary-light: #5865f2;--color-primary-soft: #5e81f4;--color-primary-dark: #3b45c7;--color-accent: #5865f2;--color-accent-alt: #4752c4;--color-accent-gradient: #4752c4;--color-accent-blue: #5865f2;--color-success: #23a559;--color-success-alt: #23a559;--color-success-bright: #23a559;--color-success-muted: #3ba55d;--color-success-dark: #2ecc71;--color-success-modern: #10b981;--color-spotify: #1db954;--color-danger: #f23f42;--color-danger-alt: #f23f42;--color-danger-bright: #f23f42;--color-danger-dark: #da373c;--color-danger-legacy: #e74c3c;--color-danger-material: #f44336;--color-danger-deep: #dc2626;--color-danger-ios: #f23f42;--color-warning: #f0b232;--color-warning-alt: #f0b232;--color-warning-bright: #fbbf24;--color-warning-amber: #f59e0b;--color-warning-gold: #ffd700;--color-warning-material: #ffc107;--color-warning-yellow: #facc15;--color-warning-sun: #eab308;--color-info: #3b82f6;--color-info-light: #00b0f4;--color-info-cyan: #22d3ee;--color-info-teal: #00bcd4;--color-info-classic: #3498db;--color-info-material: #2196f3;--color-info-sky: #00a8fc;--color-pink: #eb459e;--color-pink-modern: #ec4899;--color-pink-legacy: #5865f2;--color-neon-green: #00ff88;--color-orange: #e67e22;--color-success-material: #4caf50;--color-purple: #7c3aed;--color-link-bright: #58a6ff;--color-neon-cyan: #00d9ff;--color-white: #ffffff;--color-black: #000000;--color-coral: #ff4757;--color-coral-light: #ff6b6b;--color-mint: #66d49c;--color-emerald: #059669;--color-lime: #22c55e;--bg-deepest: #090c1a;--bg-deep: #0b0e1b;--bg-darkest: #0f1525;--bg-darker: #080b18;--bg-tertiary: #080b18;--bg-primary: #0b0e1b;--bg-primary-alt: #0b0e1b;--bg-secondary: #0e1222;--bg-secondary-alt: #0e1222;--bg-secondary-dark: #1e2844;--bg-navy: #060919;--bg-modifier: #0e1222;--bg-card: #121928;--bg-elevated: #121928;--bg-input: #182135;--bg-hover: #182135;--bg-input-alt: #182135;--bg-dark: #16203a;--bg-slate: #162240;--bg-void: #0d0e10;--bg-charcoal-deep: #111214;--bg-charcoal: #17191c;--bg-neutral-dark: #1e2024;--bg-neutral-800: #1f2937;--bg-neutral-700: #374151;--bg-neutral-600: #1e293b;--bg-modifier-hover: rgba(79, 84, 92, .16);--bg-modifier-active: rgba(79, 84, 92, .24);--bg-white-subtle: rgba(255, 255, 255, .03);--bg-white-faint: rgba(255, 255, 255, .05);--bg-white-thin: rgba(255, 255, 255, .08);--bg-white-light: rgba(255, 255, 255, .1);--bg-white-medium: rgba(255, 255, 255, .2);--bg-black-light: rgba(0, 0, 0, .2);--bg-black-medium: rgba(0, 0, 0, .3);--bg-black-heavy: rgba(0, 0, 0, .5);--bg-black-overlay: rgba(0, 0, 0, .85);--text-white: #ffffff;--text-primary: #dbdee1;--text-secondary: #b5bac1;--text-normal: #b5bac1;--text-normal-alt: #dbdee1;--text-interactive: #949ba4;--text-muted: #949ba4;--text-muted-alt: #949ba4;--text-faint: #6b7280;--text-faint-alt: #949ba4;--text-disabled: #4e5058;--text-subtle: #4e5058;--text-gray: #9ca3af;--text-light: #a0aec0;--text-light-bg: #f2f3f5;--text-light-alt: #dbdee1;--text-light-neutral: #e5e7eb;--text-link: #00b0f4;--text-slate: #64748b;--text-silver: #a0a0b0;--text-mist: #cbd5e0;--text-cloud: #8e9297;--text-snow: #f9fafb;--status-online: #23a559;--status-idle: #f0b232;--status-dnd: #f23f42;--status-offline: #80848e;--status-streaming: #6441a5;--border-default: rgba(255, 255, 255, .06);--border-subtle: rgba(255, 255, 255, .05);--border-light: rgba(255, 255, 255, .1);--border-medium: rgba(255, 255, 255, .15);--focus-primary: rgba(88, 101, 242, .3);--focus-accent: rgba(88, 101, 242, .3);--focus-accent-light: rgba(88, 101, 242, .2);--focus-accent-faint: rgba(88, 101, 242, .1);--focus-danger: rgba(239, 68, 68, .2);--space-0: 0px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--space-4xl: 40px;--space-5xl: 48px;--space-6xl: 64px;--radius-none: 0px;--radius-xs: 3px;--radius-sm: 4px;--radius-md: 6px;--radius-base: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 20px;--radius-full: 50%;--radius-pill: 9999px;--font-2xs: 10px;--font-xs: 11px;--font-sm: 12px;--font-md: 13px;--font-base: 14px;--font-lg: 15px;--font-xl: 16px;--font-2xl: 18px;--font-3xl: 20px;--font-4xl: 24px;--font-5xl: 28px;--font-6xl: 32px;--font-title: 36px;--font-hero: 48px;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--font-sans: "gg sans", "Inter", "Noto Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Fira Code", "Consolas", "Monaco", "Courier New", monospace;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.375;--leading-relaxed: 1.5;--leading-loose: 1.75;--shadow-none: none;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 15px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(88, 101, 242, .5);--shadow-glow-sm: 0 4px 15px rgba(88, 101, 242, .3);--shadow-glow-md: 0 6px 20px rgba(88, 101, 242, .4);--shadow-glow-lg: 0 8px 24px rgba(88, 101, 242, .3);--shadow-glow-primary: 0 4px 12px rgba(88, 101, 242, .4);--shadow-focus: 0 0 0 3px rgba(88, 101, 242, .2);--shadow-focus-thin: 0 0 0 3px rgba(88, 101, 242, .1);--shadow-modal: 0 0 0 1px rgba(32, 34, 37, .6), 0 2px 10px 0 rgba(0, 0, 0, .2);--shadow-elevated: 0 8px 24px rgba(0, 0, 0, .4);--transition-fast: all .15s ease;--transition-normal: all .2s ease;--transition-slow: all .3s ease;--transition-slower: all .5s ease;--transition-bg-fast: background-color .2s ease;--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--duration-slower: .5s;--z-base: 1;--z-above: 10;--z-dropdown: 100;--z-sticky: 500;--z-overlay: 999;--z-modal: 1000;--z-modal-overlay: 999;--z-popover: 1100;--z-toast: 2000;--z-tooltip: 9999;--z-topmost: 10000;--z-floating-voice: 9000;--z-context-menu-backdrop: 9998;--z-context-menu: 9999;--z-portal-root: 10000;--z-legacy: 999999;--bp-xs: 320px;--bp-sm: 480px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-xxl: 1440px;--sidebar-width: 312px;--server-list-width: 72px;--member-list-width: 240px;--header-height: 48px;--input-min-height: 44px;--max-content-width: 1200px;--avatar-sm: 24px;--avatar-md: 32px;--avatar-lg: 40px;--avatar-xl: 80px;--avatar-xxl: 128px;--backdrop-blur: blur(4px);--backdrop-blur-lg: blur(20px);--bg-gradient-subtle: radial-gradient(circle at 50% 10%, rgba(88, 101, 242, .05) 0%, transparent 40%)}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}*:focus:not(:focus-visible){outline:none}.skip-nav{position:fixed;top:-48px;left:var(--space-lg);z-index:var(--z-topmost);padding:var(--space-sm) var(--space-lg);background:var(--color-primary);color:var(--text-white);border-radius:0 0 var(--radius-base) var(--radius-base);font-weight:var(--weight-semibold);font-size:var(--font-base);text-decoration:none;transition:top .2s ease}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-white{color:var(--text-white, var(--color-white))}.text-link{color:var(--text-link)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.bg-primary{background:var(--bg-primary)}.bg-secondary{background:var(--bg-secondary)}.bg-tertiary{background:var(--bg-tertiary)}.bg-elevated{background:var(--bg-elevated)}.bg-card{background:var(--bg-card)}.bg-input{background:var(--bg-input)}.m-0{margin:var(--space-0)}.text-xs{font-size:var(--font-xs)}.text-sm{font-size:var(--font-sm)}.text-base{font-size:var(--font-base)}.text-lg{font-size:var(--font-lg)}.text-xl{font-size:var(--font-xl)}.text-2xl{font-size:var(--font-2xl)}.text-3xl{font-size:var(--font-3xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-primary{color:#5865f2}.icon-success{color:#23a559}.icon-danger{color:#f23f42}.icon-warning{color:#f0b232}.icon-gray{color:#888}.icon-muted{color:#949ba4}.icon-chat{color:#b5bac1}.icon-gray6b{color:#6b7280}.icon-primary-24{font-size:24px;color:#5865f2}.icon-success-32{font-size:32px;color:#23a559}.icon-gray-32{font-size:32px;color:#888}.icon-lg{font-size:48px;color:#555}.icon-lg-mb10{font-size:48px;color:#555;margin-bottom:10px}.icon-tiny{font-size:10px}.icon-primary-mr10{margin-right:10px;color:#5865f2}.mr-5{margin-right:5px}.mr-6{margin-right:6px}.mr-8{margin-right:8px}.m-0{margin:0}.flex-align-10{display:flex;align-items:center;gap:10px}.flex-align-8{display:flex;align-items:center;gap:8px}.flex-align-12{display:flex;align-items:center;gap:12px}.flex-gap-10{display:flex;gap:10px}.flex-gap-8{display:flex;gap:8px}.flex-1{flex:1}.text-center{text-align:center}.white-18-mb16{color:#fff;margin-bottom:16px;font-size:18px}.white-14-mb14{color:#fff;margin-top:0;margin-bottom:14px;font-size:14px}.white-14-mb8{color:#fff;font-size:14px;margin-bottom:8px}.white-ml8{color:#fff;margin-left:8px}.white-bold-13{color:#fff;font-weight:600;font-size:13px}.form-label-sm{color:#9ca3af;font-size:11px;display:block;margin-bottom:4px}.text-gray-12{font-size:12px;color:#888}.text-gray6b-11{font-size:11px;color:#6b7280}.text-gray6b-10{font-size:10px;color:#6b7280}.text-gray6b-12{font-size:12px;color:#6b7280}.text-gray6b-9{font-size:9px;color:#6b7280}.text-dbd-m0{margin:0;color:#dbdee1}.text-b5-mb20{color:#b5bac1;margin-bottom:20px}.fs-18{font-size:18px}.fs-20{font-size:20px}.fs-24{font-size:24px}.fs-12{font-size:12px}.m0-fs20{margin:0;font-size:20px}.mb-15{margin-bottom:15px}.divider-text{margin:0 8px;color:#444}.m-0-8{margin:0 8px}.flex-between-center{display:flex;justify-content:space-between;align-items:center}.flex-between-mb20{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.flex-between-mb8{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.flex-col-gap5{display:flex;flex-direction:column;gap:5px}.flex-min0{flex:1;min-width:0}.img-cover{width:100%;height:100%;object-fit:cover}.grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pos-relative{position:relative}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mt-auto{margin-top:auto}.fs-28{font-size:28px}.fs-14{font-size:14px}.flex-align-14{display:flex;align-items:center;gap:14px}.flex-align-6{display:flex;align-items:center;gap:6px}.flex-gap-6{display:flex;gap:6px}.flex-wrap-4{display:flex;gap:4px;flex-wrap:wrap}.flex-wrap-8{display:flex;gap:8px;flex-wrap:wrap}.rounded-8{border-radius:8px;overflow:hidden}.white-m0{color:#fff;margin:0}.white-mt0-14{color:#fff;margin-top:0;font-size:14px}.white-bold-18{color:#fff;font-size:18px;font-weight:700}.white-bold-16g{color:#23a559;font-size:16px;font-weight:700}.white-bold-16p{color:#5865f2;font-size:16px;font-weight:700}.text-a3-11{font-size:11px;color:#a3a3a3}.text-a0-12{font-size:12px;color:#a0a0a0}.text-5865-link{color:#58a6ff;cursor:pointer}.text-666{color:#666}.text-666-11{font-size:11px;color:#666}.flex-col-gap12{display:flex;flex-direction:column;gap:12px}.grid-2col-12{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.sticky-header{position:sticky;top:0;background-color:#0a0a0c}.pos-abs-tr10{position:absolute;top:10px;right:10px}.mt-10{margin-top:10px}.fs-48{font-size:48px}.fs-32{font-size:32px}.fs-2em{font-size:2em}.text-gray-sm{color:#888;font-size:12px}.text-dbd-14{color:#dbdee1;font-size:14px}.text-949-12{color:#949ba4;font-size:12px}.muted-ml8{margin-left:8px;font-size:12px;color:#949ba4}.text-aaa-center{text-align:center;color:#aaa;padding:20px}.white-bold-32{font-size:32px;font-weight:700;color:#fff}.icon-gray-24{font-size:24px;color:#4e5058}.text-white{color:#fff}.text-ccc{color:#ccc}.text-999{color:#999}.flex-align-mb8{display:flex;align-items:center;margin-bottom:8px}.flex-align-10-mb10{display:flex;align-items:center;gap:10px;margin-bottom:10px}.flex-align-m0{margin:0;display:flex;align-items:center;gap:10px}.flex-5-mt5{display:flex;gap:5px;margin-top:5px}.flex-10-mt20{display:flex;gap:10px;margin-top:20px}.flex-10-mt10{display:flex;gap:10px;margin-top:10px}.size-50{width:50px;height:50px}.primary-mr10{color:#5865f2;margin-right:10px}.primary-fw600{color:#f0b232;font-weight:600}.flex-col-gap10{display:flex;flex-direction:column;gap:10px}.flex-col-gap6{display:flex;flex-direction:column;gap:6px}.flex-gap-5{display:flex;gap:5px}.flex-align-8-mb{display:flex;align-items:center;gap:8px;margin-bottom:8px}.flex-align-cursor{display:flex;align-items:center;gap:10px;cursor:pointer}.flex-end-10-mt10{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.scroll-col-gap8{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.text-danger-14{color:#f23f42;font-size:14px}.text-danger-12{color:#f23f42;font-size:12px}.text-success-12{color:#23a559;font-size:12px}.text-success-14{color:#23a559;font-size:14px}.text-warning-12{color:#f0b232;font-size:12px}.text-b5-13{color:#b5bac1;font-size:13px}.text-b5-12{color:#b5bac1;font-size:12px}.text-b5-11{color:#b5bac1;font-size:11px}.text-949-13{color:#949ba4;font-size:13px}.text-949-14{color:#949ba4;font-size:14px}.text-dbd-13{color:#dbdee1;font-size:13px}.text-dbd-12{color:#dbdee1;font-size:12px}.text-e5-13{color:#e5e7eb;font-size:13px}.text-white-600{color:#fff;font-weight:600}.text-white-12{color:#fff;font-size:12px}.text-white-13{color:#fff;font-size:13px}.mr-4{margin-right:4px}.mt-16{margin-top:16px}.mt-8{margin-top:8px}.pad-20{padding:20px}.display-none{display:none}.text-4e-12{font-size:12px;color:#4e5058}.text-4e-14{font-size:14px;color:#4e5058}.icon-primary-18{font-size:18px;color:#5865f2}.icon-48-949-mb16{font-size:48px;color:#949ba4;margin-bottom:16px}.icon-48-111-mb16{font-size:48px;color:#111214;margin-bottom:16px}.text-949-07em{color:#949ba4;font-size:.7em}.text-949-09em{color:#949ba4;font-size:.9em}.text-949-08em{font-size:.8em;color:#949ba4}.text-949-085em-mb10{color:#949ba4;font-size:.85em;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.text-949-08em-mb5{font-size:.8em;color:#949ba4;margin:0 0 5px}.text-dbd-bold-m0{color:#dbdee1;font-weight:700;margin:0}.text-dbd-bold{color:#dbdee1;font-weight:700}.pad-20-b5{padding:20px;color:#b5bac1}.mr5-fs12{margin-right:5px;font-size:12px}.mr8-fs18{margin-right:8px;font-size:18px}.fw-bold{font-weight:700}.opacity-5{opacity:.5}.overflow-x-auto{overflow-x:auto}.cursor-pointer{cursor:pointer}.min-w-0{min-width:0}.w-100-h-100-cover{width:100%;height:100%;object-fit:cover;border-radius:12px}.text-949-0e{color:#949ba4;font-size:1em}.m0-fs1em{margin:0;font-size:1em}.m0-fs11em{margin:0;font-size:1.1em;color:#fff}.text-949-8-m10{font-size:.85em;color:#949ba4;margin-top:8px;margin-bottom:2px}.text-b5-p20{padding:20px;color:#b5bac1;text-align:center}.pad-center-20{text-align:center;padding:20px}.text-888-12{font-size:12px;color:#888;margin:10px 0 0}.text-888-8-0{font-size:.85em;color:#949ba4;margin-top:8px}.text-fff-600-14-ov{color:#fff;font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-23a559-13-600{color:#23a559;font-size:13px;font-weight:600;flex-shrink:0}.inline-flex-none{display:inline-flex;outline:none}.text-9ca-11{color:#9ca3af;font-size:11px}.text-374-dash{color:#374151}.text-23a559-18{color:#23a559;font-size:18px}.text-f23f42-18{color:#f23f42;font-size:18px}.text-949-18{color:#949ba4;font-size:18px}.text-b5-14{color:#b5bac1;font-size:14px}.text-5865-12{font-size:12px;color:#5865f2}.text-5865-18{font-size:18px;color:#5865f2}.text-dbd-14n{color:#dbdee1;font-size:14px}.text-dbd-only{color:#dbdee1}.text-b5-09em{color:#b5bac1;font-size:.9em}.text-949-08em-fw6{color:#949ba4;font-size:.8em;font-weight:600}.text-999-08em{font-size:.8em;color:#999}.text-f0b-20{color:#f0b232;font-size:20px}.text-f0b-24{color:#f0b232;font-size:24px}.text-5865-24{color:#5865f2;font-size:24px}.flex-gap-8n{display:flex;gap:8px}.flex-gap-8-mt16{display:flex;gap:8px;margin-top:16px}.grid-1fr-2fr-16{display:grid;grid-template-columns:1fr 2fr;gap:16px}.text-fff-m0-18{color:#fff;margin:0;font-size:18px}.text-fff-m0-16{color:#fff;margin:0;font-size:16px}.text-fff-p6-12{color:#fff;padding:6px 12px}.icon-lg-mb15{font-size:64px;color:#555;margin-bottom:15px}.icon-60-center-mb20{font-size:60px;text-align:center;margin-bottom:20px}.icon-48-888-mb10{font-size:48px;color:#888;margin-bottom:10px}.text-aaa-center-mb40{text-align:center;color:#aaa;margin-bottom:40px}.text-888-14{font-size:14px;color:#888}.text-888-10t{font-size:12px;color:#888;margin-top:10px}.fs-10{font-size:10px}.fs-11{font-size:11px}.w-20h-20-round{width:20px;height:20px;border-radius:50%}.word-break-all{word-wrap:break-word}.text-white-m0{color:#fff;margin:0}.flex-wrap-5-mb5{display:flex;gap:5px;margin-bottom:5px;flex-wrap:wrap}.flex-gap-20{display:flex;gap:20px}.ml-2{margin-left:2px}.text-949-09em-mt5{font-size:.9em;color:#949ba4;margin-top:5px}.text-949-08em-mb8{font-size:.8em;color:#949ba4;margin-bottom:8px}.text-949-08em-mt10{display:flex;gap:10px;margin-top:8px;font-size:.8em;color:#949ba4}.flex-col-gap20{display:flex;flex-direction:column;gap:20px}.text-dbd-600-15{color:#dbdee1;font-weight:600;font-size:15px}.text-949-12-mt6{color:#949ba4;font-size:12px;margin-top:6px}.flex-gap-10-mb16{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.flex-gap-12-mb14{display:flex;gap:12px;margin-bottom:14px;flex-wrap:wrap}.text-949-lh-m0{color:#949ba4;font-size:13px;line-height:1.5;margin:0}.text-dbd-14-lh{color:#dbdee1;font-size:14px;margin-top:4px;line-height:1.4}.grid-auto-200-12{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.grid-auto-180-10{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.pad-14-dark-center{padding:14px;background-color:#0d0e10;border-radius:8px;text-align:center}.flex-align-8-mb4{display:flex;align-items:center;gap:8px;margin-bottom:4px}.pad-20-gray6b{padding:20px;text-align:center;color:#6b7280}.text-949-11{color:#949ba4;font-size:11px}.text-gray6b-14{color:#6b7280;font-size:14px}.flex-1-ov{flex:1;overflow-y:auto;padding:16px}.btn-ghost-muted{background:none;border:none;color:#b5bac1;cursor:pointer}.btn-ghost-danger{background:none;border:none;color:#f23f42;cursor:pointer}.dark-panel-header{padding:16px;background:#111214;border-bottom:1px solid #0b0e1b}.dark-panel-footer{padding:16px;border-top:1px solid #0b0e1b}.flex-wrap-6g{display:flex;gap:6px;flex-wrap:wrap}.flex-wrap-4g{display:flex;gap:4px;flex-wrap:wrap}.flex-8-mb16-wrap{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.grid-col-full{grid-column:1 / -1}.flex-between-start{display:flex;justify-content:space-between;align-items:flex-start}.grid-auto-250-12{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.grid-auto-280-14{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.flex-align-12-mb14{display:flex;align-items:center;gap:12px;margin-bottom:14px}.grid-3col-8-mb14{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.progress-track{width:100%;height:8px;background-color:#2a2a2e;border-radius:4px}.grid-5col-12{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.rounded-hidden-2a{border-radius:10px;overflow:hidden;border:1px solid #2a2a2e}.scroll-dark-200{max-height:200px;overflow-y:auto;background-color:#111113;border-radius:8px}.text-rgba255-14{color:#fffc;font-size:14px}.center-mb20-z1{text-align:center;margin-bottom:20px;position:relative;z-index:1}.flex-center-8-mt16{display:flex;justify-content:center;gap:8px;margin-top:16px}.fw-600-13{font-weight:600;font-size:13px}.suspense-fallback{text-align:center;padding:2rem;color:#b5bac1}@media(min-width:769px)and (max-width:1024px){.server-list{width:60px}.chat-area{padding:12px}.modal-content{max-width:90vw;max-height:85vh}.admin-panel-modal .admin-content{padding:16px}}@media(max-width:768px){*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}button,a,input,select,textarea{min-height:44px;min-width:44px}body{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}}@media(max-width:768px){.app-container{flex-direction:column!important}.server-list{width:100%!important;height:60px!important;flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;padding:8px 4px!important}.server-icon{width:48px!important;height:48px!important;margin:0 4px!important}.sidebar{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;height:auto!important;flex-direction:row!important;z-index:1000!important;border-top:1px solid rgba(255,255,255,.1)!important;border-right:none!important}.chat-container{width:100%!important;height:calc(100vh - 116px)!important;max-width:100%!important}}@media(max-width:768px){.message-input-container{position:sticky!important;bottom:0!important;background:var(--bg-tertiary)!important;padding:8px!important;border-top:1px solid rgba(255,255,255,.1)!important}.message-input{font-size:16px!important;min-height:44px!important;padding:12px 16px!important}.message-input textarea{flex:1!important;min-width:0!important;font-size:14px!important;padding:8px 10px!important}.message-actions button{width:44px!important;height:44px!important;font-size:20px!important}.emoji-picker{position:fixed!important;bottom:56px!important;left:0!important;right:0!important;width:100%!important;max-height:50vh!important;border-radius:16px 16px 0 0!important}}@media(max-width:768px){.modal-overlay{align-items:flex-end!important}.modal-content{width:100%!important;max-width:100%!important;height:90vh!important;max-height:90vh!important;border-radius:16px 16px 0 0!important;margin:0!important;animation:slideUpMobile .3s ease!important}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.context-menu{position:fixed!important;inset:auto 0 0!important;width:100%!important;border-radius:16px 16px 0 0!important;max-height:60vh!important;overflow-y:auto!important}}@media(min-width:769px)and (max-width:1024px){.sidebar{width:240px!important;transition:width .3s ease!important}.sidebar.collapsed{width:72px!important}}@media(prefers-contrast:more){:root{--border-color: var(--color-white) !important;--text-color: var(--color-white) !important;--bg-primary: #000000 !important}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:896px)and (orientation:landscape){.sidebar{display:none!important}.chat-container{height:100vh!important}}@supports (padding: max(0px)){.sidebar{padding-bottom:max(0px,env(safe-area-inset-bottom))!important}}@media(max-width:768px){.jsm-modal,[class*=Modal]>div[style*=borderRadius]{width:100vw!important;max-width:100vw!important;max-height:100vh!important;border-radius:0!important;margin:0!important}.jsm-invite-form{flex-direction:column!important}.jsm-server-row{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}}@media(min-width:769px)and (max-width:1024px){.jsm-modal{width:90vw!important;max-width:600px!important}}[dir=rtl]{direction:rtl;text-align:right}[dir=rtl] input,[dir=rtl] textarea{text-align:right}[dir=rtl] .chat-container{border-left:none;border-right:1px solid rgba(255,255,255,.045)}[dir=rtl] .sidebar{border-right:none;border-left:1px solid rgba(255,255,255,.05)}[dir=rtl] .message-actions{right:auto;left:0}[dir=rtl] blockquote,[dir=rtl] .blockquote{border-left:none;border-right:4px solid var(--color-primary, #5865f2);padding-left:0;padding-right:var(--space-md, 12px)}[dir=rtl] ol,[dir=rtl] ul{padding-left:0;padding-right:24px}[dir=rtl] .text-left{text-align:right}[dir=rtl] .notification-item{padding-left:0;padding-right:16px}[dir=rtl] .modal-close-btn{right:auto;left:16px}[dir=rtl] .mobile-nav{direction:rtl}@font-face{font-family:gg sans;src:local("Noto Sans"),local("NotoSans");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:gg sans;src:local("Noto Sans Medium"),local("NotoSans-Medium");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:gg sans;src:local("Noto Sans SemiBold"),local("NotoSans-SemiBold");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:gg sans;src:local("Noto Sans Bold"),local("NotoSans-Bold");font-weight:700;font-style:normal;font-display:swap}:root{--brand-primary: var(--color-primary);--brand-secondary: var(--color-primary-hover);--brand-accent: var(--color-primary);--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-success: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-warning: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-danger: linear-gradient(135deg, #f857a6 0%, #ff5858 100%);--bg-app: #0e1222;--bg-hover: rgba(88, 101, 242, .12);--bg-active: rgba(88, 101, 242, .22);--glass-bg: rgba(255, 255, 255, .03);--glass-bg-hover: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .08);--glass-border-hover: rgba(255, 255, 255, .15);--text-tertiary: #b8b9c7;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .2);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .25);--shadow-2xl: 0 24px 64px rgba(0, 0, 0, .3);--glow-primary: 0 0 20px rgba(88, 101, 242, .3);--glow-secondary: 0 0 20px rgba(71, 82, 196, .3);--glow-purple: 0 0 20px rgba(88, 101, 242, .3);--glow-blue: 0 0 20px rgba(59, 130, 246, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: all .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .4s cubic-bezier(.4, 0, .2, 1);--dc-header-primary: var(--text-light-bg);--dc-text-normal: var(--text-primary);--dc-background-primary: var(--bg-elevated);--dc-background-secondary: var(--bg-secondary);--dc-background-tertiary: #1a2440;--dc-background-accent: var(--bg-primary);--dc-interactive-normal: var(--text-secondary);--dc-interactive-hover: var(--text-primary);--dc-interactive-active: var(--color-white);--dc-blurple: var(--color-primary);--dc-green: var(--color-success);--dc-red: var(--color-danger-dark);--dc-yellow: var(--color-warning)}.chat-msg:hover{background-color:#04040512}@keyframes msgSlideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chat-msg{animation:msgSlideIn .15s ease-out}button:active:not(:disabled){transform:scale(.96);transition:transform .08s ease}[role=dialog],.modal-overlay,.modal-backdrop{animation:modalFadeIn .18s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.97) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-shimmer{background:linear-gradient(90deg,#2e3035 25%,#3a3d44,#2e3035 75%);background-size:800px 100%;animation:shimmer 1.4s infinite linear;border-radius:4px}.action-button:hover svg,.action-button:hover{transform:scale(1.12);transition:transform .12s ease}html,body,#root{height:100dvh;margin:0;padding:0;overflow:hidden;scroll-behavior:smooth;box-sizing:border-box;background:var(--bg-app)}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at top left,rgba(88,101,242,.06),transparent 50%),radial-gradient(ellipse at bottom right,rgba(71,82,196,.04),transparent 50%);pointer-events:none;z-index:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-family:gg sans,Noto Sans,sans-serif;font-weight:600;font-size:14px;border-radius:var(--radius-md);border:none;cursor:pointer;transition:var(--transition-normal);position:relative;overflow:hidden}input[type=text],input[type=email],input[type=password],textarea,select{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);padding:12px 16px;font-family:gg sans,Noto Sans,sans-serif;font-size:14px;transition:var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #5865f21a;background:var(--glass-bg-hover)}body{margin:0;font-family:gg sans,Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;background-color:var(--bg-primary);font-size:16px;line-height:1.375;overscroll-behavior:none;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}:root{color-scheme:dark;--background-primary: var(--bg-charcoal);--background-secondary: var(--bg-charcoal-deep);--background-tertiary: var(--bg-void);--background-accent: #404249;--background-modifier-hover: rgba(79, 84, 92, .3);--background-modifier-active: rgba(79, 84, 92, .5);--background-mentioned: rgba(88, 101, 242, .1);--text-secondary: var(--text-muted);--text-muted: #787f89;--text-link: var(--color-info-sky);--text-positive: var(--color-success);--text-warning: var(--color-warning);--text-danger: var(--color-danger-dark);--input-background: var(--bg-input);--input-border: var(--bg-void);--button-primary: var(--color-primary);--button-secondary: var(--text-disabled);--button-danger: var(--color-danger-dark);--border-primary: #1f2023;--border-mentioned: var(--color-primary);--scrollbar-thumb: #1e2a42;--scrollbar-track: var(--bg-secondary)}select option{background-color:var(--bg-secondary, var(--bg-secondary));color:var(--text-normal, var(--text-primary))}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#1a1b1e99;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#111214cc}@media(max-width:768px){html,body{overflow-x:hidden;max-width:100vw}button,a,[role=button],input[type=checkbox],input[type=radio]{min-width:44px;min-height:44px;padding:12px}body{font-size:16px}input,textarea,select{font-size:16px!important}*{-webkit-tap-highlight-color:rgba(88,101,242,.2);touch-action:manipulation}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}button,a,input,[role=button]{transition:all .2s ease-in-out}button:active{transform:scale(.96)}.messageContent code{background-color:var(--bg-secondary, var(--bg-secondary));padding:.2em .4em;border-radius:var(--radius-sm, 4px);font-family:var(--font-mono, "Consolas", "Andale Mono", "Monaco", "Courier New", monospace);font-size:.875em;color:#e3e5e8;border:1px solid var(--border-default, rgba(255, 255, 255, .06))}.messageContent pre{background-color:var(--bg-secondary, var(--bg-secondary));padding:var(--space-md, 12px);border-radius:var(--radius-base, 8px);border:1px solid var(--border-default, rgba(255, 255, 255, .06));margin:6px 0;max-width:90%;overflow-x:auto}.messageContent pre code{background:none;border:none;padding:0;font-size:.875rem;line-height:1.125rem}.messageContent blockquote{border-left:4px solid var(--color-primary, var(--color-primary));padding-left:var(--space-md, 12px);margin:var(--space-xs, 4px) 0;color:var(--text-secondary)}.messageContent a{color:var(--color-info-sky);text-decoration:none}.messageContent a:hover{text-decoration:underline}.messageContent strong{font-weight:700;color:var(--color-white)}.messageContent em{font-style:italic}.messageContent ul,.messageContent ol{margin:4px 0;padding-left:24px}.messageContent li{margin:2px 0}.typing-indicator{display:flex;align-items:center;gap:4px;padding:5px 10px;font-size:.8em;color:var(--text-secondary);font-weight:700;height:20px}#portal-root{position:fixed!important;inset:0!important;pointer-events:none!important;z-index:var(--z-portal-root, var(--z-topmost))!important;overflow:visible!important}#portal-root>*{pointer-events:auto!important;position:fixed!important}#portal-root>div[style*="background: transparent"],#portal-root>div[style*="background:transparent"]{z-index:var(--z-context-menu-backdrop, var(--z-tooltip))!important;pointer-events:auto!important;position:fixed!important;inset:0!important}#portal-root [role=menu],#portal-root div[role=menu],#portal-root>div>div[role=menu]{z-index:var(--z-context-menu, var(--z-tooltip))!important;pointer-events:auto!important;position:fixed!important;overflow:visible!important}#portal-root [role=menuitem],#portal-root [role=menuitem] *{pointer-events:auto!important;cursor:pointer!important}[class*=floating],[class*=FloatingVoiceIsland]{z-index:var(--z-floating-voice, var(--z-popover))!important}[class*=sidebar]{z-index:var(--z-dropdown, 100)!important}[class*=modal],[role=dialog]{z-index:var(--z-modal, 1000)!important}[class*=VoiceChat],[class*=voicePanel]{z-index:var(--z-tooltip, 9999)!important}.skip-nav{position:fixed;top:-48px;left:var(--space-sm, 8px);z-index:var(--z-topmost);padding:var(--space-sm, 8px) var(--space-lg, 16px);background:var(--color-primary, #5865f2);color:#fff;border-radius:var(--radius-sm, 4px);font-size:var(--font-base, 14px);font-weight:var(--weight-semibold, 600);text-decoration:none;transition:top .15s ease}.skip-nav:focus{top:8px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(forced-colors:active){button{forced-color-adjust:auto}.chat-msg:hover{border:1px solid Highlight}.status-online{box-shadow:none!important}}.status-online{position:relative}.status-online:after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;animation:statusRipple 2.5s ease-out infinite}@keyframes statusRipple{0%{transform:scale(1);opacity:.6}70%{transform:scale(2.2);opacity:0}to{transform:scale(2.2);opacity:0}}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:var(--bg-secondary);color:var(--text-primary);font-size:12px;font-weight:500;font-family:gg sans,Noto Sans,sans-serif;white-space:nowrap;padding:6px 10px;border-radius:4px;box-shadow:0 4px 12px #00000080;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;transition-delay:0s;z-index:9999}[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) translateY(0);transition-delay:.2s}.server-icon-initials{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary) 100%);color:var(--color-white);font-size:16px;font-weight:700;font-family:gg sans,Noto Sans,sans-serif;letter-spacing:.5px;transition:border-radius .2s ease,background .2s ease;cursor:pointer;user-select:none;flex-shrink:0}.server-icon-initials:hover{border-radius:30%;background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary) 100%)}.server-icon-initials.active{border-radius:30%}@keyframes lockBounce{0%{transform:scale(.5) rotate(-20deg);opacity:0}50%{transform:scale(1.25) rotate(6deg);opacity:1}70%{transform:scale(.9) rotate(-3deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.voice-locked-enter{animation:lockBounce .35s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes pullSpinner{to{transform:rotate(360deg)}}.pull-refresh-indicator{display:flex;align-items:center;justify-content:center;gap:var(--space-sm, 8px);color:var(--color-primary, var(--color-primary));font-size:var(--font-md, 13px);font-weight:var(--weight-medium, 500);padding:10px 0;font-family:var(--font-sans, "gg sans", "Noto Sans", sans-serif);transition:opacity .2s ease}.pull-refresh-indicator .spinner{width:16px;height:16px;border:2px solid rgba(88,101,242,.25);border-top-color:var(--color-primary, var(--color-primary));border-radius:50%;animation:pullSpinner .7s linear infinite}[data-theme=light]{--dc-background-primary: var(--color-white);--dc-background-secondary: var(--text-light-bg);--dc-background-secondary-alt: #eaecef;--dc-background-tertiary: #e3e5e8;--dc-background-accent: #dde1e7;--dc-background-floating: var(--color-white);--dc-background-modifier-hover: rgba(0, 0, 0, .06);--dc-background-modifier-active: rgba(0, 0, 0, .1);--dc-background-modifier-selected: rgba(0, 0, 0, .1);--dc-text-normal: #2e3338;--dc-text-muted: #5c5e66;--dc-text-link: #006ce7;--dc-header-primary: #060607;--dc-header-secondary: var(--text-disabled);--dc-interactive-normal: var(--text-disabled);--dc-interactive-hover: #2e3338;--dc-interactive-active: #060607;--dc-interactive-muted: #c3c4cb;--dc-divider: rgba(0, 0, 0, .08);--dc-channeltextarea-background: #eaecef;--dc-brand: var(--color-primary);--dc-shadow-elevation-low: 0 1px 0 rgba(0, 0, 0, .08);--dc-shadow-elevation-medium: 0 4px 8px rgba(0, 0, 0, .12);--dc-shadow-elevation-high: 0 8px 24px rgba(0, 0, 0, .16);--dc-status-positive: #248046;--dc-status-warning: var(--color-orange);--dc-status-danger: var(--color-danger-dark)}[data-theme=light] .app-container,[data-theme=light] body{background:var(--dc-background-primary);color:var(--dc-text-normal)}[data-theme=amoled]{--dc-background-primary: #000000;--dc-background-secondary: #0a0a0a;--dc-background-secondary-alt: #111111;--dc-background-tertiary: #161616;--dc-background-accent: #1a1a1a;--dc-background-floating: #0d0d0d;--dc-background-modifier-hover: rgba(255, 255, 255, .04);--dc-background-modifier-active: rgba(255, 255, 255, .08);--dc-background-modifier-selected: rgba(255, 255, 255, .1);--dc-text-normal: #e3e5e8;--dc-text-muted: var(--text-muted);--dc-text-link: var(--text-link);--dc-header-primary: var(--text-light-bg);--dc-header-secondary: var(--text-secondary);--dc-interactive-normal: var(--text-secondary);--dc-interactive-hover: var(--text-primary);--dc-interactive-active: var(--color-white);--dc-interactive-muted: var(--text-disabled);--dc-divider: rgba(255, 255, 255, .06);--dc-channeltextarea-background: #111111;--dc-brand: var(--color-primary);--dc-shadow-elevation-low: 0 1px 0 rgba(0, 0, 0, .8);--dc-shadow-elevation-medium: 0 4px 8px rgba(0, 0, 0, .9);--dc-shadow-elevation-high: 0 8px 24px rgba(0, 0, 0, .95);--dc-status-positive: #23a55a;--dc-status-warning: #f0b132;--dc-status-danger: #f23f43}[data-theme=amoled] .app-container,[data-theme=amoled] body{background:var(--dc-background-primary)}.login-container{width:100%;height:100dvh;display:flex;justify-content:center;align-items:center;background:#07090d;position:relative;overflow:hidden;padding:0}.background-animate{position:absolute;inset:-30%;width:160%;height:160%;background:radial-gradient(ellipse 55% 45% at 20% 25%,rgba(88,101,242,.28) 0%,transparent 55%),radial-gradient(ellipse 45% 55% at 80% 75%,rgba(124,58,237,.2) 0%,transparent 52%),radial-gradient(ellipse 40% 40% at 60% 15%,rgba(59,130,246,.12) 0%,transparent 50%),radial-gradient(ellipse 35% 50% at 10% 80%,rgba(16,185,129,.06) 0%,transparent 48%);pointer-events:none;z-index:0;animation:auroraRotate 18s ease-in-out infinite;filter:blur(40px)}@keyframes auroraRotate{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(8deg) scale(1.06)}50%{transform:rotate(-5deg) scale(.97)}75%{transform:rotate(10deg) scale(1.04)}}.background-animate:before{content:"";position:absolute;width:700px;height:700px;top:-100px;left:-200px;background:radial-gradient(circle,rgba(88,101,242,.15) 0%,transparent 65%);border-radius:50%;filter:blur(80px);animation:blobA 14s ease-in-out infinite}.background-animate:after{content:"";position:absolute;width:600px;height:600px;bottom:-100px;right:-150px;background:radial-gradient(circle,rgba(124,58,237,.12) 0%,transparent 65%);border-radius:50%;filter:blur(80px);animation:blobB 20s ease-in-out infinite}@keyframes blobA{0%,to{transform:translate(0) scale(1)}33%{transform:translate(70px,40px) scale(1.12)}66%{transform:translate(-30px,80px) scale(.92)}}@keyframes blobB{0%,to{transform:translate(0) scale(1)}40%{transform:translate(-60px,-55px) scale(1.18)}70%{transform:translate(45px,-25px) scale(.88)}}.login-container:before{content:"";position:absolute;width:1px;height:1px;border-radius:50%;background:transparent;pointer-events:none;z-index:0;animation:starsFloat 30s linear infinite;box-shadow:110px 180px 0 1.2px #5865f2a6,240px 70px 0 .8px #ffffff38,380px 310px 0 1.5px #7c3aed8c,490px 140px 0 .6px #5865f266,630px 420px 0 1px #ffffff2e,760px 90px 0 1.4px #5865f280,880px 360px 0 .7px #7c3aed73,1000px 220px 0 1.1px #ffffff26,1140px 480px 0 .9px #5865f259,1280px 130px 0 1.6px #7c3aed66,60px 450px 0 .7px #ffffff1f,190px 600px 0 1.3px #5865f273,340px 710px 0 .8px #7c3aed4d,510px 550px 0 1.1px #fff3,680px 680px 0 .6px #5865f28c,820px 600px 0 1.4px #7c3aed59,960px 740px 0 .7px #ffffff1a,1080px 580px 0 1px #5865f266,1230px 660px 0 .9px #7c3aed4d,50px 350px 0 1.2px #5865f247,415px 400px 0 .5px #ffffff24,700px 280px 0 1px #7c3aed7a,990px 170px 0 .8px #5865f261,1350px 300px 0 1.3px #ffffff29,290px 250px 0 .6px #7c3aed6b}.login-container:after{content:"";position:absolute;width:1px;height:1px;border-radius:50%;background:transparent;pointer-events:none;z-index:0;animation:starsFloat2 42s linear infinite;box-shadow:155px 265px 0 1px #fff3,305px 145px 0 1.5px #5865f273,455px 490px 0 .8px #7c3aed59,610px 340px 0 1.2px #ffffff24,755px 510px 0 1px #5865f280,875px 190px 0 .6px #7c3aed6b,985px 445px 0 1.5px #5865f247,1125px 315px 0 .8px #ffffff2e,270px 570px 0 1px #5865f261,540px 630px 0 1.2px #7c3aed7a,810px 710px 0 .6px #ffffff1a,1050px 640px 0 1px #5865f252,1200px 430px 0 .8px #7c3aed40,730px 770px 0 1.3px #ffffff21,420px 190px 0 .7px #5865f28c}@keyframes starsFloat{0%,to{transform:translateY(0) rotate(0);opacity:.9}25%{transform:translateY(-18px) rotate(90deg);opacity:1}50%{transform:translateY(-9px) rotate(180deg);opacity:.6}75%{transform:translateY(-22px) rotate(270deg);opacity:.85}}@keyframes starsFloat2{0%,to{transform:translateY(0) translate(0);opacity:.7}33%{transform:translateY(-14px) translate(10px);opacity:1}66%{transform:translateY(-7px) translate(-12px);opacity:.5}}.login-card{position:relative;z-index:1;background:#0e1016e6;backdrop-filter:blur(64px) saturate(170%);-webkit-backdrop-filter:blur(64px) saturate(170%);padding:48px 44px 40px;border-radius:26px;width:100%;max-width:428px;border:1px solid rgba(255,255,255,.07);box-shadow:0 0 0 1px #5865f21a,0 48px 120px #000c,inset 0 1px #ffffff12,inset 0 -1px #0000002e;animation:cardReveal .75s cubic-bezier(.22,1,.36,1) both,cardGlowBurst 2.5s ease .4s both}@keyframes cardReveal{0%{opacity:0;transform:translateY(50px) scale(.92);filter:blur(12px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes cardGlowBurst{0%{box-shadow:0 0 80px #5865f28c,0 48px 120px #000c,inset 0 1px #ffffff12}60%{box-shadow:0 0 30px #5865f240,0 48px 120px #000c,inset 0 1px #ffffff12}to{box-shadow:0 0 0 1px #5865f21a,0 48px 120px #000c,inset 0 1px #ffffff12,inset 0 -1px #0000002e}}.login-card:before{content:"";position:absolute;inset:-1px;border-radius:27px;background:conic-gradient(from 0deg at 50% 50%,#5865f299,#7c3aed73,#5865f21a,#7c3aed73,#5865f299 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;animation:borderReveal 3s ease .5s both,borderRotate 8s linear 3.5s infinite;opacity:0;pointer-events:none}@keyframes borderReveal{0%{opacity:0}40%{opacity:1}to{opacity:.6}}@keyframes borderRotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(30deg)}}.logo-header{text-align:center;margin-bottom:30px}.logo-circle{width:80px;height:80px;background:linear-gradient(145deg,#5865f2,#4049c0 55%,#7c3aed);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;position:relative;animation:logoEntrance .85s cubic-bezier(.34,1.56,.64,1) .15s both,logoPulse 3.5s ease-in-out 1.4s infinite;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease;box-shadow:0 0 0 10px #5865f21a,0 8px 36px #5865f280}.logo-circle:before{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid rgba(88,101,242,.4);animation:ringPulse 2.8s ease-out 1.5s infinite;opacity:0;pointer-events:none}.logo-circle:after{content:"";position:absolute;inset:-22px;border-radius:50%;border:1.5px solid rgba(124,58,237,.22);animation:ringPulse 2.8s ease-out 1.9s infinite;opacity:0;pointer-events:none}@keyframes logoEntrance{0%{opacity:0;transform:scale(.2) rotate(-40deg) translateY(-30px);filter:blur(6px)}65%{transform:scale(1.12) rotate(6deg) translateY(0);filter:blur(0)}80%{transform:scale(.96) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(0) translateY(0)}}@keyframes logoPulse{0%,to{box-shadow:0 0 0 10px #5865f21a,0 8px 36px #5865f280}50%{box-shadow:0 0 0 16px #5865f20f,0 12px 56px #5865f2a6}}@keyframes ringPulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.8);opacity:0}}.logo-circle:hover{transform:scale(1.1) rotate(-7deg);box-shadow:0 0 0 14px #5865f22e,0 14px 52px #5865f2b8}.logo-header h1{margin:0 0 6px;font-size:26px;font-weight:800;letter-spacing:.4px;background:linear-gradient(120deg,#c8ccff,#fff,#5865f2 36%,#fff,#a78bfa 68%,#fff 82%,#c8ccff);background-size:250% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleReveal .65s ease .4s both,titleShimmer 5s ease-in-out 1.6s infinite}@keyframes titleReveal{0%{opacity:0;transform:translateY(14px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes titleShimmer{0%,to{background-position:0% center}50%{background-position:100% center}}.logo-header p{margin:0;color:var(--text-faint);font-size:14px;font-weight:400;animation:titleReveal .65s ease .52s both}.error-message{background:#da373c1a;border:1px solid rgba(218,55,60,.28);border-radius:11px;padding:12px 16px;color:#f87171;font-size:13.5px;margin-bottom:18px;text-align:center;line-height:1.45;animation:shakeIn .35s ease}@keyframes shakeIn{0%{transform:translate(-7px)}25%{transform:translate(6px)}50%{transform:translate(-4px)}75%{transform:translate(2px)}to{transform:translate(0)}}.input-group{position:relative;margin-bottom:13px;animation:inputSlideIn .55s cubic-bezier(.22,1,.36,1) both}form .input-group:nth-child(1){animation-delay:.52s}form .input-group:nth-child(2){animation-delay:.62s}form .input-group:nth-child(3){animation-delay:.72s}form .input-group:nth-child(4){animation-delay:.82s}@keyframes inputSlideIn{0%{opacity:0;transform:translate(-22px);filter:blur(2px)}to{opacity:1;transform:translate(0);filter:blur(0)}}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--color-primary);opacity:.7;z-index:2;font-size:14px;pointer-events:none;transition:opacity .2s ease,color .2s ease,transform .2s ease}.input-group:focus-within .input-icon{opacity:1;color:#818cf8;transform:translateY(-50%) scale(1.15)}.input-group input{width:100%;padding:13px 16px 13px 46px;background:#ffffff0a;border:1.5px solid rgba(255,255,255,.07);border-radius:13px;color:var(--text-light-bg);font-size:15px;font-family:inherit;outline:none;transition:all .22s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.input-group input:hover{border-color:#ffffff21;background:#ffffff0d}.input-group input:focus{border-color:#5865f2a6;background:#5865f20d;box-shadow:0 0 0 3.5px #5865f224;color:var(--color-white)}.input-group input::placeholder{color:#3e4147;transition:color .2s}.input-group input:focus::placeholder{color:#555a66}.submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,#5865f2,#4549c4);color:var(--color-white);border:none;border-radius:13px;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;margin-top:10px;letter-spacing:.3px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;position:relative;overflow:hidden;box-shadow:0 4px #3239b4cc,0 8px 28px #5865f26b;animation:inputSlideIn .55s cubic-bezier(.22,1,.36,1) .9s both,btnGlow 4s ease-in-out 2s infinite}@keyframes btnGlow{0%,to{box-shadow:0 4px #3239b4cc,0 8px 28px #5865f26b}50%{box-shadow:0 4px #3239b4cc,0 12px 40px #5865f2a6}}.submit-btn:after{content:"";position:absolute;top:0;left:-100%;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:skew(-20deg);transition:left .55s ease}.submit-btn:hover:not(:disabled):after{left:165%}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 36px #5865f294,0 2px #3239b4cc;background:linear-gradient(135deg,#6470f5,#5865f2)}.submit-btn:active:not(:disabled){transform:translateY(1px) scale(.99);box-shadow:0 2px 12px #5865f252}.submit-btn:disabled{opacity:.52;cursor:not-allowed}.divider{display:flex;align-items:center;gap:10px;margin:22px 0 6px;color:#3a3d44;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#ffffff0f}.divider span{padding:0 4px}.google-btn-wrapper{display:flex;justify-content:center;margin-top:12px;width:100%;transform:none;background:transparent;box-shadow:none;overflow:visible;border-radius:0}.google-btn-wrapper>button{border-radius:13px!important;width:100%!important;padding:12px 16px!important;font-size:14.5px!important;border:1.5px solid rgba(255,255,255,.08)!important;background:#ffffff0a!important;color:var(--text-primary)!important;box-shadow:none!important;transition:all .22s ease!important}.google-btn-wrapper>button:hover{background:#ffffff14!important;border-color:#ffffff29!important;box-shadow:0 4px 16px #00000047!important;transform:translateY(-1px)!important}.toggle-mode{margin-top:22px;font-size:13.5px;color:var(--text-disabled);text-align:center;animation:titleReveal .65s ease .95s both}.toggle-mode span{color:var(--color-primary);font-weight:700;cursor:pointer;transition:color .15s ease}.toggle-mode span:hover{color:#818cf8;text-decoration:underline}.spinner-white{display:inline-block;width:20px;height:20px;border:2.5px solid rgba(255,255,255,.22);border-top-color:var(--color-white);border-radius:50%;animation:spinW .72s linear infinite;margin:0 auto}@keyframes spinW{to{transform:rotate(360deg)}}.slide-down{animation:slideDown .32s cubic-bezier(.22,1,.36,1) both!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px);max-height:0}to{opacity:1;transform:translateY(0);max-height:80px}}.login-card a[href*=forgot]{display:inline-block;color:var(--color-primary);font-size:13px;font-weight:500;text-decoration:none;transition:color .15s ease,opacity .15s ease;margin-top:4px}.login-card a[href*=forgot]:hover{color:#818cf8;text-decoration:underline}@media(prefers-reduced-motion:reduce){.background-animate,.background-animate:before,.background-animate:after,.login-container:before,.login-container:after,.login-card,.login-card:before,.logo-circle,.logo-circle:before,.logo-circle:after,.logo-header h1,.logo-header p,.input-group,.submit-btn,.toggle-mode{animation:none!important;transition:none!important;filter:none!important;opacity:1!important;transform:none!important}}@media(max-width:480px){.login-card{padding:36px 22px 32px;margin:12px;max-width:calc(100% - 24px);border-radius:20px}.logo-header h1{font-size:22px}.logo-circle{width:70px;height:70px}}:root{--brand-primary: var(--color-primary);--brand-secondary: var(--color-primary-hover);--brand-accent: var(--color-primary);--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-success: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-warning: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-danger: linear-gradient(135deg, #f857a6 0%, #ff5858 100%);--gradient-dark: linear-gradient(135deg, #080b18 0%, var(--bg-secondary) 90%);--bg-app: #0e1222;--bg-tertiary: #080b18;--bg-elevated: var(--bg-input);--bg-hover: rgba(88, 101, 242, .12);--bg-active: rgba(88, 101, 242, .22);--glass-bg: rgba(255, 255, 255, .03);--glass-bg-hover: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .08);--glass-border-hover: rgba(255, 255, 255, .15);--text-tertiary: #b8b9c7;--text-disabled: #4a4b58;--success: var(--color-success-modern);--warning: var(--color-warning-amber);--error: var(--color-danger);--info: var(--color-info);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .2);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .25);--shadow-2xl: 0 24px 64px rgba(0, 0, 0, .3);--glow-purple: 0 0 20px rgba(88, 101, 242, .3);--glow-blue: 0 0 20px rgba(59, 130, 246, .3);--glow-pink: 0 0 20px rgba(236, 72, 153, .3);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: all .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .5s cubic-bezier(.68, -.55, .27, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-modal-backdrop: 1040;--z-modal: 1050;--z-tooltip: 1070;--z-notification: 1080}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:12px 24px;font-family:Inter,sans-serif;font-weight:600;font-size:14px;line-height:1.5;border-radius:var(--radius-md);border:none;cursor:pointer;transition:var(--transition-normal);position:relative;overflow:hidden;white-space:nowrap}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn:active{transform:scale(.98)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 14px #5865f24d}.btn-primary:hover{box-shadow:0 6px 20px #5865f266;transform:translateY(-1px)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--glass-border-hover)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon{padding:10px;border-radius:var(--radius-full)}.btn-sm{padding:8px 16px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.input{width:100%;padding:12px 16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;transition:var(--transition-fast)}.input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #5865f21a;background:var(--glass-bg-hover)}.input::placeholder{color:var(--text-muted)}.card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--glass-border);transition:var(--transition-normal)}.card-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--glass-border)}.card-description{font-size:14px;color:var(--text-tertiary);margin-top:var(--space-xs)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes glow{0%,to{box-shadow:var(--glow-purple)}50%{box-shadow:var(--glow-blue)}}.fade-in{animation:fadeIn .4s ease-out}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.glow{animation:glow 3s ease-in-out infinite}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-secondary{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.spinner{width:40px;height:40px;border:3px solid var(--glass-border);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .8s linear infinite}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-elevated) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@media(max-width:768px){:root{--space-xl: 20px;--space-2xl: 28px;--space-3xl: 40px}.btn{padding:10px 20px;font-size:14px}.btn-lg{padding:12px 24px;font-size:15px}.card{padding:var(--space-lg);border-radius:var(--radius-md)}}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--brand-primary),var(--brand-secondary));border-radius:10px;transition:var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--brand-accent),var(--brand-primary))}*{scrollbar-width:thin;scrollbar-color:var(--brand-primary) var(--bg-secondary)}:root{--blurple: var(--color-primary);--blurple-hover: var(--color-primary-hover);--blurple-glow: rgba(88, 101, 242, .25);--primary-gradient: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);--secondary-gradient: linear-gradient(135deg, var(--color-pink) 0%, #c2375a 100%);--success-gradient: linear-gradient(135deg, var(--color-success) 0%, #1a7d42 100%);--bg-primary: var(--bg-charcoal);--bg-secondary: var(--bg-charcoal-deep);--bg-tertiary: var(--bg-void);--bg-elevated: var(--bg-neutral-dark);--bg-floating: #090a0b;--glass-bg: rgba(17, 18, 20, .94);--glass-bg-hover: rgba(30, 32, 36, .96);--glass-border: rgba(255, 255, 255, .055);--glass-border-hover: rgba(255, 255, 255, .11);--glass-shadow: rgba(0, 0, 0, .3);--text-brand: var(--color-primary);--accent-blurple: var(--color-primary);--accent-green: var(--color-success);--accent-yellow: var(--color-warning);--accent-red: var(--color-danger);--accent-pink: var(--color-pink);--accent-purple: var(--color-primary);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .25);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .45);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .55);--shadow-2xl: 0 24px 64px rgba(0, 0, 0, .65);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--transition-fast: all .15s ease;--transition-normal: all .2s ease;--transition-slow: all .35s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:gg sans,Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;font-size:16px;line-height:1.375}.App{min-height:100vh;background:var(--bg-primary);position:relative;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.App:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 60% 0%,rgba(88,101,242,.045) 0%,transparent 60%),radial-gradient(ellipse at 0% 100%,rgba(124,58,237,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.btn-primary{background:var(--blurple);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-sm);font-weight:500;font-size:14px;cursor:pointer;transition:var(--transition-fast);box-shadow:0 2px 8px #5865f24d;position:relative;overflow:hidden}.btn-primary:hover{background:var(--blurple-hover);box-shadow:0 4px 12px #5865f266;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:0 1px 4px #5865f24d}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#18191c99;border-radius:4px;border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:#18191ce6}@media(max-width:768px){.App{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.btn-primary{padding:14px 20px;font-size:16px;width:100%}}@media(hover:none)and (pointer:coarse){button,a,input,select,textarea{min-height:44px;min-width:44px}}.chat-container{background:var(--bg-primary);border-left:1px solid rgba(255,255,255,.045)}.message-content{color:var(--text-primary);font-size:15px;line-height:1.5;word-wrap:break-word}.message-author{font-weight:600;color:var(--color-white);margin-bottom:2px;display:flex;align-items:center;gap:8px;font-size:15px}.chat-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md);padding:11px 16px;color:var(--text-primary);font-size:15px;width:100%;transition:var(--transition-fast);font-family:inherit}.chat-input:focus{outline:none;border-color:#5865f273;background:#ffffff0f;box-shadow:0 0 0 2px #5865f21f}.chat-input::placeholder{color:var(--text-muted)}.sidebar{background:linear-gradient(180deg,#0f1012,var(--bg-charcoal-deep));border-right:1px solid rgba(255,255,255,.05)}.sidebar-header{padding:16px;border-bottom:1px solid rgba(255,255,255,.05);font-weight:600;font-size:15px;color:var(--text-primary);background:#ffffff06}.modal-overlay{background:#000c;backdrop-filter:blur(4px)}.modal-content{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);animation:modalSlideIn .18s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.96) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:20px 24px 16px;border-bottom:1px solid var(--glass-border)}.user-avatar{width:40px;height:40px;border-radius:50%;box-shadow:0 2px 8px #0000004d;transition:var(--transition-fast)}.user-avatar:hover{transform:scale(1.08);box-shadow:0 0 16px #5865f280}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 0%,rgba(255,255,255,.05) 50%,var(--bg-elevated) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.08);border-top-color:var(--blurple);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-purple{background:linear-gradient(135deg,var(--color-primary),var(--color-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.spinner-sm{width:20px;height:20px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--blurple);border-radius:50%;animation:spin .7s linear infinite}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--bg-void) 0%,var(--bg-charcoal-deep) 100%);padding:20px}.error-boundary.critical{background:linear-gradient(135deg,#2d1414,#3d1f1f)}.error-content{text-align:center;max-width:600px;background:var(--bg-elevated);padding:40px;border-radius:12px;box-shadow:0 8px 24px #0006}.error-icon{font-size:80px;margin-bottom:20px;animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.error-boundary h1{color:var(--color-danger);font-size:28px;margin-bottom:16px}.error-message{color:var(--text-secondary);font-size:16px;line-height:1.6;margin-bottom:24px}.error-details{background:var(--bg-primary);padding:16px;border-radius:8px;margin:20px 0;text-align:left}.error-details summary{cursor:pointer;color:var(--color-info-sky);font-weight:600;margin-bottom:12px}.error-stack{color:var(--text-primary);font-size:13px}.error-stack pre{background:#0d0d0e;padding:12px;border-radius:4px;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;margin-top:8px;font-family:Consolas,Monaco,monospace}.error-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.error-actions button{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-retry{background:var(--color-primary);color:#fff}.btn-retry:hover{background:var(--color-primary-hover);transform:translateY(-2px)}.btn-home{background:var(--text-disabled);color:#fff}.btn-home:hover{background:#6d6f78;transform:translateY(-2px)}.btn-reload{background:var(--color-danger);color:#fff;padding:12px 32px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-reload:hover{background:#d83437;transform:scale(1.05)}._fullscreenContainer_5549h_1{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#17191c;z-index:9999;gap:16px}._inlineContainer_5549h_31{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;min-height:100px}._spinnerWrapper_5549h_51{position:relative;display:flex;align-items:center;justify-content:center}._spinnerOuter_5549h_65{position:absolute;width:100%;height:100%;border:3px solid rgba(88,101,242,.2);border-top:3px solid #5865f2;border-radius:50%;animation:_spin_5549h_51 1s linear infinite}._spinnerInner_5549h_85{position:absolute;width:70%;height:70%;border:3px solid rgba(88,101,242,.1);border-bottom:3px solid #5865f2;border-radius:50%;animation:_spin_5549h_51 .7s linear infinite reverse}._loadingText_5549h_105{color:#b5bac1;font-weight:500;text-align:center;animation:_pulse_5549h_1 1.5s ease-in-out infinite}@keyframes _spin_5549h_51{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes _pulse_5549h_1{0%,to{opacity:.6}50%{opacity:1}}.splash-screen{position:fixed;top:0;left:0;width:100%;height:100dvh;background:#06080d;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;opacity:1;overflow:hidden;transition:opacity .5s ease-out,visibility 0s .5s}.splash-screen.finished{opacity:0;pointer-events:none;visibility:hidden}.splash-bg-mesh{position:absolute;inset:-50%;width:200%;height:200%;background:radial-gradient(ellipse 40% 40% at 30% 30%,rgba(88,101,242,.18) 0%,transparent 60%),radial-gradient(ellipse 35% 35% at 70% 70%,rgba(114,137,218,.14) 0%,transparent 55%),radial-gradient(ellipse 30% 30% at 50% 50%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(ellipse 25% 25% at 80% 20%,rgba(139,92,246,.08) 0%,transparent 50%);animation:meshRotate 12s linear infinite;pointer-events:none}@keyframes meshRotate{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}.particles{position:absolute;inset:0;pointer-events:none}.particle{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);background:#5865f2cc;border-radius:50%;opacity:0;box-shadow:0 0 6px #5865f299,0 0 12px #5865f24d;animation:particleFloat var(--duration) ease-in-out var(--delay) infinite}@keyframes particleFloat{0%{opacity:0;transform:translateY(0) translate(0) scale(.3)}15%{opacity:1}50%{opacity:.7;transform:translateY(-80px) translate(var(--drift)) scale(1)}85%{opacity:.3}to{opacity:0;transform:translateY(-180px) translate(calc(var(--drift) * -.5)) scale(.5)}}.orbit-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;pointer-events:none}.orbit-dot{position:absolute;width:var(--orbit-size);height:var(--orbit-size);background:#5865f2;border-radius:50%;box-shadow:0 0 10px #5865f2cc,0 0 20px #5865f266,0 0 30px #5865f233;opacity:0;animation:orbitSpin var(--orbit-duration) linear var(--orbit-delay) infinite}@keyframes orbitSpin{0%{opacity:0;transform:rotate(var(--orbit-angle)) translate(var(--orbit-radius))}8%{opacity:1}92%{opacity:.7}to{opacity:0;transform:rotate(calc(var(--orbit-angle) + 360deg)) translate(var(--orbit-radius))}}.rings-container{position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% - 20px));pointer-events:none}.ring{position:absolute;border:2px solid rgba(88,101,242,.2);border-radius:50%;top:50%;left:50%;opacity:0}.ring-1{width:180px;height:180px;margin:-90px 0 0 -90px;animation:ringPulse 2.5s ease-out .3s infinite}.ring-2{width:260px;height:260px;margin:-130px 0 0 -130px;animation:ringPulse 2.5s ease-out .8s infinite}.ring-3{width:340px;height:340px;margin:-170px 0 0 -170px;animation:ringPulse 2.5s ease-out 1.3s infinite}@keyframes ringPulse{0%{opacity:.6;transform:scale(.7);border-color:#5865f266}50%{opacity:.2;border-color:#7289da26}to{opacity:0;transform:scale(1.6);border-color:#5865f200}}.logo-container{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:20px}.logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:180px;background:radial-gradient(circle,#5865f273,#5865f200 65%);border-radius:50%;animation:glowPulse 2s ease-in-out infinite;pointer-events:none}.logo-glow-secondary{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:260px;height:260px;background:radial-gradient(circle,rgba(114,137,218,.15) 0%,transparent 65%);border-radius:50%;animation:glowPulse 3s ease-in-out .6s infinite;pointer-events:none}@keyframes glowPulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(.9)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.splash-logo{width:120px;height:120px;opacity:0;animation:logoEntrance 1s cubic-bezier(.34,1.56,.64,1) .2s forwards;filter:drop-shadow(0 0 30px rgba(88,101,242,.6)) drop-shadow(0 0 60px rgba(88,101,242,.3)) drop-shadow(0 4px 8px rgba(0,0,0,.8))}@keyframes logoEntrance{0%{opacity:0;transform:scale(0) rotate(-180deg);filter:blur(20px)}50%{opacity:.8;transform:scale(1.15) rotate(10deg);filter:blur(0)}75%{transform:scale(.95) rotate(-3deg)}to{opacity:1;transform:scale(1) rotate(0);filter:drop-shadow(0 0 30px rgba(88,101,242,.6)) drop-shadow(0 0 60px rgba(88,101,242,.3)) drop-shadow(0 4px 8px rgba(0,0,0,.8))}}.splash-screen:not(.pre-transition):not(.finished) .splash-logo{animation:logoEntrance 1s cubic-bezier(.34,1.56,.64,1) .2s forwards,logoBreathe 3s ease-in-out 1.5s infinite}@keyframes logoBreathe{0%,to{transform:translateY(0) scale(1);filter:drop-shadow(0 0 30px rgba(88,101,242,.6)) drop-shadow(0 0 60px rgba(88,101,242,.3))}50%{transform:translateY(-12px) scale(1.05);filter:drop-shadow(0 0 40px rgba(88,101,242,.8)) drop-shadow(0 0 80px rgba(88,101,242,.4))}}.brand-text{display:flex;gap:4px;margin-top:12px}.letter{font-family:gg sans,Noto Sans,-apple-system,sans-serif;font-size:34px;font-weight:800;color:#fff;letter-spacing:3px;opacity:0;transform:translateY(30px);animation:letterDrop .6s ease-out forwards}@keyframes letterDrop{0%{opacity:0;transform:translateY(30px) scale(.5)}60%{opacity:1;transform:translateY(-6px) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}.loading-bar{position:absolute;bottom:48px;left:calc(50% - 130px);width:260px;height:4px;background:#ffffff0d;border-radius:4px;overflow:hidden;opacity:0;animation:barIn .6s ease-out 1.4s forwards;box-shadow:0 0 20px #5865f21a}@keyframes barIn{0%{opacity:0;transform:scaleX(.3)}to{opacity:1;transform:scaleX(1)}}.loading-progress{width:100%;height:100%;background:linear-gradient(90deg,#5865f2,#7289da,#5865f2,#7289da);background-size:200% 100%;border-radius:4px;transform:scaleX(0);transform-origin:left;animation:loadingFill 2.2s cubic-bezier(.4,0,.2,1) 1.5s forwards,loadingGradient 1.5s linear 1.5s infinite;box-shadow:0 0 12px #5865f280}@keyframes loadingFill{0%{transform:scaleX(0)}25%{transform:scaleX(.35)}55%{transform:scaleX(.65)}80%{transform:scaleX(.88)}to{transform:scaleX(1)}}@keyframes loadingGradient{0%{background-position:0% 0%}to{background-position:200% 0%}}.loading-shimmer{position:absolute;top:0;left:-60%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmerSlide 1.2s ease-in-out 1.6s infinite;border-radius:4px}@keyframes shimmerSlide{0%{left:-60%}to{left:160%}}.splash-screen.pre-transition .logo-container{animation:splashExitLogo .5s cubic-bezier(.4,0,1,1) forwards}.splash-screen.pre-transition .brand-text{animation:splashExitText .4s ease-out forwards}.splash-screen.pre-transition .loading-bar{animation:splashExitBar .3s ease-out forwards}.splash-screen.pre-transition .particles,.splash-screen.pre-transition .orbit-container,.splash-screen.pre-transition .rings-container,.splash-screen.pre-transition .splash-bg-mesh{animation:splashFadeAll .4s ease-out forwards}@keyframes splashExitLogo{to{opacity:0;transform:scale(1.4) translateY(-30px);filter:blur(8px)}}@keyframes splashExitText{to{opacity:0;transform:translateY(-20px) scale(.9)}}@keyframes splashExitBar{to{opacity:0;transform:scaleX(2)}}@keyframes splashFadeAll{to{opacity:0}}@media(prefers-reduced-motion:reduce){.particle,.orbit-dot,.ring,.logo-glow,.logo-glow-secondary,.splash-bg-mesh,.loading-shimmer{animation:none!important}.splash-logo{animation:fadeOnly .4s ease-out .2s forwards!important}.letter{animation:fadeOnly .3s ease-out forwards!important}@keyframes fadeOnly{0%{opacity:0;transform:none}to{opacity:1;transform:none}}}.jsm-modal{max-height:80vh;padding:20px;border-radius:12px}@media(max-width:480px){.jsm-modal{max-height:92dvh;max-height:92vh;padding:14px;border-radius:8px}.jsm-invite-form{flex-direction:column}.jsm-invite-form input,.jsm-invite-form button{width:100%}}@media(hover:none)and (pointer:coarse){.jsm-modal button{min-height:40px}.jsm-server-row{padding:12px}}@keyframes dlModalEnter{0%{opacity:0;transform:scale(.9) translateY(32px);filter:blur(10px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}@keyframes dlCardIn{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dlFeaturesIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes dlBtnPulse{0%,to{box-shadow:0 4px 14px #00a8fc66}50%{box-shadow:0 6px 28px #00a8fca6}}@keyframes dlBtnPulseGreen{0%,to{box-shadow:0 4px 14px #3ddc8466}50%{box-shadow:0 6px 28px #3ddc849e}}@keyframes dlCheckmark{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.dl-modal{animation:dlModalEnter .6s cubic-bezier(.22,1,.36,1) both}.dl-card-windows{animation:dlCardIn .55s cubic-bezier(.22,1,.36,1) .12s both}.dl-card-android{animation:dlCardIn .55s cubic-bezier(.22,1,.36,1) .22s both}.dl-card-ios{animation:dlCardIn .55s cubic-bezier(.22,1,.36,1) .32s both}.dl-features{animation:dlFeaturesIn .5s ease .42s both}.dl-btn-windows{animation:dlBtnPulse 3s ease-in-out 1s infinite}.dl-btn-android{animation:dlBtnPulseGreen 3s ease-in-out 1.3s infinite}.dl-started{animation:dlCheckmark .35s cubic-bezier(.34,1.56,.64,1) both;display:inline-block}.dl-card-web{animation:dlCardIn .55s cubic-bezier(.22,1,.36,1) .42s both}@keyframes dlBtnPulseWeb{0%,to{box-shadow:0 4px 14px #5865f266}50%{box-shadow:0 6px 28px #5865f29e}}.dl-btn-web{animation:dlBtnPulseWeb 3s ease-in-out 1.6s infinite}@media(prefers-reduced-motion:reduce){.dl-modal,.dl-card-windows,.dl-card-android,.dl-card-ios,.dl-card-web,.dl-features,.dl-btn-windows,.dl-btn-android,.dl-btn-web{animation:none!important}}@keyframes supportModalEnter{0%{opacity:0;transform:scale(.88) translateY(44px);filter:blur(8px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}@keyframes heartBeat{0%,70%,to{transform:scale(1)}15%{transform:scale(1.25) rotate(-8deg)}30%{transform:scale(.95) rotate(4deg)}45%{transform:scale(1.15) rotate(-3deg)}}@keyframes supportCardIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.support-modal{animation:supportModalEnter .55s cubic-bezier(.22,1,.36,1) both}.support-heart{animation:heartBeat 2.4s ease-in-out .8s infinite;display:inline-block}.support-coffee-card{animation:supportCardIn .45s cubic-bezier(.22,1,.36,1) .15s both}.support-crypto-section{animation:supportCardIn .45s cubic-bezier(.22,1,.36,1) .25s both}@media(prefers-reduced-motion:reduce){.support-modal,.support-heart,.support-coffee-card,.support-crypto-section{animation:none!important}}._flexAlignGap8_1ed16_7{display:flex;align-items:center;gap:8px}._flexAlignGap10_1ed16_19{display:flex;align-items:center;gap:10px}._flexGap8_1ed16_31{display:flex;gap:8px}._flexGap10_1ed16_41{display:flex;gap:10px}._flexEndGap10_1ed16_51{display:flex;gap:10px;justify-content:flex-end}._flexCol_1ed16_63{display:flex;flex-direction:column}._labelMuted_1ed16_75,._labelSmall_1ed16_85{color:#b5bac1;font-size:.9em}._hintMuted_1ed16_95{font-size:.875em;color:#949ba4;margin-top:8px;font-style:italic}._hintSmall_1ed16_109{font-size:.85em;color:"#949ba4";margin-top:6px;font-style:italic}._textXs_1ed16_123{font-size:.85em;color:#949ba4;margin-top:5px}._textSuccess_1ed16_135{font-size:.85em;color:#23a559;margin-top:5px}._sectionTitle_1ed16_147{color:"#b5bac1";font-size:.9em;margin-bottom:10px}._headingWhite_1ed16_159{margin:0;color:"#fff"}._bold_1ed16_169{font-weight:700}._mb15_1ed16_179{margin-bottom:15px}._avatar24_1ed16_189{width:24px;height:24px;border-radius:50%}._colorDot_1ed16_201{width:12px;height:12px;border-radius:50%}._permissionMeta_1ed16_215{font-size:.85em;color:#949ba4;margin-top:5px}._emptyState_1ed16_227{text-align:center;padding:40px;color:#949ba4}._emptyIcon_1ed16_239{opacity:.3;margin-bottom:10px}._searchDropdown_1ed16_251{background:#0d0e10;border-radius:6px;margin-top:8px;max-height:200px;overflow-y:auto;border:1px solid #4e5058}._searchItem_1ed16_269{padding:10px 12px;display:flex;align-items:center;gap:10px;cursor:pointer;border-bottom:1px solid #0e1222;transition:background-color .2s}._searchItem_1ed16_269:hover{background-color:#111214}._searchItemSelected_1ed16_297{background-color:#5865f2}._searchItemText_1ed16_305{color:#fff;font-size:.95em}._voiceLabel_1ed16_317{display:flex;align-items:center;gap:10px}.chat-message-box::-webkit-scrollbar{width:4px}.chat-message-box::-webkit-scrollbar-track{background:transparent}.chat-message-box::-webkit-scrollbar-thumb{background:#4f545c4d;border-radius:8px;transition:background .2s}.chat-message-box::-webkit-scrollbar-thumb:hover{background:#4f545c8c}.chat-area-root{background:#0f1520;background-image:radial-gradient(ellipse at 60% -10%,rgba(88,101,242,.08) 0%,transparent 55%),radial-gradient(ellipse at 10% 100%,rgba(88,101,242,.04) 0%,transparent 45%)}.chat-header-elevated{background:#0c101ec7;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid rgba(88,101,242,.14);box-shadow:0 1px #0000004d,0 2px 12px #0000002e}.chat-msg{transition:background-color .08s ease;flex-shrink:0}.chat-msg:hover{background-color:#00000024}.chat-date-divider{display:flex;align-items:center;gap:10px;padding:18px 16px 8px;user-select:none}.chat-date-divider-line{flex:1;height:1px;background:linear-gradient(to right,transparent 0%,rgba(88,101,242,.16) 25%,rgba(255,255,255,.05) 70%,transparent 100%)}.chat-date-divider-line:last-child{background:linear-gradient(to left,transparent 0%,rgba(88,101,242,.16) 25%,rgba(255,255,255,.05) 70%,transparent 100%)}.chat-date-divider-label{color:#5d6580;font-size:11px;font-weight:700;white-space:nowrap;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:10px;background:#5865f212;border:1px solid rgba(88,101,242,.12)}.chat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;user-select:none;gap:4px;animation:chatEmptyFadeIn .6s cubic-bezier(.22,1,.36,1) both}@keyframes chatEmptyFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-empty-icon-ring{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,#5865f238,#8b5cf62e);display:flex;align-items:center;justify-content:center;margin-bottom:16px;position:relative;box-shadow:0 0 0 1.5px #5865f233,0 0 40px #5865f224,inset 0 1px #ffffff14;animation:emptyIconFloat 3.5s ease-in-out infinite}.chat-empty-icon-ring:before{content:"";position:absolute;inset:-10px;border-radius:50%;border:1.5px solid rgba(88,101,242,.22);animation:chatRingPulse 3s ease-out .5s infinite;opacity:0}.chat-empty-icon-ring:after{content:"";position:absolute;inset:-22px;border-radius:50%;border:1px solid rgba(139,92,246,.12);animation:chatRingPulse 3s ease-out 1s infinite;opacity:0}@keyframes chatRingPulse{0%{transform:scale(1);opacity:.7}to{transform:scale(1.6);opacity:0}}.chat-empty-title{color:#dde1e7;font-size:1.25em;font-weight:700;font-family:gg sans,Noto Sans,sans-serif;letter-spacing:-.01em}.chat-empty-subtitle{color:#4a5073;font-size:.88em;font-weight:400;margin-top:5px;max-width:260px;text-align:center;line-height:1.5}@keyframes emptyIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.chat-drop-overlay{position:absolute;inset:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#090c16eb;border:2px dashed rgba(88,101,242,.55);border-radius:14px;pointer-events:none;z-index:1000;gap:12px;animation:dropFadeIn .15s ease;backdrop-filter:blur(4px)}.chat-drop-icon{font-size:52px;animation:dropBounce .35s cubic-bezier(.175,.885,.32,1.275)}.chat-drop-title{color:#5865f2;font-size:1.3em;font-weight:700}.chat-drop-sub{color:#3e4464;font-size:.82em;margin-top:-4px}@keyframes dropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dropBounce{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.scroll-to-bottom-fab{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.scroll-to-bottom-fab:hover{transform:translateY(-3px) scale(1.08);background-color:#1d2138;border-color:#5865f259;box-shadow:0 8px 24px #0000008c}.upload-progress-wrap{position:absolute;top:-50px;left:12px;right:12px;background:#0b0e18f0;backdrop-filter:blur(14px);border-radius:10px;padding:9px 14px;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 16px #0006;z-index:1001;display:flex;align-items:center;gap:12px}.upload-progress-label{color:#949ba4;font-size:12px;white-space:nowrap;flex-shrink:0}.upload-progress-track{flex:1;height:5px;background:#ffffff0f;border-radius:3px;overflow:hidden}.upload-progress-fill{height:100%;background:linear-gradient(90deg,#5865f2,#7b83f5);border-radius:3px;transition:width .28s ease}.pull-refresh-indicator{display:flex;align-items:center;gap:10px;justify-content:center;padding:10px 16px;color:#5d6580;font-size:.84em}.pull-refresh-indicator .spinner{width:18px;height:18px;border:2px solid rgba(88,101,242,.25);border-top-color:#5865f2;border-radius:50%;animation:spin .75s linear infinite;flex-shrink:0}.load-more-row{text-align:center;padding:6px 0 2px}.chat-input-outer{padding:0 16px 20px}.route-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;padding:2rem;color:var(--text-normal, #dbdee1);text-align:center}.route-error-heading{color:var(--status-danger, #f23f42);margin-bottom:.5rem;font-size:1.4rem}.route-error-message{color:var(--text-muted, #96989d);max-width:420px;margin-bottom:1.5rem;line-height:1.5}.route-error-actions{display:flex;gap:.75rem}.route-error-retry{padding:.6rem 1.5rem;border-radius:4px;border:none;background:var(--brand-experiment, #5865f2);color:#fff;font-weight:600;cursor:pointer;font-size:.95rem}.route-error-retry:hover{background:var(--brand-experiment-560, #4752c4)}.route-error-home{padding:.6rem 1.5rem;border-radius:4px;border:1px solid var(--border-subtle, #4e5058);background:transparent;color:var(--text-normal, #dbdee1);font-weight:600;cursor:pointer;font-size:.95rem}.route-error-home:hover{background:var(--background-modifier-hover, rgba(79, 84, 92, .16))}.page-transition-wrapper{width:100%;min-height:100%}@keyframes pageSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-transition-active{animation:pageSlideIn .18s ease-out both}@media(prefers-reduced-motion:reduce){.page-transition-active{animation:none}}.connection-banner{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;font-size:.875rem;font-weight:500;transition:transform .3s ease,opacity .3s ease;box-shadow:0 2px 8px #0006;pointer-events:none}.connection-banner.hidden{transform:translateY(-100%);opacity:0}.connection-banner.visible{transform:translateY(0);opacity:1}.connection-banner.reconnecting{background-color:#f0a500;color:#1a1a1a}.connection-banner.failed{background-color:#ed4245;color:var(--color-white)}.connection-banner.connected{background-color:#3ba55c;color:var(--color-white)}.banner-spinner{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.banner-icon{font-size:1rem;flex-shrink:0}.banner-text{line-height:1}.banner-attempts{opacity:.75;font-size:.75rem}@media(min-width:800px){.connection-banner{left:240px}}.auth-callback-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:radial-gradient(ellipse at 15% 20%,rgba(88,101,242,.16) 0%,transparent 50%),radial-gradient(ellipse at 85% 80%,rgba(124,58,237,.1) 0%,transparent 48%),var(--bg-void);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.auth-callback-card{background:#1e1f23e0;backdrop-filter:blur(48px) saturate(180%);-webkit-backdrop-filter:blur(48px) saturate(180%);border-radius:22px;padding:48px;text-align:center;color:#fff;max-width:400px;width:90%;border:1px solid rgba(255,255,255,.07);box-shadow:0 0 0 1px #5865f214,0 32px 80px #0009,inset 0 1px #ffffff0f;animation:authCardIn .5s cubic-bezier(.22,1,.36,1)}.auth-callback-card h2{margin:20px 0 10px;font-size:24px;font-weight:600;color:var(--text-primary)}.auth-callback-card p{margin:0;opacity:.75;font-size:16px;color:var(--text-secondary)}.auth-spinner{width:48px;height:48px;border:3px solid rgba(88,101,242,.25);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.auth-success-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--color-success),#2dc26e);display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto;animation:scaleIn .3s cubic-bezier(.22,1,.36,1);box-shadow:0 4px 24px #23a55959}.auth-error-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--color-danger-dark),#f04747);display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto;animation:scaleIn .3s cubic-bezier(.22,1,.36,1);box-shadow:0 4px 24px #da373c59}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.auth-redirect-text{margin-top:16px;font-size:13px;opacity:.55;color:var(--status-offline)}@keyframes authCardIn{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}