@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--background: 10 12 20;--background-secondary: 14 17 28;--background-tertiary: 18 22 36;--foreground: 237 238 242;--card: 16 19 30;--card-foreground: 237 238 242;--card-hover: 22 26 42;--primary: 99 102 241;--primary-foreground: 255 255 255;--primary-glow: 139 92 246;--primary-soft: 99 102 241;--secondary: 22 26 42;--secondary-foreground: 148 163 184;--muted: 30 34 52;--muted-foreground: 100 116 139;--accent: 232 168 56;--accent-foreground: 255 255 255;--destructive: 239 68 68;--destructive-foreground: 255 255 255;--border: 30 35 55;--border-light: 38 43 65;--ring: 99 102 241;--success: 16 185 129;--warning: 245 158 11;--info: 56 189 248;--gradient-primary: linear-gradient(135deg, rgb(99 102 241), rgb(139 92 246));--gradient-dark: linear-gradient(135deg, rgb(10 12 20) 0%, rgb(18 15 40) 50%, rgb(10 12 20) 100%);--gradient-accent: linear-gradient(135deg, rgb(232 168 56), rgb(245 158 11));--gradient-success: linear-gradient(135deg, rgb(16 185 129), rgb(52 211 153));--gradient-card: linear-gradient(135deg, rgba(22, 26, 42, .8), rgba(16, 19, 30, .6));--gradient-glass: linear-gradient(135deg, rgba(255,255,255,.03), rgba(255,255,255,.01));--gradient-surface: linear-gradient(180deg, rgb(18 22 36) 0%, rgb(14 17 28) 100%);--shadow-soft: 0 1px 3px 0 rgb(0 0 0 / .3), 0 1px 2px -1px rgb(0 0 0 / .3);--shadow-card: 0 4px 16px -2px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .2);--shadow-elevated: 0 12px 40px -8px rgb(0 0 0 / .5), 0 4px 16px -4px rgb(0 0 0 / .3);--shadow-primary: 0 8px 30px -5px rgb(99 102 241 / .25);--shadow-glow: 0 0 30px -5px rgb(99 102 241 / .15);--shadow-inner: inset 0 1px 0 0 rgba(255,255,255,.03);--radius-xs: 6px;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:rgb(var(--background));color:rgb(var(--foreground));font-feature-settings:"cv02","cv03","cv04","cv11";letter-spacing:-.01em}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff1f}.orb{position:relative;border-radius:50%;background:radial-gradient(circle at 35% 35%,#8b5cf666,#6366f133 40%,#10131ecc 70%);box-shadow:0 0 60px 10px #6366f126,0 0 120px 30px #8b5cf614,inset 0 0 40px #ffffff0d}.orb:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:conic-gradient(from 0deg,transparent,rgba(99,102,241,.3),transparent,rgba(139,92,246,.2),transparent);animation:orb-rotate 8s linear infinite;opacity:.6}.orb:after{content:"";position:absolute;top:15%;left:20%;width:35%;height:25%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.12),transparent);filter:blur(8px)}.orb-pulse{animation:orb-breathe 4s ease-in-out infinite}.orb-thinking{animation:orb-breathe 1.5s ease-in-out infinite}.orb-thinking:before{animation:orb-rotate 2s linear infinite}@keyframes orb-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orb-breathe{0%,to{transform:scale(1);box-shadow:0 0 60px 10px #6366f126,0 0 120px 30px #8b5cf614,inset 0 0 40px #ffffff0d}50%{transform:scale(1.04);box-shadow:0 0 80px 15px #6366f138,0 0 150px 40px #8b5cf61f,inset 0 0 50px #ffffff12}}@keyframes orb-glow-ring{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.08)}}.glass-card{background:linear-gradient(135deg,#ffffff0a,#ffffff03);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow-inner),0 4px 30px #0000004d}.glass-card-strong{background:linear-gradient(135deg,#161a2ad9,#10131ea6);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-inner),var(--shadow-card)}.surface-card{background:rgb(var(--card));border:1px solid rgb(var(--border));box-shadow:var(--shadow-inner);transition:all .2s cubic-bezier(.4,0,.2,1)}.surface-card:hover{border-color:rgb(var(--border-light));box-shadow:var(--shadow-inner),var(--shadow-card)}.interactive-card{background:rgb(var(--card));border:1px solid rgb(var(--border));box-shadow:var(--shadow-inner);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.interactive-card:hover{border-color:rgb(var(--border-light));transform:translateY(-2px);box-shadow:var(--shadow-inner),var(--shadow-elevated)}.interactive-card:active{transform:translateY(0) scale(.98);transition:transform .1s ease}.btn-primary{background:var(--gradient-primary);color:#fff;font-weight:600;border-radius:var(--radius);padding:10px 20px;font-size:13px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-primary);border:none;cursor:pointer}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-primary),0 0 20px #6366f133}.btn-primary:active{transform:translateY(0) scale(.97);transition:transform .1s ease}.btn-ghost{background:transparent;color:rgb(var(--muted-foreground));font-weight:500;border-radius:var(--radius-sm);padding:8px 14px;font-size:13px;transition:all .15s ease;border:1px solid transparent;cursor:pointer}.btn-ghost:hover{background:#ffffff0a;color:rgb(var(--foreground));border-color:rgb(var(--border))}.btn-secondary{background:rgb(var(--secondary));color:rgb(var(--foreground));font-weight:600;border-radius:var(--radius);padding:10px 20px;font-size:13px;transition:all .15s ease;border:1px solid rgb(var(--border));cursor:pointer}.btn-secondary:hover{background:rgb(var(--card-hover));border-color:rgb(var(--border-light))}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em}.badge-primary{background:rgb(var(--primary) / .12);color:rgb(var(--primary));border:1px solid rgb(var(--primary) / .15)}.badge-success{background:rgb(var(--success) / .12);color:rgb(var(--success));border:1px solid rgb(var(--success) / .15)}.badge-accent{background:rgb(var(--accent) / .12);color:rgb(var(--accent));border:1px solid rgb(var(--accent) / .15)}.stat-glow{position:relative}.stat-glow:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease;z-index:-1;filter:blur(8px)}.stat-glow:hover:before{opacity:.15}.text-gradient-primary{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-accent{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dot-pattern{background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:24px 24px}.grid-pattern{background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:48px 48px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-soft{0%,to{opacity:.4}50%{opacity:.8}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes count-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #6366f126}50%{box-shadow:0 0 40px #6366f14d}}.animate-fade-in{animation:fade-in .4s cubic-bezier(.4,0,.2,1)}.animate-fade-in-up{animation:fade-in-up .5s cubic-bezier(.16,1,.3,1)}.animate-fade-in-down{animation:fade-in-down .5s cubic-bezier(.16,1,.3,1)}.animate-slide-in-right{animation:slide-in-right .4s cubic-bezier(.16,1,.3,1)}.animate-slide-in-left{animation:slide-in-left .4s cubic-bezier(.16,1,.3,1)}.animate-slide-up{animation:slide-up .4s cubic-bezier(.16,1,.3,1)}.animate-float{animation:float 4s ease-in-out infinite}.animate-scale-in{animation:scale-in .3s cubic-bezier(.16,1,.3,1)}.animate-glow-pulse{animation:glow-pulse 3s ease-in-out infinite}.stagger-children>*{opacity:0;animation:fade-in-up .5s cubic-bezier(.16,1,.3,1) forwards}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:60ms}.stagger-children>*:nth-child(3){animation-delay:.12s}.stagger-children>*:nth-child(4){animation-delay:.18s}.stagger-children>*:nth-child(5){animation-delay:.24s}.stagger-children>*:nth-child(6){animation-delay:.3s}.skeleton{background:linear-gradient(90deg,rgb(var(--muted)) 25%,rgb(var(--border)),rgb(var(--muted)) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.focus-ring:focus-visible{outline:2px solid rgb(var(--primary));outline-offset:2px}.sidebar-item{display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:rgb(var(--muted-foreground));transition:all .15s ease;cursor:pointer;width:100%;text-align:left;border:none;background:transparent}.sidebar-item:hover{background:#ffffff0a;color:rgb(var(--foreground))}.sidebar-item-active{background:rgb(var(--primary) / .1);color:rgb(var(--primary))}@supports (padding-bottom: env(safe-area-inset-bottom)){.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}}::selection{background:rgb(var(--primary) / .3);color:rgb(var(--foreground))}.input-dark{background:rgb(var(--secondary));border:1px solid rgb(var(--border));border-radius:var(--radius);padding:10px 14px;font-size:13px;color:rgb(var(--foreground));transition:all .15s ease;outline:none;width:100%}.input-dark::placeholder{color:rgb(var(--muted-foreground))}.input-dark:focus{border-color:rgb(var(--primary));box-shadow:0 0 0 3px rgb(var(--primary) / .1)}.markdown-content h1,.markdown-content h2,.markdown-content h3{font-weight:700;margin-bottom:8px;color:rgb(var(--foreground))}.markdown-content h1{font-size:20px}.markdown-content h2{font-size:16px}.markdown-content h3{font-size:14px}.markdown-content p{margin-bottom:12px;line-height:1.7;color:rgb(var(--secondary-foreground));font-size:13.5px}.markdown-content ul,.markdown-content ol{margin-bottom:12px;padding-left:20px;color:rgb(var(--secondary-foreground));font-size:13.5px}.markdown-content li{margin-bottom:4px;line-height:1.6}.markdown-content code{background:rgb(var(--muted));padding:2px 6px;border-radius:4px;font-family:monospace;font-size:12px}.markdown-content pre{background:rgb(var(--muted));padding:16px;border-radius:var(--radius);overflow-x:auto;margin-bottom:12px;border:1px solid rgb(var(--border))}.markdown-content strong{color:rgb(var(--foreground));font-weight:600}.markdown-content blockquote{border-left:3px solid rgb(var(--primary));padding-left:16px;margin:12px 0;color:rgb(var(--muted-foreground));font-style:italic}.progress-ring-bg{stroke:#ffffff0f}.progress-ring-fill{stroke:url(#orbGradient);transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1);stroke-linecap:round}.insight-card{background:linear-gradient(135deg,#6366f114,#8b5cf60a);border:1px solid rgba(99,102,241,.12);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;min-width:56px;font-size:9px;font-weight:600;transition:all .15s ease;position:relative}.mobile-nav-item.active{color:rgb(var(--primary))}.mobile-nav-item.active:before{content:"";position:absolute;top:-1px;width:20px;height:2px;border-radius:999px;background:var(--gradient-primary)}
