@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@300;400;500;700;900&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--font-sans: "Inter", sans-serif;--font-display: "Outfit", sans-serif;--glass-border: rgba(255, 255, 255, .08);--primary-gradient: linear-gradient(135deg, #f97316 0%, #f59e0b 100%)}body{margin:0;font-family:var(--font-sans);background:#020617;color:#f8fafc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6,.font-display{font-family:var(--font-display)}.glass-premium{background:#0f172a99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff0d}.glass-card{background:linear-gradient(145deg,#ffffff08,#ffffff03);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #0000004d;transition:all .4s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:linear-gradient(145deg,#ffffff0d,#ffffff05);border-color:#f973164d;transform:translateY(-4px) scale(1.01);box-shadow:0 20px 40px -5px #0006}.text-gradient{background:linear-gradient(to right,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;color:transparent}.text-gradient-primary{background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.text-glow{text-shadow:0 0 20px rgba(249,115,22,.4)}.btn-primary{position:relative;overflow:hidden;background:var(--primary-gradient);color:#fff;font-weight:700;font-family:var(--font-display);letter-spacing:.02em;transition:all .3s ease;box-shadow:0 4px 15px #f973164d;border:none}.btn-primary:hover{box-shadow:0 8px 25px #f9731680;transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px)}.bg-animated{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;background:#020617}.blob{position:absolute;filter:blur(80px);opacity:.4;animation:float-blob 20s infinite alternate cubic-bezier(.4,0,.2,1);border-radius:50%;will-change:transform;pointer-events:none}.blob-1{top:-10%;left:-10%;width:60vw;height:60vw;background:#4f46e5;animation:float-blob-1 25s infinite alternate ease-in-out}.blob-2{bottom:-10%;right:-10%;width:50vw;height:50vw;background:#ea580c;animation:float-blob-2 30s infinite alternate ease-in-out}.blob-3{top:40%;left:40%;width:30vw;height:30vw;background:#db2777;opacity:.2;animation:float-blob-3 20s infinite alternate ease-in-out}@keyframes float-blob-1{0%{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(10%,10%) scale(1.1) rotate(60deg)}66%{transform:translate(-5%,15%) scale(.9) rotate(-30deg)}to{transform:translate(0) scale(1) rotate(0)}}@keyframes float-blob-2{0%{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(-15%,-10%) scale(.9) rotate(-45deg)}66%{transform:translate(10%,-20%) scale(1.2) rotate(30deg)}to{transform:translate(0) scale(1) rotate(0)}}@keyframes float-blob-3{0%{transform:translate(0) scale(1)}50%{transform:translate(20%,-10%) scale(1.1)}to{transform:translate(0) scale(1)}}@keyframes mesh-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes flame-pulse{0%{transform:scale(1);filter:drop-shadow(0 0 5px rgba(249,115,22,.5))}50%{transform:scale(1.1);filter:drop-shadow(0 0 15px rgba(249,115,22,.8))}to{transform:scale(1);filter:drop-shadow(0 0 5px rgba(249,115,22,.5))}}@keyframes progress-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes character-bounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(-1deg)}75%{transform:translateY(-5px) rotate(1deg)}}.animate-streak-fire{animation:flame-pulse 2s ease-in-out infinite}.animate-bounce-subtle{animation:bounce-subtle 3s ease-in-out infinite}.daily-progress-shine{position:relative;overflow:hidden}.daily-progress-shine:after{content:"";position:absolute;top:0;left:0;width:30%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:progress-shine 2s infinite}@keyframes float-slow{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(1deg)}to{transform:translateY(0) rotate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-float-slow{animation:float-slow 8s ease-in-out infinite}.bg-mesh{background:linear-gradient(-45deg,#020617,#0f172a,#1e1b4b,#020617);background-size:400% 400%;animation:mesh-gradient 15s ease infinite}.btn-shimmer{background:linear-gradient(90deg,#f97316,#fb923c 45%,#fff6,#fb923c 55%,#f97316);background-size:200% 100%;transition:all .5s ease}.btn-shimmer:hover{background-position:200% 0;box-shadow:0 0 40px #f9731666;transform:translateY(-2px) scale(1.02)}.btn-glass{background:#ffffff0d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000005e,inset 0 0 0 1px #ffffff0d;color:#fff;transition:all .4s cubic-bezier(.4,0,.2,1)}.btn-glass:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px) scale(1.02);box-shadow:0 12px 40px #00000073,inset 0 0 20px #ffffff0d}.btn-glass:active{transform:translateY(0) scale(.98)}.icon-3d-crown{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3)) drop-shadow(0 0 10px rgba(245,158,11,.4));fill:url(#crown-gradient);color:#fbbf24;transform:perspective(100px) rotateX(10deg)}.crown-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.crown-wrapper:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:radial-gradient(circle,rgba(251,191,36,.2) 0%,transparent 70%);border-radius:50%;z-index:-1}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.kids-mode{--primary-kids: #ff6b6b;--secondary-kids: #4ecdc4;--accent-kids: #feb47b;--bubble-kids: #a1c4fd;--bg-kids: #f0f9ff;background:linear-gradient(135deg,#f0f9ff,#e0f2f1)!important;color:#1a202c!important}.kids-mode .glass-premium{background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:4px solid var(--secondary-kids);border-radius:3rem;box-shadow:0 15px 35px #4ecdc426,0 5px 15px #0000000d}.kids-mode .bg-mesh{background:linear-gradient(-45deg,#a1c4fd,#c2e9fb,#8fd3f4,#feb47b);background-size:400% 400%;animation:mesh-gradient 20s ease infinite}.kids-mode .text-white{color:#1a202c!important}.kids-mode .text-slate-300,.kids-mode .text-slate-400,.kids-mode .text-slate-500{color:#4a5568!important}.kids-mode .blob-1{background:#4ecdc4;opacity:.15}.kids-mode .blob-2{background:#ff6b6b;opacity:.15}.kids-mode .text-orange-500{color:var(--primary-kids)!important}.kids-mode .bg-orange-500{background-color:var(--primary-kids)!important}.kids-mode .border-orange-500{border-color:var(--primary-kids)!important}.kids-mode .btn-shimmer{background:linear-gradient(90deg,#ff6b6b,#ff6b6b 45%,#fff,#ff6b6b 55%,#ff6b6b);background-size:200% 100%;border-radius:2rem;color:#fff!important;border:3px solid #ff6b6b;box-shadow:0 10px 20px #ff6b6b4d}.kids-mode .btn-shimmer:hover{background-position:200% 0;box-shadow:0 15px 30px #ff6b6b66;transform:translateY(-4px) scale(1.05)}@keyframes rocket-float{0%{transform:translate(0) rotate(0)}25%{transform:translate(30px,-40px) rotate(5deg)}50%{transform:translate(60px) rotate(10deg)}75%{transform:translate(30px,40px) rotate(5deg)}to{transform:translate(0) rotate(0)}}@keyframes character-walk{0%{transform:translate(-20px) rotate(-3deg)}50%{transform:translate(20px) rotate(3deg)}to{transform:translate(-20px) rotate(-3deg)}}@keyframes star-twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.animate-rocket{animation:rocket-float 12s ease-in-out infinite}.animate-character{animation:character-walk 4s ease-in-out infinite}.animate-star{animation:star-twinkle 2s ease-in-out infinite}.kids-mode .text-glow{text-shadow:0 0 15px rgba(255,107,107,.6);color:var(--primary-kids)!important}.blend-multiply{mix-blend-mode:multiply!important;background-color:transparent!important;filter:brightness(1.08) contrast(1.15) saturate(1.1)}.kids-mode .absolute.bottom-6{background:#fff6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:2.5rem;padding:1rem 1.5rem;color:#4a5568!important;border:1px solid rgba(78,205,196,.2);margin:0 1rem;bottom:1rem;box-shadow:0 4px 20px #00000008;z-index:50;width:calc(100% - 2rem);max-width:800px;left:50%;transform:translate(-50%)}.orb-container{position:relative;width:280px;height:280px;display:flex;align-items:center;justify-content:center;z-index:10}.orb-shared{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.1) 0%,transparent 70%);box-shadow:0 0 60px #f9731633,inset 0 0 40px #ffffff0d;transition:all .6s cubic-bezier(.16,1,.3,1);overflow:hidden}.orb-inner{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;background:#0f172a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;overflow:hidden}.orb-avatar{width:100%;height:100%;object-fit:cover;opacity:.8;transition:transform .5s ease}.orb-listening .orb-shared{box-shadow:0 0 80px #3b82f666,inset 0 0 60px #3b82f633;transform:scale(1.05)}.orb-listening .orb-inner{border-color:#3b82f666}.orb-thinking .orb-shared{animation:neural-pulse 1.5s infinite ease-in-out;box-shadow:0 0 100px #f9731680,inset 0 0 80px #f973164d}.orb-speaking .orb-shared{box-shadow:0 0 120px #f9731699,inset 0 0 100px #f9731666}.orb-speaking .orb-avatar{transform:scale(1.1)}.neural-wave{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:50%;border:2px solid rgba(249,115,22,.3);opacity:0;pointer-events:none}.orb-speaking .neural-wave{animation:wave-expand 2s infinite cubic-bezier(0,.5,.5,1)}@keyframes neural-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.02);opacity:1;filter:brightness(1.2)}}@keyframes wave-expand{0%{transform:scale(.8);opacity:.8}to{transform:scale(2);opacity:0}}.realtime-caption{max-width:80%;text-align:center;font-size:1.25rem;font-weight:600;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5);line-height:1.4;padding:1rem 2rem;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:1.5rem;border:1px solid rgba(255,255,255,.1)}.is-thinking-text{display:inline-flex;gap:4px}.dot-pulse{width:6px;height:6px;background:#f97316;border-radius:50%;animation:dot-jump 1.4s infinite ease-in-out}.dot-pulse:nth-child(2){animation-delay:.2s}.dot-pulse:nth-child(3){animation-delay:.4s}@keyframes dot-jump{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}}.orb-anticipatory-glow{position:absolute;top:-15px;right:-15px;bottom:-15px;left:-15px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.4) 0%,transparent 70%);filter:blur(10px);transition:transform .1s ease-out,opacity .2s ease;pointer-events:none;z-index:-1}.thinking-particle{position:absolute;width:4px;height:4px;background:#f97316;border-radius:50%;filter:blur(1px);pointer-events:none;animation:particle-orbit 2s infinite linear}@keyframes particle-orbit{0%{transform:rotate(0) translate(150px) rotate(0);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:rotate(360deg) translate(150px) rotate(-360deg);opacity:0}}.reveal-step{opacity:0;transform:translateY(20px);animation:reveal-up .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes reveal-up{to{opacity:1;transform:translateY(0)}}.skeleton-shimmer{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.score-pulse{animation:score-pop .5s cubic-bezier(.17,.89,.32,1.28)}@keyframes score-pop{0%{transform:scale(.8)}70%{transform:scale(1.1)}to{transform:scale(1)}}@media(max-width:768px){.thumb-zone-nav{padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(to top,rgba(2,6,23,.9) 0%,transparent 100%)}}.active-haptic:active{transform:scale(.92);filter:brightness(1.2);transition:all .1s}.orb-powering-up{animation:orb-power-pulse 1.5s infinite ease-in-out;background:radial-gradient(circle,rgba(249,115,22,.4) 0%,transparent 70%)}@keyframes orb-power-pulse{0%{transform:scale(.9);opacity:.3;filter:blur(5px)}50%{transform:scale(1.1);opacity:.7;filter:blur(15px)}to{transform:scale(.9);opacity:.3;filter:blur(5px)}}@media(max-width:640px){.orb-container{width:200px;height:200px}.orb-inner{top:6px;right:6px;bottom:6px;left:6px}.neural-wave{top:-10px;right:-10px;bottom:-10px;left:-10px}.realtime-caption{max-width:95%;font-size:.95rem;padding:.75rem 1.25rem}@keyframes dot-jump{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}}