:root{--color-bg: #FEFBF6;--color-surface: #FFFFFF;--color-brand: #C2410C;--color-brand-light: #FED7AA;--color-brand-lighter: #FFF7ED;--color-brand-dark: #9A3412;--color-text: #1C1917;--color-text-muted: #78716C;--color-text-subtle: #A8A29E;--color-border: #E7E5E4;--color-border-light: #F5F5F4;--color-success: #16a34a;--color-success-light: #dcfce7;--color-warning: #d97706;--color-warning-light: #fffbeb;--color-warning-border: #fde68a;--color-danger: #dc2626;--font-display: "DM Serif Display", Georgia, serif;--font-body: "DM Sans", system-ui, -apple-system, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--shadow-sm: 0 1px 3px rgba(28, 25, 23, .06);--shadow-md: 0 4px 16px rgba(28, 25, 23, .08);--shadow-lg: 0 12px 40px rgba(28, 25, 23, .1);--shadow-xl: 0 20px 60px rgba(28, 25, 23, .12)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);min-height:100vh;-webkit-font-smoothing:antialiased}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(12px,-16px) scale(1.02)}66%{transform:translate(-8px,8px) scale(.98)}}@keyframes floatSlow{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(20px,-24px) rotate(2deg)}50%{transform:translate(-12px,16px) rotate(-1deg)}75%{transform:translate(16px,8px) rotate(1deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}@keyframes blink{50%{opacity:0}}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-2%,-2%)}30%{transform:translate(1%,-3%)}50%{transform:translate(-1%,2%)}70%{transform:translate(3%,1%)}90%{transform:translate(-2%,3%)}}@keyframes waveBar{0%,to{height:8px}50%{height:24px}}@keyframes msgAppear{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.landing{position:relative;overflow-x:hidden}.landing-grain{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;width:200%;height:200%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.025'/%3E%3C/svg%3E");pointer-events:none;z-index:0;animation:grain 8s steps(10) infinite}.hero:before{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:100vw;background:radial-gradient(ellipse 80% 60% at 20% 40%,rgba(254,215,170,.45) 0%,transparent 70%),radial-gradient(ellipse 50% 70% at 75% 20%,rgba(253,230,138,.3) 0%,transparent 65%),radial-gradient(ellipse 60% 50% at 60% 80%,rgba(254,202,202,.2) 0%,transparent 60%),radial-gradient(ellipse 40% 40% at 10% 85%,rgba(194,65,12,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.hero:after{content:"";position:absolute;width:600px;height:600px;top:5%;right:-8%;border-radius:50%;border:1px solid rgba(194,65,12,.06);box-shadow:inset 0 0 0 40px transparent,inset 0 0 0 41px #c2410c0a,inset 0 0 0 90px transparent,inset 0 0 0 91px #c2410c08,inset 0 0 0 150px transparent,inset 0 0 0 151px #c2410c05;pointer-events:none;z-index:0;animation:floatSlow 30s ease-in-out infinite}.features{position:relative;z-index:1;overflow:hidden;background:radial-gradient(ellipse 70% 50% at 50% 40%,rgba(255,247,237,.8) 0%,transparent 70%),radial-gradient(circle at 15% 80%,rgba(254,215,170,.15) 0%,transparent 40%),radial-gradient(circle at 85% 20%,rgba(253,230,138,.12) 0%,transparent 40%)}.features:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(194,65,12,.05) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,black 20%,transparent 70%)}.features:after{content:"";position:absolute;width:400px;height:400px;bottom:-200px;left:-200px;border-radius:50%;border:1.5px solid rgba(194,65,12,.05);pointer-events:none}.how{background:radial-gradient(ellipse 50% 60% at 80% 30%,rgba(255,247,237,.5) 0%,transparent 60%),radial-gradient(ellipse 40% 50% at 20% 70%,rgba(254,215,170,.12) 0%,transparent 50%),var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);position:relative;z-index:1}.how:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 59px,rgba(194,65,12,.025) 59px,rgba(194,65,12,.025) 60px);pointer-events:none;mask-image:linear-gradient(180deg,transparent 0%,black 30%,black 70%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,black 30%,black 70%,transparent 100%)}.testimonials{position:relative;z-index:1;overflow:hidden;background:radial-gradient(ellipse 60% 60% at 30% 60%,rgba(254,215,170,.18) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 80% 30%,rgba(253,230,138,.1) 0%,transparent 50%),linear-gradient(180deg,var(--color-bg) 0%,rgba(255,247,237,.3) 50%,var(--color-bg) 100%)}.testimonials:after{content:"";position:absolute;width:500px;height:500px;top:-180px;right:-120px;border-radius:50%;border:1px solid rgba(194,65,12,.04);box-shadow:inset 0 0 0 50px transparent,inset 0 0 0 51px #c2410c08;pointer-events:none;overflow:hidden}.cta-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(ellipse 60% 60% at 80% 20%,rgba(194,65,12,.2) 0%,transparent 60%),radial-gradient(ellipse 40% 50% at 20% 80%,rgba(253,230,138,.08) 0%,transparent 50%),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(194,65,12,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.landing-deco-ring{position:absolute;width:350px;height:350px;border-radius:50%;border:1px solid rgba(194,65,12,.05);box-shadow:inset 0 0 0 35px transparent,inset 0 0 0 36px #c2410c09,inset 0 0 0 80px transparent,inset 0 0 0 81px #c2410c05;pointer-events:none;z-index:0}.landing-deco-ring-tr{top:-100px;right:-80px;animation:floatSlow 24s ease-in-out infinite}.landing-deco-ring-bl{bottom:-120px;left:-100px;animation:floatSlow 28s ease-in-out infinite reverse}.footer:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(194,65,12,.15),transparent);pointer-events:none}.footer{position:relative;z-index:1;border-top:1px solid var(--color-border);background:radial-gradient(ellipse 50% 80% at 50% 0%,rgba(255,247,237,.3) 0%,transparent 60%),var(--color-bg)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#fefbf6d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(231,229,228,.5);animation:slideDown .6s cubic-bezier(.16,1,.3,1) both}.nav-inner{max-width:1200px;margin:0 auto;padding:.875rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.nav-logo{font-family:var(--font-display);font-size:1.6rem;color:var(--color-text);text-decoration:none;letter-spacing:-.02em}.nav-logo-accent{color:var(--color-brand)}.nav-links{display:flex;align-items:center;gap:.25rem}.nav-link{background:none;border:none;font-family:var(--font-body);font-size:.9rem;color:var(--color-text-muted);cursor:pointer;padding:.5rem 1rem;border-radius:var(--radius-sm);transition:all .2s;font-weight:500}.nav-link:hover{color:var(--color-text);background:#1c19170a}.nav-auth{display:flex;align-items:center}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:7rem 2rem 4rem;max-width:1200px;margin:0 auto;gap:4rem}.hero-blobs{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:100vw;pointer-events:none;overflow:hidden}.hero-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:floatSlow 20s ease-in-out infinite}.hero-blob-1{width:500px;height:500px;background:var(--color-brand-light);top:-10%;left:-15%}.hero-blob-2{width:350px;height:350px;background:#fde68a;bottom:0;right:-10%;animation-delay:-6s}.hero-blob-3{width:250px;height:250px;background:#fecaca;top:50%;left:40%;animation-delay:-12s;opacity:.25}.hero-content{flex:1;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem .5rem .75rem;background:var(--color-brand-lighter);border:1px solid var(--color-brand-light);border-radius:99px;font-size:.8rem;font-weight:600;color:var(--color-brand);margin-bottom:1.75rem;animation:fadeInUp .7s cubic-bezier(.16,1,.3,1) both}.hero-badge svg{width:16px;height:16px}.hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;color:var(--color-text);letter-spacing:-.03em;margin-bottom:1.5rem;animation:fadeInUp .7s cubic-bezier(.16,1,.3,1) .1s both}.hero-title-accent{color:var(--color-brand)}.hero-subtitle{font-size:1.15rem;line-height:1.7;color:var(--color-text-muted);max-width:480px;margin-bottom:2rem;animation:fadeInUp .7s cubic-bezier(.16,1,.3,1) .2s both}.hero-actions{display:flex;align-items:center;gap:1rem;margin-bottom:3rem;animation:fadeInUp .7s cubic-bezier(.16,1,.3,1) .3s both}.hero-cta{display:inline-flex;align-items:center;gap:.625rem;padding:.9rem 1.75rem;background:var(--color-brand);color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px #c2410c4d}.hero-cta:hover{background:var(--color-brand-dark);transform:translateY(-2px);box-shadow:0 8px 24px #c2410c59}.hero-cta:active{transform:translateY(0)}.hero-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.5rem;background:none;color:var(--color-text);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.hero-secondary svg{width:14px;height:14px;color:var(--color-brand)}.hero-secondary:hover{border-color:var(--color-text-subtle);background:#1c191705}.hero-stats{display:flex;align-items:center;gap:1.5rem;animation:fadeInUp .7s cubic-bezier(.16,1,.3,1) .4s both}.hero-stat{display:flex;flex-direction:column;gap:.125rem}.hero-stat-number{font-family:var(--font-display);font-size:1.5rem;color:var(--color-text)}.hero-stat-label{font-size:.8rem;color:var(--color-text-subtle);font-weight:500}.hero-stat-divider{width:1px;height:36px;background:var(--color-border)}.hero-visual{flex:0 0 auto;position:relative;z-index:1;animation:slideInRight .9s cubic-bezier(.16,1,.3,1) .2s both}.hero-phone{width:280px;background:var(--color-text);border-radius:36px;padding:12px;box-shadow:var(--shadow-xl),0 0 0 1px #1c191714;position:relative}.hero-phone-notch{width:100px;height:24px;background:var(--color-text);border-radius:0 0 16px 16px;margin:-12px auto 0;position:relative;z-index:2}.hero-phone-screen{background:var(--color-bg);border-radius:26px;overflow:hidden;min-height:440px;display:flex;flex-direction:column}.hero-phone-header{display:flex;align-items:center;gap:.5rem;padding:1.25rem 1rem .75rem;font-family:var(--font-display);font-size:1rem;color:var(--color-text)}.hero-phone-dot{width:8px;height:8px;border-radius:50%;background:var(--color-success);animation:pulse 2s ease-in-out infinite}.hero-phone-messages{flex:1;padding:.5rem .75rem;display:flex;flex-direction:column;gap:.625rem}.hero-msg{max-width:85%;padding:.625rem .875rem;border-radius:14px;font-size:.8rem;line-height:1.45}.hero-msg-ai{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);align-self:flex-start;border-bottom-left-radius:4px}.hero-msg-user{background:var(--color-brand);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.hero-msg-1{animation:msgAppear .5s cubic-bezier(.16,1,.3,1) .8s both}.hero-msg-2{animation:msgAppear .5s cubic-bezier(.16,1,.3,1) 1.6s both}.hero-msg-3{animation:msgAppear .5s cubic-bezier(.16,1,.3,1) 2.4s both}.hero-phone-bar{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1rem;border-top:1px solid var(--color-border);background:var(--color-surface)}.hero-phone-waveform{display:flex;align-items:center;gap:3px}.hw-bar{width:3px;height:8px;border-radius:2px;background:var(--color-brand);animation:waveBar 1.2s ease-in-out infinite}.hw-bar:nth-child(1){animation-delay:0s}.hw-bar:nth-child(2){animation-delay:.1s}.hw-bar:nth-child(3){animation-delay:.2s}.hw-bar:nth-child(4){animation-delay:.3s}.hw-bar:nth-child(5){animation-delay:.2s}.hw-bar:nth-child(6){animation-delay:.1s}.hw-bar:nth-child(7){animation-delay:0s}.hero-phone-mic{width:36px;height:36px;border-radius:50%;background:var(--color-brand);color:#fff;display:flex;align-items:center;justify-content:center}.hero-phone-mic svg{width:18px;height:18px}.section-inner{max-width:1200px;margin:0 auto;padding:6rem 2rem}.section-header{text-align:center;max-width:640px;margin:0 auto 3.5rem}.section-label{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--color-brand);margin-bottom:.75rem}.section-title{font-family:var(--font-display);font-size:clamp(1.75rem,3.5vw,2.5rem);line-height:1.2;color:var(--color-text);letter-spacing:-.02em;margin-bottom:1rem}.section-subtitle{font-size:1.05rem;line-height:1.7;color:var(--color-text-muted)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem 1.75rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-brand-light)}.feature-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-brand-lighter);color:var(--color-brand);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.feature-title{font-family:var(--font-display);font-size:1.15rem;color:var(--color-text);margin-bottom:.5rem}.feature-desc{font-size:.9rem;line-height:1.6;color:var(--color-text-muted)}.how-steps{display:flex;align-items:flex-start;gap:0;justify-content:center}.how-step{flex:1;max-width:320px;text-align:center;padding:0 1.5rem}.how-step-number{font-family:var(--font-display);font-size:3rem;color:var(--color-brand-light);line-height:1;margin-bottom:1rem}.how-step-icon{width:56px;height:56px;border-radius:50%;background:var(--color-brand-lighter);color:var(--color-brand);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.how-step-title{font-family:var(--font-display);font-size:1.15rem;color:var(--color-text);margin-bottom:.5rem}.how-step-desc{font-size:.9rem;line-height:1.6;color:var(--color-text-muted)}.how-step-connector{width:60px;height:2px;background:linear-gradient(90deg,var(--color-brand-light),var(--color-border));margin-top:5.5rem;flex-shrink:0;border-radius:1px}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.testimonial-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;transition:all .3s ease}.testimonial-card:hover{box-shadow:var(--shadow-md)}.testimonial-stars{display:flex;gap:2px;color:#f59e0b;margin-bottom:1rem}.testimonial-text{font-size:.95rem;line-height:1.7;color:var(--color-text);margin-bottom:1.5rem;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:.75rem}.testimonial-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-brand-lighter);color:var(--color-brand);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.testimonial-name{font-weight:600;font-size:.9rem;color:var(--color-text)}.testimonial-role{font-size:.8rem;color:var(--color-text-subtle)}.cta{position:relative;z-index:1;padding:0 2rem}.cta-inner{max-width:800px;margin:0 auto;background:var(--color-text);border-radius:var(--radius-xl);padding:4rem 3rem;text-align:center;position:relative;overflow:hidden;margin-top:-1rem;margin-bottom:4rem}.cta-blobs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cta-blob{position:absolute;border-radius:50%;filter:blur(60px)}.cta-blob-1{width:300px;height:300px;background:var(--color-brand);opacity:.15;top:-40%;right:-10%;animation:floatSlow 16s ease-in-out infinite}.cta-blob-2{width:200px;height:200px;background:#fde68a;opacity:.1;bottom:-30%;left:-5%;animation:floatSlow 16s ease-in-out infinite reverse}.cta-content{position:relative;z-index:1}.cta-title{font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.25rem);color:var(--color-bg);margin-bottom:1rem}.cta-subtitle{font-size:1.05rem;line-height:1.7;color:var(--color-text-subtle);max-width:500px;margin:0 auto 2rem}.cta-auth{display:flex;justify-content:center;margin-bottom:1.5rem}.cta-checks{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.cta-check{display:inline-flex;align-items:center;gap:.375rem;font-size:.85rem;color:var(--color-text-subtle);font-weight:500}.cta-check svg{color:var(--color-success)}.footer-inner{max-width:1200px;margin:0 auto;padding:2.5rem 2rem;display:flex;align-items:center;justify-content:space-between}.footer-brand{display:flex;align-items:center;gap:1rem}.footer-logo{font-family:var(--font-display);font-size:1.3rem;color:var(--color-text)}.footer-tagline{font-size:.85rem;color:var(--color-text-subtle)}.footer-copy{font-size:.8rem;color:var(--color-text-subtle)}@media(max-width:900px){.hero{flex-direction:column;padding-top:6rem;gap:3rem;min-height:auto}.hero-visual{display:flex;justify-content:center}.hero-phone{width:260px}.hero-phone-screen{min-height:380px}.features-grid{grid-template-columns:repeat(2,1fr)}.how-steps{flex-direction:column;align-items:center;gap:2rem}.how-step-connector{width:2px;height:40px;background:linear-gradient(180deg,var(--color-brand-light),var(--color-border));margin:0}.testimonials-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.footer-inner{flex-direction:column;gap:1rem;text-align:center}.footer-brand{flex-direction:column;gap:.5rem}}@media(max-width:640px){.nav-links{display:none}.nav-inner{padding:.75rem 1.25rem}.hero{padding-top:5rem;padding-left:1.25rem;padding-right:1.25rem}.hero-title{font-size:2.25rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-cta,.hero-secondary{justify-content:center}.hero-stats{gap:1rem}.hero-stat-number{font-size:1.25rem}.features-grid{grid-template-columns:1fr}.section-inner{padding:4rem 1.25rem}.cta-inner{padding:3rem 1.5rem;border-radius:var(--radius-lg)}.cta-checks{flex-direction:column;align-items:center;gap:.5rem}}.header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.header-title{font-family:var(--font-display);font-size:1.4rem;font-weight:400;color:var(--color-text)}.header-right{display:flex;align-items:center;gap:.75rem}.user-info{display:flex;align-items:center;gap:.5rem}.avatar{width:32px;height:32px;border-radius:50%}.user-name{font-size:.9rem;color:var(--color-text-muted)}.btn{border:none;cursor:pointer;font-family:var(--font-body);font-size:1rem;border-radius:var(--radius-sm);transition:all .2s ease}.btn:hover{opacity:.85}.btn:active{transform:scale(.97)}.btn-ghost{background:none;color:var(--color-brand);padding:.5rem .75rem;font-weight:500}.btn-ghost:hover{background:var(--color-brand-lighter);opacity:1}.btn-ghost-small{font-size:.8rem;padding:.35rem .6rem;color:var(--color-text-subtle)}.btn-primary{background:var(--color-brand);color:#fff;padding:1rem 2.5rem;font-weight:600}.btn-primary:hover{background:var(--color-brand-dark);opacity:1}.btn-large{font-size:1.15rem;padding:1.1rem 2.75rem;border-radius:var(--radius-md)}.btn-danger{background:var(--color-danger);color:#fff;padding:.75rem 2rem;font-weight:600}.main{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 57px)}.lesson-idle{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.lesson-error{color:var(--color-danger);font-size:.9rem;margin-top:.75rem}.lesson-connecting{display:flex;align-items:center;gap:.75rem;font-size:1.2rem;color:var(--color-brand)}.voice-lesson{display:flex;flex-direction:column;width:100%;max-width:600px;height:calc(100vh - 57px);padding:1rem}.voice-top{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.voice-theme{font-family:var(--font-display);font-size:1.1rem;color:var(--color-text);text-align:center}.voice-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;min-height:0}.voice-circle-area{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.voice-circle-area:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;border:2px solid transparent;transition:border-color .5s,opacity .5s;opacity:0}.voice-circle-area:has(.voice-circle-ai):before{border-color:#c2410c33;opacity:1;animation:voiceRingBreath 2s ease-in-out infinite}.voice-circle-area:has(.voice-circle-user):before{border-color:#16a34a33;opacity:1;animation:voiceRingBreath 1.5s ease-in-out infinite}.voice-circle-area:has(.voice-circle-listening):before{border-color:#c2410c1f;opacity:1;animation:voiceRingBreath 3s ease-in-out infinite}@keyframes voiceRingBreath{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.08);opacity:.2}}.voice-circle-glow{position:absolute;top:-28px;right:-28px;bottom:-28px;left:-28px;border-radius:50%;opacity:0;transition:opacity .5s,background .5s;filter:blur(32px)}.voice-circle-glow-ai{background:radial-gradient(circle,rgba(254,215,170,.7) 0%,rgba(194,65,12,.2) 60%,transparent 80%);opacity:1;animation:voiceGlowPulse 2.5s ease-in-out infinite}.voice-circle-glow-user{background:radial-gradient(circle,rgba(220,252,231,.7) 0%,rgba(22,163,74,.2) 60%,transparent 80%);opacity:1;animation:voiceGlowPulse 2s ease-in-out infinite}.voice-circle-glow-listening{background:radial-gradient(circle,rgba(255,247,237,.6) 0%,rgba(254,215,170,.15) 60%,transparent 80%);opacity:1;animation:voiceGlowPulse 3.5s ease-in-out infinite}.voice-circle-glow-processing{background:radial-gradient(circle,rgba(255,251,235,.6) 0%,rgba(253,230,138,.2) 60%,transparent 80%);opacity:1;animation:voiceGlowPulse 1.5s ease-in-out infinite}@keyframes voiceGlowPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.12);opacity:.5}}.voice-circle{width:150px;height:150px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .5s cubic-bezier(.16,1,.3,1);will-change:transform;position:relative;z-index:1;border:none}.voice-circle:before{content:"";position:absolute;top:8%;left:18%;width:45%;height:35%;border-radius:50%;background:radial-gradient(ellipse at 50% 40%,rgba(255,255,255,.45) 0%,rgba(255,255,255,.1) 50%,transparent 70%);pointer-events:none;z-index:2}.voice-circle-ai{background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 65% 70%,rgba(0,0,0,.1) 0%,transparent 40%),linear-gradient(145deg,#f97316 0%,var(--color-brand) 40%,var(--color-brand-dark) 100%);color:#fff;box-shadow:0 4px 16px #c2410c40,0 12px 40px #c2410c33,inset 0 -4px 12px #0000001a,inset 0 2px 6px #ffffff1a}.voice-circle-user{background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 65% 70%,rgba(0,0,0,.1) 0%,transparent 40%),linear-gradient(145deg,#4ade80 0%,var(--color-success) 40%,#15803d 100%);color:#fff;box-shadow:0 4px 16px #16a34a40,0 12px 40px #16a34a26,inset 0 -4px 12px #0000001a,inset 0 2px 6px #ffffff1a}.voice-circle-listening{background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.6) 0%,transparent 60%),radial-gradient(circle at 65% 70%,rgba(254,215,170,.2) 0%,transparent 50%),linear-gradient(145deg,#fff 0%,var(--color-brand-lighter) 100%);color:var(--color-brand);box-shadow:0 4px 16px #c2410c14,0 8px 30px #c2410c0f,inset 0 -2px 8px #fed7aa4d,inset 0 1px 4px #fffc;animation:voiceListeningPulse 3s ease-in-out infinite}@keyframes voiceListeningPulse{0%,to{box-shadow:0 4px 16px #c2410c14,0 8px 30px #c2410c0f,inset 0 -2px 8px #fed7aa4d,inset 0 1px 4px #fffc}50%{box-shadow:0 4px 20px #c2410c26,0 12px 40px #c2410c1a,inset 0 -2px 8px #fed7aa66,inset 0 1px 4px #ffffffe6}}.voice-circle-processing{background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.5) 0%,transparent 60%),radial-gradient(circle at 65% 70%,rgba(253,230,138,.3) 0%,transparent 50%),linear-gradient(145deg,#fffbeb,#fef3c7,#fde68a);color:var(--color-warning);box-shadow:0 4px 16px #d977061a,0 8px 30px #d977060f,inset 0 -2px 8px #fde68a66,inset 0 1px 4px #fffc}.voice-circle-idle{background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.5) 0%,transparent 60%),linear-gradient(145deg,#fff 0%,var(--color-border-light) 100%);color:var(--color-text-subtle);box-shadow:0 2px 8px #1c19170f,inset 0 -2px 6px #00000008,inset 0 1px 3px #fff9}.voice-circle-icon{display:flex;align-items:center;justify-content:center;position:relative;z-index:3;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.voice-circle-dots{display:flex;gap:7px;align-items:center;position:relative;z-index:3}.voice-circle-dots span{width:9px;height:9px;border-radius:50%;background:currentColor;animation:voiceDotBounce 1.4s ease-in-out infinite}.voice-circle-dots span:nth-child(2){animation-delay:.16s}.voice-circle-dots span:nth-child(3){animation-delay:.32s}@keyframes voiceDotBounce{0%,80%,to{transform:translateY(0) scale(.7);opacity:.4}40%{transform:translateY(-4px) scale(1);opacity:1}}.voice-state-label{font-size:.9rem;font-weight:500;letter-spacing:.02em;animation:fadeIn .3s ease both}.voice-state-label-ai{color:var(--color-brand)}.voice-state-label-user{color:var(--color-success)}.voice-state-label-processing{color:var(--color-warning)}.voice-state-label-listening{color:var(--color-text-muted)}.voice-interrupt-hint{background:none;border:none;font-family:var(--font-body);font-size:.8rem;color:var(--color-text-subtle);cursor:pointer;padding:.3rem .75rem;border-radius:99px;transition:all .2s}.voice-interrupt-hint:hover{background:var(--color-border-light);color:var(--color-text-muted)}.voice-bottom{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.voice-transcript-toggle{display:flex;align-items:center;justify-content:center;gap:.35rem;background:none;border:none;font-family:var(--font-body);font-size:.8rem;color:var(--color-text-subtle);cursor:pointer;padding:.35rem 0;transition:color .2s}.voice-transcript-toggle:hover{color:var(--color-text-muted)}.voice-transcript-container{max-height:180px;overflow:hidden;animation:fadeIn .2s ease both}.voice-transcript-container .chat-transcript{max-height:180px;font-size:.82rem}.voice-controls{display:flex;align-items:center;justify-content:center;gap:.75rem;padding-top:.25rem}.lesson-progress{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.lesson-progress-bar{flex:1;height:6px;background:var(--color-border-light);border-radius:3px;overflow:hidden}.lesson-progress-fill{height:100%;background:var(--color-brand);border-radius:3px;transition:width .5s ease}.lesson-progress-label{font-family:var(--font-display);font-size:.85rem;color:var(--color-text-muted);flex-shrink:0;min-width:32px;text-align:right}.word-chips{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;flex-shrink:0}.word-chip{display:inline-flex;align-items:center;gap:.25rem;font-size:.78rem;font-weight:500;padding:.2rem .65rem;border-radius:99px;transition:all .3s ease}.word-chip-learned{background:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success)}.word-chip-remaining{background:var(--color-border-light);color:var(--color-text-muted);border:1px solid var(--color-border)}.pulse-dot{width:12px;height:12px;border-radius:50%;background:var(--color-success);animation:pulse 1.5s ease-in-out infinite}.pulse-dot-waiting{background:var(--color-warning)}.chat-transcript{flex:1;min-height:0;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem;background:var(--color-surface)}.message{margin-bottom:.75rem;max-width:85%;animation:msgAppear .3s ease both}.message-user{margin-left:auto}.message-assistant{margin-right:auto}.message-role{font-size:.7rem;text-transform:uppercase;color:var(--color-text-subtle);letter-spacing:.5px}.message-content{padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.85rem;line-height:1.5;margin-top:.2rem;white-space:pre-wrap}.message-user .message-content{background:var(--color-brand);color:#fff}.message-assistant .message-content{background:var(--color-border-light);color:var(--color-text)}.message-correction-highlight{text-decoration:underline;text-decoration-color:var(--color-success, #34d399);text-decoration-thickness:2px;text-underline-offset:3px;font-weight:600}.lesson-warning{color:var(--color-warning);font-size:.85rem;background:var(--color-warning-light);border:1px solid var(--color-warning-border);border-radius:var(--radius-sm);padding:.5rem 1rem;text-align:center;flex-shrink:0}.grammar-tip{background:var(--color-surface, #1a1a2e);border:1px solid var(--color-brand, #6C63FF);border-radius:var(--radius-sm, 8px);padding:.6rem 1rem;cursor:pointer;animation:grammarTipIn .3s ease-out;flex-shrink:0}@keyframes grammarTipIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.grammar-tip-header{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-brand, #6C63FF);margin-bottom:.3rem}.grammar-tip-correction{display:flex;align-items:baseline;gap:.4rem;font-size:.85rem;flex-wrap:wrap}.grammar-tip-wrong{text-decoration:line-through;color:var(--color-error, #f87171);opacity:.7}.grammar-tip-arrow{color:var(--color-text-secondary, #888);font-size:.8rem}.grammar-tip-correct-line{width:100%;font-size:1rem;font-weight:600;color:var(--color-success, #34d399);margin-top:.15rem}.grammar-tip-rule{font-size:.8rem;color:var(--color-text-secondary, #888);margin-top:.2rem}@keyframes lessonConfettiFall{0%{transform:translateY(-20px) translate(0) rotate(0) scale(1);opacity:1}to{transform:translateY(110vh) translate(var(--drift, 30px)) rotate(var(--rotation, 720deg)) scale(.5);opacity:0}}.lesson-complete{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:3rem 1.5rem;max-width:600px;width:100%;animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) both;position:relative}.lesson-complete-confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;overflow:hidden}.lesson-confetti-piece{position:absolute;top:-20px;left:var(--x, 50%);width:var(--size, 8px);height:var(--size, 8px);background:var(--color, var(--color-brand));animation:lessonConfettiFall var(--duration, 3s) cubic-bezier(.25,.46,.45,.94) var(--delay, 0s) forwards}.lesson-confetti-circle{border-radius:50%}.lesson-confetti-rect{border-radius:2px}.lesson-confetti-strip{width:calc(var(--size, 8px) * .4);height:var(--size, 8px);border-radius:1px}.lesson-complete-icon{animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) both}.lesson-complete-title{font-family:var(--font-display);font-size:1.75rem;color:var(--color-text)}.lesson-complete-summary{font-size:1rem;line-height:1.6;color:var(--color-text-muted);text-align:center;max-width:500px}.lesson-complete-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:.5rem}.history-page{width:100%;max-width:700px;padding:2rem 1.5rem}.history-page-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.history-page-title{font-family:var(--font-display);font-size:1.5rem;font-weight:400;color:var(--color-text)}.history-page-list{display:flex;flex-direction:column;gap:.5rem}.history-empty{text-align:center;color:var(--color-text-subtle);margin-top:2rem}.session-item{border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:.5rem;overflow:hidden}.session-item-header{display:flex;align-items:center;width:100%;padding:.75rem 1rem;gap:.5rem}.session-item-title{font-weight:600;font-size:.9rem;text-transform:capitalize}.session-item-date{color:var(--color-text-subtle);font-size:.8rem;margin-left:auto}.session-status{font-size:.65rem;font-weight:600;padding:.15rem .5rem;border-radius:99px;text-transform:uppercase;letter-spacing:.3px}.session-item-words{font-size:.8rem;color:var(--color-text-muted)}.session-status-active{background:var(--color-success-light);color:var(--color-success)}.session-status-ended{background:var(--color-border-light);color:var(--color-text-muted)}.main-session{min-height:100vh}.home-loading{display:flex;align-items:center;gap:.75rem;font-size:1rem;color:var(--color-text-muted)}.home{width:100%;max-width:700px;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem;animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) both}.home-unit-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.75rem}.home-unit-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-brand);margin-bottom:.35rem}.home-unit-theme{font-family:var(--font-display);font-size:1.4rem;color:var(--color-text);margin-bottom:1rem}.home-unit-progress-bar{height:6px;background:var(--color-border-light);border-radius:3px;overflow:hidden;margin-bottom:.5rem}.home-unit-progress-fill{height:100%;background:var(--color-brand);border-radius:3px;transition:width .6s ease}.home-unit-desc{font-size:.85rem;color:var(--color-text-muted);margin-bottom:.75rem}.home-unit-progress-text{font-size:.8rem;color:var(--color-text-subtle)}.home-vocab-hint{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.75rem}.home-vocab-hint-pill{font-size:.75rem;font-weight:500;padding:.15rem .55rem;background:var(--color-brand-lighter);color:var(--color-brand);border:1px solid var(--color-brand-light);border-radius:99px}.home-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.home-stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.25rem}.home-stat-number{font-family:var(--font-display);font-size:1.5rem;color:var(--color-text)}.home-stat-label{font-size:.72rem;font-weight:500;color:var(--color-text-subtle);text-align:center}.home-recent{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem}.home-recent-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.home-recent-title{font-family:var(--font-display);font-size:1rem;color:var(--color-text);font-weight:400}.home-recent-list{display:flex;flex-direction:column;gap:.5rem}.home-recent-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--color-border-light)}.home-recent-item:last-child{border-bottom:none}.home-recent-item-theme{font-size:.9rem;font-weight:500;color:var(--color-text)}.home-recent-item-words{font-size:.8rem;color:var(--color-text-muted)}.home-recent-item-date{font-size:.8rem;color:var(--color-text-subtle);margin-left:auto}.home-language-selector{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:.25rem}.home-language-label{font-size:.85rem;color:var(--color-text-secondary, #888)}.home-language-toggle{display:flex;gap:0;border-radius:10px;overflow:hidden;border:1px solid var(--color-border, rgba(255, 255, 255, .12))}.home-language-btn{padding:.5rem 1.25rem;font-size:.9rem;font-weight:500;border:none;background:var(--color-surface, #1a1a2e);color:var(--color-text-secondary, #888);cursor:pointer;transition:background .2s,color .2s}.home-language-btn:first-child{border-right:1px solid var(--color-border, rgba(255, 255, 255, .12))}.home-language-btn-active{background:var(--color-brand, #6C63FF);color:#fff}.home-start-btn{align-self:center;margin-top:.5rem}.recap{width:100%;max-width:600px;padding:3rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem;animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) both}.recap-empty{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--color-text-muted)}.recap-checkmark{width:72px;height:72px;animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) both}.recap-checkmark-svg{width:100%;height:100%}.recap-checkmark-circle{stroke:var(--color-success);stroke-width:2.5;stroke-dasharray:166;stroke-dashoffset:166;stroke-linecap:round;fill:none;animation:onboardingCheckCircle .8s cubic-bezier(.16,1,.3,1) .2s forwards}.recap-checkmark-check{stroke:var(--color-success);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;fill:none;animation:onboardingCheckDraw .4s cubic-bezier(.16,1,.3,1) .7s forwards}.recap-title{font-family:var(--font-display);font-size:1.75rem;color:var(--color-text)}.recap-duration{font-size:.9rem;color:var(--color-text-subtle)}.recap-feedback{font-size:1rem;line-height:1.6;color:var(--color-text-muted);text-align:center;max-width:500px}.recap-level{display:flex;align-items:center;gap:.75rem}.recap-level-badge{font-family:var(--font-display);font-size:1.5rem;color:var(--color-brand);background:var(--color-brand-lighter);border:2px solid var(--color-brand-light);border-radius:var(--radius-md);padding:.4rem 1rem}.recap-level-label{font-size:.85rem;color:var(--color-text-subtle)}.recap-section{width:100%;animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) both}.recap-section-title{font-family:var(--font-display);font-size:1.05rem;color:var(--color-text);margin-bottom:.75rem;font-weight:400}.recap-word-pills{display:flex;flex-wrap:wrap;gap:.4rem}.recap-word-pill{font-size:.85rem;font-weight:500;padding:.3rem .8rem;background:var(--color-brand-lighter);color:var(--color-brand-dark);border:1px solid var(--color-brand-light);border-radius:99px}.recap-grammar-list{list-style:none;display:flex;flex-direction:column;gap:.35rem}.recap-grammar-item{font-size:.9rem;padding:.4rem .75rem;border-radius:var(--radius-sm)}.recap-grammar-good{background:var(--color-success-light);color:var(--color-success)}.recap-mistakes{display:flex;flex-direction:column;gap:.75rem}.recap-mistake-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column;gap:.5rem}.recap-mistake-example,.recap-mistake-correction{display:flex;gap:.5rem;align-items:baseline}.recap-mistake-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-subtle);flex-shrink:0;min-width:56px}.recap-mistake-text{font-size:.9rem;color:var(--color-text)}.recap-mistake-example .recap-mistake-text{color:var(--color-danger);text-decoration:line-through;text-decoration-color:#dc26264d}.recap-mistake-correction .recap-mistake-text{color:var(--color-success);font-weight:500}.recap-mistake-rule{font-size:.8rem;color:var(--color-text-muted);font-style:italic}.recap-progress-text{font-size:1rem;color:var(--color-text-muted)}.recap-word-pill-learned{background:var(--color-success-light);color:var(--color-success);border-color:var(--color-success)}.recap-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:.5rem}@media(max-width:900px){.home-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.home{padding:1.5rem 1rem}.home-stats{grid-template-columns:repeat(2,1fr)}.home-unit-theme{font-size:1.2rem}.recap{padding:2rem 1rem}.history-page{padding:1.5rem 1rem}}@keyframes onboardingSlideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes onboardingSlideInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes onboardingFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes onboardingPillIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes onboardingCheckCircle{0%{stroke-dashoffset:166}to{stroke-dashoffset:0}}@keyframes onboardingCheckDraw{0%{stroke-dashoffset:48}to{stroke-dashoffset:0}}@keyframes onboardingConfettiFall{0%{transform:translateY(-20px) translate(0) rotate(0) scale(1);opacity:1}20%{opacity:1}80%{opacity:.8}to{transform:translateY(110vh) translate(var(--drift, 30px)) rotate(var(--rotation, 720deg)) scale(.5);opacity:0}}@keyframes onboardingFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes onboardingWaveBar{0%,to{height:8px}50%{height:28px}}@keyframes onboardingPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.05);opacity:.3}}.onboarding{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg);z-index:200;display:flex;flex-direction:column;align-items:center;overflow-y:auto}.onboarding-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--color-border-light);z-index:210}.onboarding-progress-fill{height:100%;background:var(--color-brand);transition:width .5s cubic-bezier(.16,1,.3,1);border-radius:0 2px 2px 0}.onboarding-back{position:fixed;top:20px;left:20px;z-index:210;background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-muted);transition:all .2s;box-shadow:var(--shadow-sm)}.onboarding-back:hover{border-color:var(--color-brand-light);color:var(--color-brand);background:var(--color-brand-lighter)}.onboarding-step-container{width:100%;flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;min-height:100vh}.onboarding-slide-right{animation:onboardingSlideInRight .5s cubic-bezier(.16,1,.3,1) both}.onboarding-slide-left{animation:onboardingSlideInLeft .5s cubic-bezier(.16,1,.3,1) both}.onboarding-step{width:100%;max-width:520px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.onboarding-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);color:var(--color-text);letter-spacing:-.03em;line-height:1.1;animation:onboardingFadeInUp .6s cubic-bezier(.16,1,.3,1) .1s both}.onboarding-heading{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);color:var(--color-text);letter-spacing:-.02em;line-height:1.2;animation:onboardingFadeInUp .5s cubic-bezier(.16,1,.3,1) both}.onboarding-accent{color:var(--color-brand)}.onboarding-subtext{font-size:1rem;color:var(--color-text-muted);animation:onboardingFadeInUp .5s cubic-bezier(.16,1,.3,1) .1s both}.onboarding-greeting{font-size:1.25rem;color:var(--color-text-muted);animation:onboardingFadeInUp .6s cubic-bezier(.16,1,.3,1) .2s both}.onboarding-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 2rem;background:var(--color-brand);color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px #c2410c40;margin-top:.5rem;animation:onboardingFadeInUp .5s cubic-bezier(.16,1,.3,1) .3s both}.onboarding-btn-primary:hover:not(:disabled){background:var(--color-brand-dark);transform:translateY(-2px);box-shadow:0 8px 24px #c2410c4d}.onboarding-btn-primary:active:not(:disabled){transform:translateY(0)}.onboarding-btn-primary:disabled{opacity:.4;cursor:not-allowed}.onboarding-btn-large{font-size:1.15rem;padding:1.1rem 2.75rem}.onboarding-error{color:var(--color-danger);background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-sm);padding:.6rem 1rem;font-size:.85rem;width:100%;text-align:center;animation:onboardingFadeInUp .3s ease both}.onboarding-welcome{position:relative}.onboarding-blobs{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.onboarding-blob{position:absolute;border-radius:50%;filter:blur(80px);animation:onboardingPulse 8s ease-in-out infinite}.onboarding-blob-1{width:500px;height:500px;background:var(--color-brand-light);top:-10%;left:-15%;opacity:.5}.onboarding-blob-2{width:400px;height:400px;background:#fde68a;bottom:-10%;right:-10%;opacity:.4;animation-delay:-3s}.onboarding-welcome-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1rem}.onboarding-profile-pic{width:72px;height:72px;border-radius:50%;border:3px solid var(--color-brand-light);animation:onboardingFadeInUp .6s cubic-bezier(.16,1,.3,1) both;box-shadow:var(--shadow-md)}.onboarding-waveform-accent{display:flex;align-items:center;justify-content:center;gap:4px;height:36px;animation:onboardingFadeInUp .6s cubic-bezier(.16,1,.3,1) .3s both}.onboarding-wave-bar{width:4px;height:8px;border-radius:2px;background:var(--color-brand);animation:onboardingWaveBar 1.2s ease-in-out infinite}.onboarding-avatars{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;animation:onboardingFadeInUp .6s cubic-bezier(.16,1,.3,1) .15s both}.onboarding-avatar-circle{width:44px;height:44px;border-radius:50%;color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;animation:onboardingFloat 3s ease-in-out infinite;box-shadow:var(--shadow-sm)}.onboarding-stats-row{display:flex;align-items:center;gap:1.5rem;animation:onboardingFadeInUp .6s cubic-bezier(.16,1,.3,1) .25s both}.onboarding-stat{display:flex;flex-direction:column;gap:.125rem}.onboarding-stat-number{font-family:var(--font-display);font-size:1.4rem;color:var(--color-text)}.onboarding-stat-label{font-size:.8rem;color:var(--color-text-subtle);font-weight:500}.onboarding-stat-divider{width:1px;height:32px;background:var(--color-border)}.onboarding-input-wrap{width:100%;max-width:360px;animation:onboardingFadeInUp .5s cubic-bezier(.16,1,.3,1) .15s both}.onboarding-input{width:100%;padding:1rem 1.25rem;font-family:var(--font-body);font-size:1.15rem;color:var(--color-text);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:all .25s;text-align:center}.onboarding-input:focus{border-color:var(--color-brand);box-shadow:0 0 0 4px #c2410c1a}.onboarding-input::placeholder{color:var(--color-text-subtle)}.onboarding-level-cards{display:flex;flex-direction:column;gap:.75rem;width:100%}.onboarding-level-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);text-align:left;font-family:var(--font-body);animation:onboardingFadeInUp .5s cubic-bezier(.16,1,.3,1) both}.onboarding-level-card:hover{border-color:var(--color-brand-light);background:var(--color-brand-lighter)}.onboarding-level-card-selected{border-color:var(--color-brand);background:var(--color-brand-lighter);transform:scale(1.02);box-shadow:0 0 0 2px var(--color-brand),var(--shadow-sm)}.onboarding-level-icon{width:44px;height:44px;border-radius:50%;background:var(--color-brand-lighter);color:var(--color-brand);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.2rem;flex-shrink:0}.onboarding-level-card-selected .onboarding-level-icon{background:var(--color-brand);color:#fff}.onboarding-level-info{display:flex;flex-direction:column;gap:.2rem}.onboarding-level-label{font-weight:600;font-size:1rem;color:var(--color-text)}.onboarding-level-desc{font-size:.85rem;color:var(--color-text-muted)}.onboarding-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:480px}.onboarding-pill{padding:.55rem 1.1rem;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:99px;font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);animation:onboardingPillIn .4s cubic-bezier(.16,1,.3,1) both}.onboarding-pill:hover{border-color:var(--color-brand-light);background:var(--color-brand-lighter)}.onboarding-pill-selected{background:var(--color-brand);color:#fff;border-color:var(--color-brand);transform:scale(1.05);box-shadow:0 2px 8px #c2410c40}.onboarding-pill-selected:hover{background:var(--color-brand-dark);border-color:var(--color-brand-dark)}.onboarding-topic-cards{display:flex;flex-direction:column;gap:.75rem;width:100%}.onboarding-topic-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;text-align:left;animation:onboardingSlideInRight .5s cubic-bezier(.16,1,.3,1) both;transition:all .2s}.onboarding-topic-card:hover{border-color:var(--color-brand-light);box-shadow:var(--shadow-sm)}.onboarding-topic-tag{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-brand);background:var(--color-brand-lighter);padding:.2rem .6rem;border-radius:4px;display:inline-block;margin-bottom:.5rem}.onboarding-topic-title{font-family:var(--font-display);font-size:1.05rem;color:var(--color-text);margin-bottom:.25rem}.onboarding-topic-desc{font-size:.85rem;color:var(--color-text-muted);line-height:1.5}.onboarding-tips-list{display:flex;flex-direction:column;gap:1.25rem;width:100%}.onboarding-tip{display:flex;align-items:flex-start;gap:1rem;text-align:left;animation:onboardingFadeInUp .5s cubic-bezier(.16,1,.3,1) both}.onboarding-tip-icon{width:56px;height:56px;border-radius:50%;background:var(--color-brand-lighter);color:var(--color-brand);display:flex;align-items:center;justify-content:center;flex-shrink:0}.onboarding-tip-content{display:flex;flex-direction:column;gap:.2rem;padding-top:.25rem}.onboarding-tip-title{font-family:var(--font-display);font-size:1.05rem;color:var(--color-text)}.onboarding-tip-desc{font-size:.9rem;color:var(--color-text-muted);line-height:1.5}.onboarding-ready{position:relative;overflow:hidden}.onboarding-checkmark{width:80px;height:80px;animation:onboardingFadeInUp .5s cubic-bezier(.16,1,.3,1) both}.onboarding-checkmark-svg{width:100%;height:100%}.onboarding-checkmark-circle{stroke:var(--color-brand);stroke-width:2.5;stroke-dasharray:166;stroke-dashoffset:166;stroke-linecap:round;animation:onboardingCheckCircle .8s cubic-bezier(.16,1,.3,1) .2s forwards}.onboarding-checkmark-check{stroke:var(--color-brand);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:onboardingCheckDraw .4s cubic-bezier(.16,1,.3,1) .7s forwards}.onboarding-confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:220;overflow:hidden}.onboarding-confetti-piece{position:absolute;top:-20px;left:var(--x, 50%);width:var(--size, 8px);height:var(--size, 8px);background:var(--color, var(--color-brand));animation:onboardingConfettiFall var(--duration, 3s) cubic-bezier(.25,.46,.45,.94) var(--delay, 0s) forwards}.onboarding-confetti-circle{border-radius:50%}.onboarding-confetti-rect{border-radius:2px}.onboarding-confetti-strip{width:calc(var(--size, 8px) * .4);height:var(--size, 8px);border-radius:1px}@media(max-width:640px){.onboarding-step-container{padding:1.5rem 1rem}.onboarding-step{max-width:100%;gap:1.25rem}.onboarding-title{font-size:2rem}.onboarding-heading{font-size:1.4rem}.onboarding-stats-row{gap:1rem}.onboarding-stat-number{font-size:1.2rem}.onboarding-level-card{padding:1rem 1.25rem}.onboarding-pills{gap:.4rem}.onboarding-pill{padding:.45rem .9rem;font-size:.82rem}.onboarding-back{top:14px;left:14px;width:36px;height:36px}.onboarding-profile-pic{width:60px;height:60px}.onboarding-topic-card{padding:1rem 1.25rem}.onboarding-btn-large{font-size:1rem;padding:1rem 2rem}}