@import"https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--violet-50: #F5F3FF;--violet-100: #EDE9FE;--violet-200: #DDD6FE;--violet-300: #C4B5FD;--violet-400: #A78BFA;--violet-500: #8B5CF6;--violet-600: #7C3AED;--violet-700: #6D28D9;--violet-800: #5B21B6;--violet-900: #4C1D95;--pink-50: #FDF2F8;--pink-100: #FCE7F3;--pink-200: #FBCFE8;--pink-300: #F9A8D4;--pink-400: #F472B6;--pink-500: #EC4899;--pink-600: #DB2777;--pink-700: #BE185D;--pink-800: #9D174D;--pink-900: #831843;--cyan-50: #ECFEFF;--cyan-100: #CFFAFE;--cyan-200: #A5F3FC;--cyan-300: #67E8F9;--cyan-400: #22D3EE;--cyan-500: #06B6D4;--cyan-600: #0891B2;--cyan-700: #0E7490;--cyan-800: #155E75;--cyan-900: #164E63;--bg-primary: #0F0F1A;--bg-secondary: #1A1A2E;--bg-tertiary: #16162A;--bg-chat: #0F0F1A;--bg-elevated: #1E1E3A;--bg-card: rgba(30, 30, 58, .6);--surface-primary: #1A1A2E;--surface-secondary: #242444;--surface-hover: #2A2A4A;--surface-active: #323258;--accent-primary: #8B5CF6;--accent-secondary: #06B6D4;--accent-tertiary: #EC4899;--accent-light: rgba(139, 92, 246, .15);--accent-danger: #F43F5E;--accent-success: #10B981;--accent-warning: #F59E0B;--accent-info: #3B82F6;--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-muted: #94A3B8;--text-inverse: #0F172A;--text-link: #A78BFA;--text-on-accent: #FFFFFF;--border-light: rgba(139, 92, 246, .2);--border-default: rgba(139, 92, 246, .3);--border-strong: rgba(139, 92, 246, .4);--border-focus: #A78BFA;--border-glow: rgba(139, 92, 246, .5);--glass-bg: rgba(30, 30, 58, .4);--glass-bg-strong: rgba(30, 30, 58, .7);--glass-bg-light: rgba(139, 92, 246, .1);--glass-border: rgba(139, 92, 246, .2);--glass-border-hover: rgba(139, 92, 246, .4);--glass-blur: 20px;--glass-blur-strong: 30px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .7);--shadow-2xl: 0 24px 64px rgba(0, 0, 0, .8);--shadow-glow: 0 0 20px rgba(139, 92, 246, .4);--shadow-glow-strong: 0 0 40px rgba(139, 92, 246, .6);--shadow-glow-pink: 0 0 20px rgba(236, 72, 153, .4);--shadow-glow-cyan: 0 0 20px rgba(6, 182, 212, .4);--shadow-purple: 0 4px 20px rgba(139, 92, 246, .4);--shadow-pink: 0 4px 20px rgba(236, 72, 153, .3);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .3);--gradient-primary: linear-gradient(135deg, #8B5CF6 0%, #EC4899 100%);--gradient-secondary: linear-gradient(135deg, #06B6D4 0%, #3B82F6 100%);--gradient-accent: linear-gradient(135deg, #A78BFA 0%, #F472B6 100%);--gradient-cosmic: linear-gradient(135deg, #667EEA 0%, #764BA2 50%, #EC4899 100%);--gradient-aurora: linear-gradient(135deg, #06B6D4 0%, #8B5CF6 50%, #EC4899 100%);--gradient-sunset: linear-gradient(135deg, #F472B6 0%, #FB923C 100%);--gradient-ocean: linear-gradient(135deg, #06B6D4 0%, #3B82F6 100%);--gradient-subtle: linear-gradient(180deg, #1A1A2E 0%, #0F0F1A 100%);--gradient-card: linear-gradient(135deg, rgba(139, 92, 246, .1) 0%, rgba(236, 72, 153, .1) 100%);--gradient-mesh: radial-gradient(at 40% 20%, rgba(139, 92, 246, .15) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(6, 182, 212, .1) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(236, 72, 153, .1) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(139, 92, 246, .08) 0px, transparent 50%);--gradient-sidebar: linear-gradient(180deg, rgba(30, 30, 58, .9) 0%, rgba(15, 15, 26, .95) 100%);--gradient-header: linear-gradient(180deg, rgba(26, 26, 46, .95) 0%, rgba(26, 26, 46, .85) 100%);--gradient-button: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 50%, #EC4899 100%);--gradient-button-hover: linear-gradient(135deg, #A78BFA 0%, #8B5CF6 50%, #F472B6 100%);--bubble-sent: linear-gradient(135deg, #8B5CF6 0%, #EC4899 100%);--bubble-sent-solid: #8B5CF6;--bubble-sent-text: #FFFFFF;--bubble-received: rgba(30, 30, 58, .8);--bubble-received-text: #F8FAFC;--bubble-sent-radius: 20px 20px 4px 20px;--bubble-received-radius: 20px 20px 20px 4px;--status-online: #10B981;--status-away: #F59E0B;--status-busy: #F43F5E;--status-offline: #64748B;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-xs: var(--spacing-1);--spacing-sm: var(--spacing-2);--spacing-md: var(--spacing-4);--spacing-lg: var(--spacing-6);--spacing-xl: var(--spacing-8);--radius-none: 0;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--font-sans: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-display: "Poppins", "Inter", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--transition-bounce: .6s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--header-height: 64px;--sidebar-width: 280px;--sidebar-collapsed-width: 72px;--bottom-nav-height: 70px;--chat-max-width: 900px;--content-max-width: 1400px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}[data-theme=light],.light{--bg-primary: #FAFAFF;--bg-secondary: #F5F3FF;--bg-tertiary: #EDE9FE;--bg-chat: #FAFAFF;--bg-elevated: #FFFFFF;--bg-card: rgba(255, 255, 255, .8);--surface-primary: #FFFFFF;--surface-secondary: #F5F3FF;--surface-hover: #EDE9FE;--surface-active: #DDD6FE;--accent-light: rgba(139, 92, 246, .1);--text-primary: #1E1B4B;--text-secondary: #4C1D95;--text-muted: #7C3AED;--text-inverse: #FFFFFF;--border-light: rgba(139, 92, 246, .15);--border-default: rgba(139, 92, 246, .2);--border-strong: rgba(139, 92, 246, .3);--glass-bg: rgba(255, 255, 255, .7);--glass-bg-strong: rgba(255, 255, 255, .9);--glass-bg-light: rgba(139, 92, 246, .05);--glass-border: rgba(139, 92, 246, .15);--glass-border-hover: rgba(139, 92, 246, .25);--shadow-sm: 0 2px 8px rgba(139, 92, 246, .1);--shadow-md: 0 4px 16px rgba(139, 92, 246, .15);--shadow-lg: 0 8px 32px rgba(139, 92, 246, .2);--shadow-xl: 0 16px 48px rgba(139, 92, 246, .25);--shadow-glow: 0 0 20px rgba(139, 92, 246, .2);--shadow-glow-strong: 0 0 40px rgba(139, 92, 246, .3);--gradient-subtle: linear-gradient(180deg, #FFFFFF 0%, #F5F3FF 100%);--gradient-sidebar: linear-gradient(180deg, rgba(255, 255, 255, .95) 0%, rgba(245, 243, 255, .98) 100%);--gradient-header: linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .95) 100%);--gradient-mesh: radial-gradient(at 40% 20%, rgba(139, 92, 246, .08) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(6, 182, 212, .05) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(236, 72, 153, .05) 0px, transparent 50%);--gradient-card: linear-gradient(135deg, rgba(139, 92, 246, .05) 0%, rgba(236, 72, 153, .05) 100%);--bubble-received: rgba(237, 233, 254, .8);--bubble-received-text: #1E1B4B}html{font-size:16px;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-primary);background-image:var(--gradient-mesh);min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}html{height:-webkit-fill-available}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:var(--radius-full);transition:all var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--gradient-accent);box-shadow:var(--shadow-glow)}*{scrollbar-width:thin;scrollbar-color:var(--accent-primary) transparent}::selection{background:var(--accent-primary);color:var(--text-on-accent)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}a{color:var(--text-link);text-decoration:none;transition:all var(--transition-fast)}a:hover{color:var(--accent-tertiary);text-shadow:0 0 10px currentColor}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit;padding:0;transition:all var(--transition-fast)}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--text-primary);background:transparent;border:none;outline:none}input::placeholder,textarea::placeholder{color:var(--text-muted)}code{font-family:var(--font-mono);font-size:.9em;background:var(--glass-bg);padding:.2em .5em;border-radius:var(--radius-sm);color:var(--accent-tertiary)}pre{font-family:var(--font-mono);background:var(--glass-bg);padding:var(--spacing-4);border-radius:var(--radius-lg);overflow-x:auto;border:1px solid var(--glass-border)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--shadow-glow)}.glass-strong{background:var(--glass-bg-strong);backdrop-filter:blur(var(--glass-blur-strong));-webkit-backdrop-filter:blur(var(--glass-blur-strong));border:1px solid var(--glass-border);box-shadow:var(--shadow-glow)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.glass-hover:hover{border-color:var(--glass-border-hover);box-shadow:var(--shadow-glow-strong);transform:translateY(-2px)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-cosmic{background:var(--gradient-cosmic);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-aurora{background:var(--gradient-aurora);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shadow-glow{box-shadow:var(--shadow-glow)}.shadow-glow-strong{box-shadow:var(--shadow-glow-strong)}.shadow-glow-pink{box-shadow:var(--shadow-glow-pink)}.shadow-glow-cyan{box-shadow:var(--shadow-glow-cyan)}.glow-border{border:1px solid var(--border-glow);box-shadow:0 0 15px var(--border-glow)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(1deg)}50%{transform:translateY(-10px) rotate(0)}75%{transform:translateY(-5px) rotate(-1deg)}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--accent-primary),0 0 10px var(--accent-primary)}50%{box-shadow:0 0 20px var(--accent-primary),0 0 40px var(--accent-primary)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.1)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.animate-fadeIn{animation:fadeIn .4s ease-out}.animate-fadeInUp{animation:fadeInUp .5s ease-out}.animate-fadeInDown{animation:fadeInDown .5s ease-out}.animate-slideInLeft{animation:slideInLeft .4s ease-out}.animate-slideInRight{animation:slideInRight .4s ease-out}.animate-scaleIn{animation:scaleIn .3s ease-out}.animate-popIn{animation:popIn .4s cubic-bezier(.68,-.55,.265,1.55)}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-bounce{animation:bounce 1.5s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:float 4s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-gradient{background-size:200% 200%;animation:gradientShift 3s ease infinite}.animate-heartbeat{animation:heartbeat 1s ease-in-out infinite}.animate-wiggle{animation:wiggle .5s ease-in-out}@media (min-width: 640px){:root{--header-height: 64px}}@media (min-width: 768px){:root{--sidebar-width: 260px}}@media (min-width: 1024px){:root{--sidebar-width: 280px}}@media (min-width: 1280px){:root{--sidebar-width: 300px}}@media (max-width: 767px){:root{--header-height: 56px;--sidebar-width: 100%;--spacing-md: .875rem;--spacing-lg: 1.25rem;--bottom-nav-height: 70px}body{font-size:15px;-webkit-text-size-adjust:100%;text-size-adjust:100%}*{-webkit-overflow-scrolling:touch}.gpu-accelerated,[class*=animate-],[class*=transition-]{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}}@media (hover: none) and (pointer: coarse){button,a,[role=button]{min-height:44px;min-width:44px}*:hover{transition-duration:0s!important}button,a,[role=button],[onclick]{-webkit-tap-highlight-color:rgba(139,92,246,.2);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}input,textarea,select{font-size:16px!important}.scrollable{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}@media (hover: none){button:active,a:active,[role=button]:active{transform:scale(.95);opacity:.85}}@media (max-width: 767px) and (orientation: landscape){:root{--header-height: 48px;--bottom-nav-height: 56px}}@media (max-width: 380px){:root{--spacing-md: .75rem;--spacing-lg: 1rem;--text-base: .9375rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.essential-transition{transition-duration:.1s!important}[data-parallax],.parallax{transform:none!important}.animate-float,.animate-bounce,.animate-pulse,.animate-glow{animation:none!important}}@media (prefers-contrast: high){:root{--border-light: #A78BFA;--border-default: #8B5CF6;--text-muted: #A78BFA;--shadow-sm: none;--shadow-md: none;--shadow-lg: 0 0 0 2px var(--text-primary)}}@media print{body{background:#fff;color:#000}.no-print{display:none!important}}@media (max-width: 768px){.hide-mobile{display:none!important}}.show-mobile{display:none!important}@media (max-width: 768px){.show-mobile{display:block!important}}.safe-area-top{padding-top:env(safe-area-inset-top,0)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0)}.safe-area-left{padding-left:env(safe-area-inset-left,0)}.safe-area-right{padding-right:env(safe-area-inset-right,0)}.safe-area-all{padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}.touch-none{touch-action:none}.touch-pan-x{touch-action:pan-x}.touch-pan-y{touch-action:pan-y}.touch-manipulation{touch-action:manipulation}.no-select{-webkit-user-select:none;user-select:none}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.scroll-smooth{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.scrollbar-hide{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-hide::-webkit-scrollbar{display:none}.btn-mobile{min-height:48px;min-width:48px;padding:var(--spacing-3) var(--spacing-4);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.btn-fancy{background:var(--gradient-button);background-size:200% 200%;color:#fff;border:none;border-radius:var(--radius-xl);padding:var(--spacing-3) var(--spacing-6);font-weight:var(--font-semibold);box-shadow:var(--shadow-purple);transition:all var(--transition-normal)}.btn-fancy:hover{background:var(--gradient-button-hover);box-shadow:var(--shadow-glow-strong);transform:translateY(-2px) scale(1.02)}.btn-fancy:active{transform:translateY(0) scale(.98)}.skeleton{background:linear-gradient(90deg,var(--surface-secondary) 25%,var(--surface-hover) 50%,var(--surface-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.interactive{cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.interactive:active{transform:scale(.97);opacity:.9}.focus-ring:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;box-shadow:var(--shadow-glow)}.gradient-border{position:relative;background:var(--bg-card);border-radius:var(--radius-xl)}.gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;background:var(--gradient-primary);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.neon-text{text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 20px currentColor,0 0 40px currentColor}.card-hover{transition:all var(--transition-normal)}.card-hover:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-glow-strong);border-color:var(--border-glow)}html{scroll-behavior:smooth}