:root{--font-display: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--space-2xs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--space-4xl: 48px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.34, 1.56, .64, 1);--z-base: 1;--z-sticky: 10;--z-dropdown: 50;--z-drawer: 100;--z-modal: 200;--z-toast: 300;--z-tooltip: 400;--presence-available: #10b981;--presence-available-glow: rgba(16, 185, 129, .4);--presence-away: #f59e0b;--presence-away-glow: rgba(245, 158, 11, .4);--presence-busy: #ef4444;--presence-busy-glow: rgba(239, 68, 68, .4);--presence-invisible: #64748b;--presence-offline: #475569}html.theme-dark{color-scheme:dark;--bg-app: #090d16;--surface: #0f1523;--surface-elevated: #161e31;--surface-muted: #1e293b;--surface-hover: #222e44;--overlay: rgba(5, 8, 14, .85);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #090d16;--text-on-primary: #ffffff;--border: #1e293b;--border-strong: #334155;--divider: rgba(255, 255, 255, .08);--focus-ring: rgba(168, 85, 247, .5);--primary: #9333ea;--primary-hover: #a855f7;--primary-active: #7e22ce;--primary-soft: rgba(147, 51, 234, .15);--primary-gradient: linear-gradient(135deg, #a855f7 0%, #3b82f6 100%);--tok-pulse-gradient: linear-gradient(135deg, #ec4899 0%, #8b5cf6 50%, #3b82f6 100%);--accent: #06b6d4;--link: #38bdf8;--link-hover: #7dd3fc;--selection: rgba(168, 85, 247, .35);--success: #10b981;--success-surface: rgba(16, 185, 129, .15);--success-text: #34d399;--warning: #f59e0b;--warning-surface: rgba(245, 158, 11, .15);--warning-text: #fbbf24;--danger: #ef4444;--danger-surface: rgba(239, 68, 68, .15);--danger-text: #f87171;--info: #3b82f6;--info-surface: rgba(59, 130, 246, .15);--info-text: #60a5fa;--message-own-bg: linear-gradient(135deg, #7c3aed 0%, #4f46e5 100%);--message-own-text: #ffffff;--message-own-border: rgba(255, 255, 255, .1);--message-other-bg: #161e31;--message-other-text: #f8fafc;--message-other-border: #1e293b;--message-system-bg: rgba(30, 41, 59, .6);--message-system-text: #94a3b8;--mention-bg: rgba(168, 85, 247, .25);--mention-text: #c084fc;--reply-bg: rgba(0, 0, 0, .25);--reply-border: #a855f7;--sidebar-bg: #0b0f19;--composer-bg: #131a29;--input-bg: #090d16;--input-border: #243048;--input-text: #f8fafc;--placeholder: #64748b;--tooltip-bg: #1e293b;--tooltip-text: #f8fafc;--toast-bg: #161e31;--toast-border: #334155;--badge-bg: #9333ea;--badge-text: #ffffff;--skeleton: #1e293b;--disabled-bg: #131a29;--disabled-text: #475569;--disabled-border: #1e293b;--scrollbar-thumb: #334155;--scrollbar-track: transparent;--sponsored-bg: rgba(88, 28, 135, .2);--sponsored-border: rgba(168, 85, 247, .4);--sponsored-badge-bg: rgba(168, 85, 247, .3);--sponsored-badge-text: #d8b4fe;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(168, 85, 247, .3)}html.theme-light{color-scheme:light;--bg-app: #f1f5f9;--surface: #ffffff;--surface-elevated: #ffffff;--surface-muted: #f8fafc;--surface-hover: #e2e8f0;--overlay: rgba(15, 23, 42, .6);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-inverse: #ffffff;--text-on-primary: #ffffff;--border: #e2e8f0;--border-strong: #cbd5e1;--divider: rgba(0, 0, 0, .08);--focus-ring: rgba(124, 58, 237, .4);--primary: #7c3aed;--primary-hover: #6d28d9;--primary-active: #5b21b6;--primary-soft: rgba(124, 58, 237, .1);--primary-gradient: linear-gradient(135deg, #7c3aed 0%, #2563eb 100%);--tok-pulse-gradient: linear-gradient(135deg, #db2777 0%, #7c3aed 50%, #2563eb 100%);--accent: #0284c7;--link: #2563eb;--link-hover: #1d4ed8;--selection: rgba(124, 58, 237, .2);--success: #059669;--success-surface: #ecfdf5;--success-text: #047857;--warning: #d97706;--warning-surface: #fffbeb;--warning-text: #b45309;--danger: #dc2626;--danger-surface: #fef2f2;--danger-text: #b91c1c;--info: #2563eb;--info-surface: #eff6ff;--info-text: #1d4ed8;--message-own-bg: linear-gradient(135deg, #7c3aed 0%, #4338ca 100%);--message-own-text: #ffffff;--message-own-border: transparent;--message-other-bg: #ffffff;--message-other-text: #0f172a;--message-other-border: #e2e8f0;--message-system-bg: #e2e8f0;--message-system-text: #475569;--mention-bg: rgba(124, 58, 237, .15);--mention-text: #6d28d9;--reply-bg: rgba(0, 0, 0, .05);--reply-border: #7c3aed;--sidebar-bg: #f8fafc;--composer-bg: #ffffff;--input-bg: #ffffff;--input-border: #cbd5e1;--input-text: #0f172a;--placeholder: #94a3b8;--tooltip-bg: #1e293b;--tooltip-text: #f8fafc;--toast-bg: #ffffff;--toast-border: #e2e8f0;--badge-bg: #7c3aed;--badge-text: #ffffff;--skeleton: #e2e8f0;--disabled-bg: #f1f5f9;--disabled-text: #94a3b8;--disabled-border: #e2e8f0;--scrollbar-thumb: #cbd5e1;--scrollbar-track: transparent;--sponsored-bg: #faf5ff;--sponsored-border: #e9d5ff;--sponsored-badge-bg: #f3e8ff;--sponsored-badge-text: #7e22ce;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 10px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(124, 58, 237, .2)}html.theme-blue{color-scheme:light;--bg-app: #e6f0fa;--surface: #ffffff;--surface-elevated: #f0f7ff;--surface-muted: #d9e9f9;--surface-hover: #cfe2f6;--overlay: rgba(10, 37, 64, .65);--text-primary: #0a2540;--text-secondary: #33597d;--text-muted: #5e84a8;--text-inverse: #ffffff;--text-on-primary: #ffffff;--border: #bfdaf3;--border-strong: #90c2ee;--divider: rgba(10, 37, 64, .1);--focus-ring: rgba(0, 132, 255, .4);--primary: #0084ff;--primary-hover: #0073e6;--primary-active: #0060c2;--primary-soft: rgba(0, 132, 255, .12);--primary-gradient: linear-gradient(135deg, #0099ff 0%, #0066cc 100%);--tok-pulse-gradient: linear-gradient(135deg, #00d2ff 0%, #0084ff 50%, #7928ca 100%);--accent: #00c9ff;--link: #0066cc;--link-hover: #004d99;--selection: rgba(0, 132, 255, .25);--success: #059669;--success-surface: #e6fbf3;--success-text: #047857;--warning: #d97706;--warning-surface: #fff8eb;--warning-text: #b45309;--danger: #dc2626;--danger-surface: #fef2f2;--danger-text: #b91c1c;--info: #0284c7;--info-surface: #e0f2fe;--info-text: #0369a1;--message-own-bg: linear-gradient(135deg, #0084ff 0%, #005bb5 100%);--message-own-text: #ffffff;--message-own-border: transparent;--message-other-bg: #ffffff;--message-other-text: #0a2540;--message-other-border: #bfdaf3;--message-system-bg: #d4e7fa;--message-system-text: #33597d;--mention-bg: rgba(0, 132, 255, .15);--mention-text: #0066cc;--reply-bg: rgba(0, 0, 0, .05);--reply-border: #0084ff;--sidebar-bg: #f2f8fe;--composer-bg: #ffffff;--input-bg: #ffffff;--input-border: #aed1f4;--input-text: #0a2540;--placeholder: #779abf;--tooltip-bg: #0a2540;--tooltip-text: #ffffff;--toast-bg: #ffffff;--toast-border: #bfdaf3;--badge-bg: #0084ff;--badge-text: #ffffff;--skeleton: #d0e4f7;--disabled-bg: #e2effb;--disabled-text: #8aaac9;--disabled-border: #d0e4f7;--scrollbar-thumb: #a2c8ed;--scrollbar-track: transparent;--sponsored-bg: #eaf4fd;--sponsored-border: #bde0fe;--sponsored-badge-bg: #d0e8ff;--sponsored-badge-text: #0066cc;--shadow-sm: 0 1px 4px rgba(10, 37, 64, .08);--shadow-md: 0 4px 12px rgba(10, 37, 64, .1);--shadow-lg: 0 10px 25px rgba(10, 37, 64, .14);--shadow-glow: 0 0 20px rgba(0, 132, 255, .25)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;width:100%;overflow:hidden;background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;color:var(--text-primary);line-height:1.2}a{color:var(--link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--link-hover)}button{font-family:inherit;border:none;background:transparent;cursor:pointer;color:inherit;outline:none}button:disabled{cursor:not-allowed;opacity:.6}input,textarea,select{font-family:inherit;color:var(--input-text);background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}input::placeholder,textarea::placeholder{color:var(--placeholder)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{filter:brightness(1.2)}@keyframes tokNudge{0%,to{transform:translate(0) rotate(0)}10%,30%,50%,70%,90%{transform:translate(-6px,4px) rotate(-1deg)}20%,40%,60%,80%{transform:translate(6px,-4px) rotate(1deg)}}.tok-nudge-active{animation:tokNudge .6s cubic-bezier(.36,.07,.19,.97) both}@keyframes pulseGlow{0%,to{box-shadow:0 0 #9333ea66}50%{box-shadow:0 0 0 10px #9333ea00}}.pulse-presence{animation:pulseGlow 2s infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-base) forwards}.presence-dot{width:12px;height:12px;border-radius:var(--radius-full);border:2px solid var(--surface);display:inline-block;flex-shrink:0}.presence-dot.available{background-color:var(--presence-available);box-shadow:0 0 6px var(--presence-available-glow)}.presence-dot.away{background-color:var(--presence-away);box-shadow:0 0 6px var(--presence-away-glow)}.presence-dot.busy{background-color:var(--presence-busy);box-shadow:0 0 6px var(--presence-busy-glow)}.presence-dot.invisible{background-color:var(--presence-invisible)}.presence-dot.offline{background-color:var(--presence-offline)}.app-container{display:flex;height:100%;width:100%;position:relative}.glass-panel{background:var(--surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border)}