@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--purple-50: #F5F3FF;--purple-100: #EDE9FE;--purple-200: #DDD6FE;--purple-300: #C4B5FD;--purple-400: #A78BFA;--purple-500: #8B5CF6;--purple-600: #7C3AED;--purple-700: #6D28D9;--purple-800: #5B21B6;--purple-900: #4C1D95;--bg-primary: #FFFFFF;--bg-secondary: #F9FAFB;--bg-tertiary: #F3F4F6;--bg-chat: #FAFBFC;--bg-elevated: #FFFFFF;--surface-primary: #FFFFFF;--surface-secondary: #F9FAFB;--surface-hover: #F3F4F6;--surface-active: #E5E7EB;--accent-primary: #7C3AED;--accent-secondary: #8B5CF6;--accent-tertiary: #A78BFA;--accent-light: #EDE9FE;--accent-danger: #EF4444;--accent-success: #10B981;--accent-warning: #F59E0B;--accent-info: #3B82F6;--text-primary: #111827;--text-secondary: #4B5563;--text-muted: #9CA3AF;--text-inverse: #FFFFFF;--text-link: #7C3AED;--text-on-accent: #FFFFFF;--border-light: #E5E7EB;--border-default: #D1D5DB;--border-strong: #9CA3AF;--border-focus: #7C3AED;--glass-bg: rgba(255, 255, 255, .8);--glass-bg-strong: rgba(255, 255, 255, .95);--glass-border: rgba(124, 58, 237, .1);--glass-border-hover: rgba(124, 58, 237, .2);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glow: 0 0 20px rgba(124, 58, 237, .3);--shadow-glow-strong: 0 0 40px rgba(124, 58, 237, .4);--shadow-purple: 0 4px 14px rgba(124, 58, 237, .25);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .06);--gradient-primary: linear-gradient(135deg, #7C3AED 0%, #A78BFA 100%);--gradient-secondary: linear-gradient(135deg, #8B5CF6 0%, #C4B5FD 100%);--gradient-subtle: linear-gradient(180deg, #FAFBFC 0%, #F3F4F6 100%);--gradient-accent: linear-gradient(135deg, #7C3AED 0%, #EC4899 100%);--gradient-mesh: radial-gradient(at 40% 20%, rgba(124, 58, 237, .1) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(167, 139, 250, .1) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(236, 72, 153, .05) 0px, transparent 50%);--gradient-sidebar: linear-gradient(180deg, #FFFFFF 0%, #F9FAFB 100%);--gradient-header: linear-gradient(180deg, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, .9) 100%);--bubble-sent: var(--accent-primary);--bubble-sent-text: #FFFFFF;--bubble-received: #F3F4F6;--bubble-received-text: #111827;--status-online: #10B981;--status-away: #F59E0B;--status-busy: #EF4444;--status-offline: #9CA3AF;--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", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, 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;--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);--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: 300px;--sidebar-collapsed-width: 72px;--bottom-nav-height: 64px;--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=dark],.dark{--bg-primary: #0A0A0F;--bg-secondary: #111118;--bg-tertiary: #1A1A24;--bg-chat: #0D0D12;--bg-elevated: #1A1A24;--surface-primary: #111118;--surface-secondary: #1A1A24;--surface-hover: #242432;--surface-active: #2E2E3F;--accent-light: rgba(124, 58, 237, .15);--text-primary: #F9FAFB;--text-secondary: #D1D5DB;--text-muted: #6B7280;--text-inverse: #111827;--border-light: #2E2E3F;--border-default: #3F3F50;--border-strong: #525266;--glass-bg: rgba(17, 17, 24, .8);--glass-bg-strong: rgba(17, 17, 24, .95);--glass-border: rgba(124, 58, 237, .15);--glass-border-hover: rgba(124, 58, 237, .25);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .6);--shadow-glow: 0 0 30px rgba(124, 58, 237, .4);--gradient-subtle: linear-gradient(180deg, #111118 0%, #1A1A24 100%);--gradient-sidebar: linear-gradient(180deg, #111118 0%, #0D0D12 100%);--gradient-header: linear-gradient(180deg, rgba(17, 17, 24, .95) 0%, rgba(17, 17, 24, .9) 100%);--gradient-mesh: radial-gradient(at 40% 20%, rgba(124, 58, 237, .15) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(167, 139, 250, .1) 0px, transparent 50%);--bubble-received: #1A1A24;--bubble-received-text: #F9FAFB}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:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}*{scrollbar-width:thin;scrollbar-color:var(--border-default) transparent}::selection{background:var(--accent-primary);color:var(--text-inverse)}: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:color var(--transition-fast)}a:hover{color:var(--accent-secondary)}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(--surface-secondary);padding:.2em .5em;border-radius:var(--radius-sm);color:var(--accent-primary)}pre{font-family:var(--font-mono);background:var(--surface-secondary);padding:var(--spacing-4);border-radius:var(--radius-lg);overflow-x:auto}.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(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.glass-strong{background:var(--glass-bg-strong);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--glass-border)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shadow-glow{box-shadow:var(--shadow-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(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@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)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--accent-primary)}50%{box-shadow:0 0 25px var(--accent-primary)}}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-fadeInUp{animation:fadeInUp .3s ease-out}.animate-fadeInDown{animation:fadeInDown .3s ease-out}.animate-slideInLeft{animation:slideInLeft .3s ease-out}.animate-slideInRight{animation:slideInRight .3s ease-out}.animate-scaleIn{animation:scaleIn .2s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:float 3s ease-in-out infinite}@media (min-width: 640px){:root{--header-height: 64px}}@media (min-width: 768px){:root{--sidebar-width: 280px}}@media (min-width: 1024px){:root{--sidebar-width: 300px}}@media (min-width: 1280px){:root{--sidebar-width: 320px}}@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(124,58,237,.15);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(.97);opacity:.9}}@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{animation:none!important}}@media (prefers-contrast: high){:root{--border-light: #6B7280;--border-default: #4B5563;--text-muted: #6B7280;--shadow-sm: none;--shadow-md: none;--shadow-lg: 0 0 0 2px var(--text-primary)}}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg-primary: #0A0A0F;--bg-secondary: #111118;--text-primary: #F9FAFB}}@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}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.interactive{cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.interactive:active{transform:scale(.97);opacity:.9}.focus-ring:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}html{scroll-behavior:smooth}