@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=SF+Pro+Display:wght@300;400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--bg-void: #000000;--bg-primary: #0c0c0e;--bg-secondary: #141416;--bg-tertiary: #1c1c1e;--bg-elevated: #2c2c2e;--accent-primary: #c9a962;--accent-secondary: #a88a4a;--accent-glow: rgba(201, 169, 98, .15);--success: #32d74b;--warning: #ff9f0a;--error: #ff453a;--info: #0a84ff;--text-primary: #f5f5f7;--text-secondary: #86868b;--text-tertiary: #48484a;--text-quaternary: #3a3a3c;--border-subtle: rgba(255, 255, 255, .04);--border-light: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-xl: 0 24px 64px rgba(0, 0, 0, .7);--blur-sm: 8px;--blur-md: 16px;--blur-lg: 32px;--blur-xl: 64px;--background: 0 0 0;--foreground: 245 245 247;--card: 12 12 14;--card-foreground: 245 245 247;--primary: 201 169 98;--primary-foreground: 0 0 0;--secondary: 28 28 30;--secondary-foreground: 245 245 247;--muted: 44 44 46;--muted-foreground: 134 134 139;--accent: 44 44 46;--accent-foreground: 245 245 247;--border: 255 255 255 / .08;--input: 255 255 255 / .08;--ring: 201 169 98;--cream: #FAF9F6;--cream-dark: #F5F0EB;--cream-darker: #EBE6E1}.light{--bg-void: #FAF9F6;--bg-primary: #FAF9F6;--bg-secondary: #F5F0EB;--bg-tertiary: #EBE6E1;--bg-elevated: #FFFFFF;--accent-primary: #f59e0b;--accent-secondary: #d97706;--accent-glow: rgba(245, 158, 11, .15);--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--text-primary: #18181b;--text-secondary: #71717a;--text-tertiary: #a1a1aa;--text-quaternary: #d4d4d8;--border-subtle: rgba(0, 0, 0, .04);--border-light: rgba(0, 0, 0, .08);--border-medium: rgba(0, 0, 0, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-xl: 0 24px 64px rgba(0, 0, 0, .16);--background: 255 255 255;--foreground: 24 24 27;--card: 255 255 255;--card-foreground: 24 24 27;--primary: 245 158 11;--primary-foreground: 255 255 255;--secondary: 244 244 245;--secondary-foreground: 24 24 27;--muted: 244 244 245;--muted-foreground: 113 113 122;--accent: 244 244 245;--accent-foreground: 24 24 27;--border: 228 228 231;--input: 228 228 231;--ring: 245 158 11}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;background:var(--bg-void);color:var(--text-primary);letter-spacing:-.01em;transition:background-color .3s ease,color .3s ease}.light body,body.light{background:var(--bg-void);color:var(--text-primary)}}@layer utilities{.bg-cream{background-color:#faf9f6}.bg-cream-dark{background-color:#f5f0eb}.bg-cream-darker{background-color:#ebe6e1}.glass-ultra{background:#1c1c1eb8;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.05)}.glass-subtle{background:#141416cc;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(255,255,255,.03)}.glass-card{background:linear-gradient(135deg,#ffffff08,#ffffff03);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.06);box-shadow:0 0 0 1px #0000004d inset,var(--shadow-lg)}.surface-0{background:var(--bg-void)}.surface-1{background:var(--bg-primary)}.surface-2{background:var(--bg-secondary)}.surface-3{background:var(--bg-tertiary)}.surface-4{background:var(--bg-elevated)}.text-gradient-premium{background:linear-gradient(135deg,#f5f5f7,#86868b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-gold{background:linear-gradient(135deg,#e8d5a3,#c9a962,#a88a4a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-shine{background:linear-gradient(90deg,var(--text-primary) 0%,var(--text-secondary) 50%,var(--text-primary) 100%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shine 3s linear infinite}.btn-primary{background:linear-gradient(180deg,#d4b06a,#c9a962,#b8983f);color:#000;font-weight:600;letter-spacing:-.01em;border:none;box-shadow:0 1px #ffffff26 inset,0 2px 8px #c9a9624d,0 4px 16px #0000004d;transition:all .2s ease}.btn-primary:hover{background:linear-gradient(180deg,#e0be78,#d4b06a,#c9a962);box-shadow:0 1px #fff3 inset,0 4px 16px #c9a96266,0 8px 32px #0006;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:0 1px #ffffff1a inset,0 2px 4px #c9a96233}.btn-secondary{background:#ffffff0f;color:var(--text-primary);font-weight:500;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-sm);transition:all .2s ease}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff26}.btn-ghost{background:transparent;color:var(--text-secondary);font-weight:500;border:none;transition:all .15s ease}.btn-ghost:hover{background:#ffffff0d;color:var(--text-primary)}.input-premium{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-primary);font-weight:400;transition:all .2s ease}.input-premium:hover{border-color:#ffffff1f}.input-premium:focus{background:#ffffff0f;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.input-premium::placeholder{color:var(--text-tertiary)}.card-premium{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1)}.card-premium:hover{border-color:var(--border-light);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-interactive{cursor:pointer}.card-interactive:active{transform:scale(.98)}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-light),transparent)}.divider-vertical{width:1px;background:linear-gradient(180deg,transparent,var(--border-light),transparent)}.badge-premium{background:linear-gradient(135deg,#c9a96233,#c9a9621a);color:var(--accent-primary);font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:3px 8px;border-radius:6px;border:1px solid rgba(201,169,98,.2)}.badge-success{background:#32d74b1a;color:var(--success);border:1px solid rgba(50,215,75,.2)}.badge-warning{background:#ff9f0a1a;color:var(--warning);border:1px solid rgba(255,159,10,.2)}.badge-error{background:#ff453a1a;color:var(--error);border:1px solid rgba(255,69,58,.2)}.glow-accent{box-shadow:0 0 60px -12px var(--accent-glow)}.glow-success{box-shadow:0 0 40px -8px #32d74b33}.ring-accent{box-shadow:0 0 0 2px var(--accent-primary)}}@keyframes shine{0%{background-position:200% center}to{background-position:-200% center}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.7}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}}.animate-fadeIn{animation:fadeIn .3s ease-out forwards}.animate-fadeInUp{animation:fadeInUp .4s cubic-bezier(.16,1,.3,1) forwards}.animate-fadeInScale{animation:fadeInScale .3s cubic-bezier(.16,1,.3,1) forwards}.animate-slideInRight{animation:slideInRight .3s ease-out forwards}.animate-pulse-subtle{animation:pulse-subtle 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-spin-slow{animation:spin-slow 8s linear infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}.delay-1{animation-delay:50ms}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff1f}.light ::-webkit-scrollbar-track{background:#faf9f6}.light ::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:4px}.light ::-webkit-scrollbar-thumb:hover{background:#a1a1aa}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}::selection{background:#c9a9624d;color:#fff}input,textarea,select{font-family:Inter,-apple-system,sans-serif}input::placeholder,textarea::placeholder{color:var(--text-tertiary);opacity:1}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.text-display{font-weight:600;letter-spacing:-.03em;line-height:1.1}.text-headline{font-weight:600;letter-spacing:-.02em;line-height:1.2}.text-title{font-weight:500;letter-spacing:-.01em;line-height:1.3}.text-body{font-weight:400;letter-spacing:-.01em;line-height:1.5}.text-caption{font-weight:400;letter-spacing:0;line-height:1.4;color:var(--text-secondary)}.text-overline{font-weight:600;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.font-mono{font-family:SF Mono,JetBrains Mono,ui-monospace,monospace;font-feature-settings:"tnum" 1}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-elevated) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:8px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes andreas-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.animate-breathe{animation:andreas-breathe 4s ease-in-out infinite}@keyframes andreas-blink{0%,45%,55%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}.animate-blink{animation:andreas-blink 4s ease-in-out infinite;transform-origin:center}@keyframes andreas-nod{0%,to{transform:rotate(0)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}.animate-nod{animation:andreas-nod 2s ease-in-out infinite;transform-origin:center bottom}@keyframes andreas-wave{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.animate-wave{animation:andreas-wave 1.5s ease-in-out infinite;transform-origin:20px 110px}@keyframes andreas-point-up{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.animate-point-up{animation:andreas-point-up 1s ease-in-out infinite}@keyframes andreas-think{0%,to{transform:translate(0)}50%{transform:translate(2px)}}.animate-think{animation:andreas-think 2s ease-in-out infinite}@keyframes andreas-thumbs-up{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-5deg) scale(1.05)}75%{transform:rotate(5deg) scale(1.05)}}.animate-thumbs-up{animation:andreas-thumbs-up .8s ease-in-out infinite;transform-origin:center bottom}@keyframes andreas-stop{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-stop{animation:andreas-stop 1s ease-in-out infinite}@keyframes andreas-pulse-glow{0%,to{opacity:1;filter:drop-shadow(0 0 8px rgba(201,169,98,.6))}50%{opacity:.8;filter:drop-shadow(0 0 16px rgba(201,169,98,.8))}}.animate-pulse-glow{animation:andreas-pulse-glow 1.5s ease-in-out infinite}@keyframes andreas-sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.animate-sparkle{animation:andreas-sparkle .8s ease-in-out infinite}.andreas-body,.andreas-head,.andreas-left-arm,.andreas-right-arm,.andreas-eyes{transition:all .3s ease-out}.bg-grid-subtle{background-image:linear-gradient(to right,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.02) 1px,transparent 1px);background-size:48px 48px}.bg-dots-subtle{background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:24px 24px}.perspective-1000{perspective:1000px}.preserve-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden}.glass-panel{@apply glass-ultra;}.glass-panel-light{background:#ffffffe6;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid rgba(0,0,0,.05)}.light .glass-ultra{background:#ffffffb8;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(0,0,0,.05)}.light .glass-subtle{background:#fffc;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(0,0,0,.03)}.light .glass-card{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(0,0,0,.06);box-shadow:0 0 0 1px #ffffff80 inset,var(--shadow-lg)}.light .btn-secondary{background:#0000000a;color:var(--text-primary);border:1px solid rgba(0,0,0,.1)}.light .btn-secondary:hover{background:#00000014;border-color:#00000026}.light .btn-ghost:hover{background:#0000000d}.light .input-premium{background:#00000005;border:1px solid rgba(0,0,0,.08)}.light .input-premium:hover{border-color:#0000001f}.light .input-premium:focus{background:#0000000a;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.light .card-premium{background:var(--bg-elevated);border:1px solid var(--border-subtle)}.light .card-premium:hover{border-color:var(--border-light)}.light .divider{background:linear-gradient(90deg,transparent,var(--border-light),transparent)}.light .divider-vertical{background:linear-gradient(180deg,transparent,var(--border-light),transparent)}.light .skeleton{background:linear-gradient(90deg,#ebe6e1,#faf9f6,#ebe6e1);background-size:200% 100%}.light .bg-grid-subtle{background-image:linear-gradient(to right,rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.03) 1px,transparent 1px)}.light .bg-dots-subtle{background-image:radial-gradient(rgba(0,0,0,.06) 1px,transparent 1px)}.btn-gold{@apply btn-primary;}.text-gradient-gold{background:linear-gradient(135deg,#e8d5a3,#c9a962,#a88a4a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-hover{@apply transition-all duration-300;}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.glow-gold{box-shadow:0 0 40px #c9a96226}.glow-emerald{box-shadow:0 0 40px #32d74b26}.transition-smooth{transition:all .3s cubic-bezier(.4,0,.2,1)}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.animate-slide-up{animation:fadeInUp .4s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-in-right{animation:slideInRight .3s ease-out forwards}.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);background-size:200% 100%;animation:shine 2s infinite}.animate-gradient{background-size:200% 200%;animation:shine 8s ease infinite}.animate-rotate-slow{animation:spin-slow 20s linear infinite}.animate-scale-pulse{animation:pulse-subtle 4s ease-in-out infinite}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff0f}@keyframes character-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes character-wave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes character-think{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-2px) rotate(2deg)}75%{transform:translateY(-2px) rotate(-2deg)}}@keyframes character-celebrate{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-5deg)}50%{transform:scale(1.1) rotate(5deg)}75%{transform:scale(1.05) rotate(-3deg)}to{transform:scale(1) rotate(0)}}@keyframes character-pulse-glow{0%,to{box-shadow:0 0 20px #f59e0b4d}50%{box-shadow:0 0 40px #f59e0b99}}@keyframes character-talk{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.2)}}@keyframes character-blink{0%,45%,55%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}@keyframes character-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.character-float{animation:character-float 3s ease-in-out infinite}.character-wave{animation:character-wave 2s ease-in-out;transform-origin:70% 70%}.character-think{animation:character-think 2s ease-in-out infinite}.character-celebrate{animation:character-celebrate .5s ease-in-out}.character-pulse-glow{animation:character-pulse-glow 2s ease-in-out infinite}.character-talk{animation:character-talk .3s ease-in-out infinite}.character-blink{animation:character-blink 4s ease-in-out infinite;transform-origin:center}.character-bounce{animation:character-bounce .6s ease-in-out}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:rgba(113,113,122,.5) transparent}.scrollbar-thin::-webkit-scrollbar{width:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:#71717a80;border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:#71717acc}.scene-gradient{background:radial-gradient(ellipse at 25% 50%,rgba(245,158,11,.08) 0%,transparent 50%),radial-gradient(ellipse at 75% 50%,rgba(99,102,241,.08) 0%,transparent 50%),linear-gradient(to bottom,#18181b,#09090b)}.scene-conversation{background:radial-gradient(ellipse at 20% 60%,rgba(245,158,11,.06) 0%,transparent 40%),radial-gradient(ellipse at 80% 60%,rgba(99,102,241,.06) 0%,transparent 40%),linear-gradient(180deg,#18181b,#0f0f11)}.scene-chat{background:radial-gradient(ellipse at 50% 0%,rgba(245,158,11,.04) 0%,transparent 50%),linear-gradient(180deg,#18181b,#09090b)}.spotlight-andreas{background:radial-gradient(circle at center,rgba(245,158,11,.15) 0%,transparent 60%)}.spotlight-user{background:radial-gradient(circle at center,rgba(99,102,241,.15) 0%,transparent 60%)}.light .scene-gradient{background:radial-gradient(ellipse at 25% 50%,rgba(245,158,11,.08) 0%,transparent 50%),radial-gradient(ellipse at 75% 50%,rgba(99,102,241,.08) 0%,transparent 50%),linear-gradient(to bottom,#faf9f6,#f5f0eb)}.light .scene-conversation{background:radial-gradient(ellipse at 20% 60%,rgba(245,158,11,.06) 0%,transparent 40%),radial-gradient(ellipse at 80% 60%,rgba(99,102,241,.06) 0%,transparent 40%),linear-gradient(180deg,#faf9f6,#f5f0eb)}.light .scene-chat{background:radial-gradient(ellipse at 50% 0%,rgba(245,158,11,.04) 0%,transparent 50%),linear-gradient(180deg,#faf9f6,#f5f0eb)}.light .spotlight-andreas{background:radial-gradient(circle at center,rgba(245,158,11,.1) 0%,transparent 60%)}.light .spotlight-user{background:radial-gradient(circle at center,rgba(99,102,241,.1) 0%,transparent 60%)}.light ::selection{background:#f59e0b4d;color:#18181b}