:root{--coral: #FF6B6B;--coral-dark: #e05555;--sunny: #FFD93D;--turquoise: #4ECDC4;--turquoise-dark: #3ab0a8;--lavender: #C084FC;--soft-pink: #FFE8E8;--soft-blue: #E8F8FF;--soft-yellow: #FFF8E0;--soft-green: #E0FFE8;--signal-green: #22C55E;--signal-yellow: #EAB308;--signal-red: #EF4444;--bg-warm: #FFFBF0;--bg-card: #ffffff;--text-primary: #2D3436;--text-muted: #5A6B7D;--pico-font-family: "Nunito", system-ui, -apple-system, sans-serif;--pico-border-radius: 20px;--pico-primary: var(--turquoise);--pico-primary-hover: var(--turquoise-dark);--pico-card-background-color: #fff;--pico-line-height: 1.6;--pico-form-element-spacing-vertical: .75rem;--pico-form-element-spacing-horizontal: 1.25rem}body{background:var(--bg-warm);min-height:100vh;overflow-x:hidden}.container{padding-top:.5rem;padding-bottom:2rem;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);position:relative}@supports (padding-top: env(safe-area-inset-top)){.container{padding-top:calc(.5rem + env(safe-area-inset-top));padding-bottom:calc(2rem + env(safe-area-inset-bottom))}}.bg-bubbles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.bubble{position:absolute;border-radius:50%;opacity:.3;animation:float-up linear infinite}.bubble:nth-child(1){width:80px;height:80px;background:var(--soft-pink);left:5%;bottom:-80px;animation-duration:18s;animation-delay:0s}.bubble:nth-child(2){width:120px;height:120px;background:var(--soft-blue);left:20%;bottom:-120px;animation-duration:22s;animation-delay:2s}.bubble:nth-child(3){width:60px;height:60px;background:var(--soft-yellow);left:40%;bottom:-60px;animation-duration:16s;animation-delay:4s}.bubble:nth-child(4){width:100px;height:100px;background:var(--soft-green);left:60%;bottom:-100px;animation-duration:20s;animation-delay:1s}.bubble:nth-child(5){width:70px;height:70px;background:#f3e8ff;left:80%;bottom:-70px;animation-duration:19s;animation-delay:3s}@keyframes float-up{0%{transform:translateY(0) rotate(0) scale(1)}50%{transform:translateY(-50vh) rotate(180deg) scale(1.1)}to{transform:translateY(-110vh) rotate(360deg) scale(.8);opacity:0}}.step-enter{animation:fade-up .4s ease-out}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}main>article,main>div>article{position:relative;z-index:1;border-radius:24px;box-shadow:0 8px 32px #0000000f,0 2px 8px #0000000a;border:1px solid rgba(255,255,255,.9);overflow:hidden;background:var(--bg-card);padding:2rem 1.5rem!important}.mascot-bar{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.6rem 1rem;background:linear-gradient(135deg,#fff5f5,#fff8e0);border-radius:16px;border:1px solid rgba(255,107,107,.15)}.mascot-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--coral),var(--sunny));display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;animation:bounce 2s ease-in-out infinite;box-shadow:0 3px 10px #ff6b6b40}.mascot-speech{font-size:.95rem;color:var(--text-primary);font-weight:600;line-height:1.4}.mascot-speech small{font-weight:400;color:var(--text-muted);font-size:.8rem}.card-hero{padding:.75rem 1.25rem;display:flex;align-items:center;gap:.75rem;margin:-2rem -1.5rem 1.5rem;font-weight:700;font-size:.95rem;letter-spacing:.02em;text-transform:uppercase;border-bottom:1px solid rgba(0,0,0,.04)}.card-hero-icon{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.card-hero.consent{background:linear-gradient(135deg,#fff5f5,#ffe8e8);color:var(--coral-dark)}.card-hero.consent .card-hero-icon{background:var(--coral);color:#fff}.card-hero.age{background:linear-gradient(135deg,#fff8e0,#fff3c4);color:#b45309}.card-hero.age .card-hero-icon{background:var(--sunny);color:#7a4b00}.card-hero.session{background:linear-gradient(135deg,#e8f8ff,#d0f0ff);color:#0369a1}.card-hero.session .card-hero-icon{background:#3b82f6;color:#fff}.card-hero.result{background:linear-gradient(135deg,#e0ffe8,#c8f8d8);color:#15803d}.card-hero.result .card-hero-icon{background:var(--signal-green);color:#fff}.stepper{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:1.5rem;position:relative;z-index:1;padding:.5rem 1rem;background:#ffffffb3;border-radius:100px;box-shadow:0 2px 12px #0000000a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stepper-step{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;font-size:1rem;background:#eff3f6;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;flex-shrink:0;border:2px solid transparent}.stepper-step+.stepper-step{margin-left:2rem}.stepper-step+.stepper-step:before{content:"";position:absolute;right:100%;top:50%;width:2rem;height:3px;background:#dce3e8;transform:translateY(-50%);border-radius:2px;transition:background .3s}.stepper-step.active{background:var(--turquoise);border-color:var(--turquoise-dark);transform:scale(1.2);box-shadow:0 4px 14px #4ecdc466;color:#fff}.stepper-step.done{background:var(--signal-green);color:#fff;font-size:.8rem}.stepper-step.done+.stepper-step:before{background:var(--signal-green)}.app-logo{display:flex;align-items:center;gap:.65rem}.app-logo-mark{width:40px;height:40px;background:linear-gradient(135deg,var(--coral),var(--sunny));border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:800;color:#fff;flex-shrink:0}.app-logo-text{font-size:1.15rem;font-weight:700;background:linear-gradient(135deg,var(--coral),var(--turquoise));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.01em}.age-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.5rem 0}button.age-btn{padding:1.25rem .5rem;font-size:1.4rem;font-weight:800;border:3px solid #E8EDF2;border-radius:18px;background:#fff;color:var(--text-primary);cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);line-height:1;box-shadow:0 2px 6px #0000000a;min-height:72px}button.age-btn:hover{border-color:var(--sunny);background:var(--soft-yellow);transform:translateY(-2px) scale(1.03);box-shadow:0 6px 20px #ffd93d33}button.age-btn.selected{border-color:var(--turquoise);background:var(--turquoise);color:#fff;transform:scale(1.05);box-shadow:0 6px 24px #4ecdc459}button.age-btn:focus-visible{outline:3px solid var(--turquoise);outline-offset:3px}.age-btn-emoji{display:block;font-size:1.8rem;margin-bottom:.25rem}.result-medal{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:3rem;font-weight:700;color:#fff;animation:pop-in .5s ease-out;box-shadow:0 6px 30px #00000021;position:relative}.result-medal:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:3px solid rgba(255,255,255,.4)}.result-medal.green{background:linear-gradient(135deg,#4ADE80,var(--signal-green))}.result-medal.yellow{background:linear-gradient(135deg,#FDE047,var(--signal-yellow));color:#333}.result-medal.red{background:linear-gradient(135deg,#F87171,var(--signal-red))}.result-medal.inconclusive{background:linear-gradient(135deg,#cbd5e1,#94a3b8)}.phoneme-card{margin-bottom:1rem;border-radius:18px;overflow:hidden;border:2px solid transparent;transition:all .2s}.phoneme-card.green{border-color:#86efac;background:linear-gradient(135deg,#f0fff4,#e8ffee)}.phoneme-card.yellow{border-color:#fde68a;background:linear-gradient(135deg,#fffcf0,#fff8e0)}.phoneme-card.red{border-color:#fca5a5;background:linear-gradient(135deg,#fff5f5,#ffe8e8)}.phoneme-card.inconclusive{border-color:#cbd5e1;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.phoneme-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:700;font-size:1.1rem;border-bottom:1px solid rgba(0,0,0,.05)}.phoneme-body{padding:.75rem 1rem}.mic-indicator{display:flex;align-items:center;justify-content:center;gap:6px;margin:1.5rem 0;padding:1rem;background:#fff9;border-radius:100px}.mic-dot{width:14px;height:14px;background:var(--coral);border-radius:50%;animation:pulse 1s ease-in-out infinite;box-shadow:0 0 12px #ff6b6b80}.mic-bar{width:6px;background:linear-gradient(to top,var(--coral),var(--sunny));border-radius:4px;animation:wave .9s ease-in-out infinite}.mic-bar:nth-child(2){height:16px;animation-delay:.1s}.mic-bar:nth-child(3){height:28px;animation-delay:.2s}.mic-bar:nth-child(4){height:36px;animation-delay:.3s}.mic-bar:nth-child(5){height:28px;animation-delay:.4s}.mic-bar:nth-child(6){height:20px;animation-delay:.5s}.mic-bar:nth-child(7){height:14px;animation-delay:.6s}.countdown-overlay{display:flex;align-items:center;justify-content:center;min-height:200px}.countdown-number{font-size:6rem;font-weight:900;background:linear-gradient(135deg,var(--coral),var(--sunny));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pop-in .4s ease-out;filter:drop-shadow(0 4px 8px rgba(255,107,107,.3))}.word-card{display:flex;flex-direction:column;align-items:center;padding:1.5rem;margin:.5rem auto;border-radius:24px;width:fit-content;min-width:200px;position:relative;transition:all .3s}.word-card.phoneme-sz{background:linear-gradient(135deg,#e8f8ff,#d0f0ff);border:3px solid #93C5FD}.word-card.phoneme-s{background:linear-gradient(135deg,#e0ffe8,#c8f8d8);border:3px solid #86EFAC}.word-card.phoneme-r{background:linear-gradient(135deg,#fff5f5,#ffe0d0);border:3px solid #FDBA74}.word-card.recording{animation:wiggle 1s ease-in-out infinite}.word-emoji{font-size:5rem;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));margin-bottom:.25rem}.word-emoji.bouncing{animation:bounce .6s ease-in-out infinite}.word-text{font-size:2.8rem;font-weight:900;color:var(--text-primary);line-height:1.1;letter-spacing:.02em}.encouragement{font-size:1.5rem;font-weight:800;animation:pop-in .35s ease-out}.encouragement.great{color:var(--signal-green)}.encouragement.ok{color:var(--sunny);-webkit-text-stroke:.5px #B45309}.encouragement.try-again{color:var(--signal-red)}.stars{font-size:2rem;letter-spacing:.15em;animation:pop-in .4s ease-out}.burst{animation:burst .5s ease-out}@keyframes burst{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.advice-box{background:#f8fafc;border:2px solid #E2E8F0;border-radius:16px;padding:1rem 1.25rem;margin:1.5rem 0;font-size:.95rem}.advice-box.green{border-color:var(--signal-green);background:linear-gradient(135deg,#f0fff4,#e8ffee)}.advice-box.yellow{border-color:var(--signal-yellow);background:linear-gradient(135deg,#fffcf0,#fff8e0)}.advice-box.red{border-color:var(--signal-red);background:linear-gradient(135deg,#fff5f5,#ffe8e8)}.confetti-container{position:absolute;top:0;left:0;width:100%;height:300px;pointer-events:none;overflow:hidden;z-index:10}.confetti-piece{position:absolute;top:45%;left:50%;opacity:0;animation:confetti-burst ease-out forwards}@keyframes confetti-burst{0%{transform:translate(-50%,-50%) translate(0) scale(0) rotate(0);opacity:1}20%{transform:translate(-50%,-50%) translate(var(--bx),var(--by)) scale(1.1) rotate(200deg);opacity:1}to{transform:translate(-50%,-50%) translate(var(--ex),var(--ey)) scale(.2) rotate(720deg);opacity:0}}button.accent{--pico-primary: var(--coral);--pico-primary-hover: var(--coral-dark)}progress{--pico-progress-color: var(--turquoise);height:8px!important;border-radius:4px!important}.big-cta{font-size:1.3rem!important;padding:.85rem 2.5rem!important;border-radius:100px!important;box-shadow:0 4px 16px #4ecdc44d!important;transition:all .2s cubic-bezier(.34,1.56,.64,1)!important}.big-cta:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 28px #4ecdc466!important}.result-heading{font-size:1.6rem;font-weight:800}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}@media print{.no-print{display:none!important}body{background:#fff}article{box-shadow:none;border:1px solid #ddd;break-inside:avoid}.result-medal,.phoneme-card{-webkit-print-color-adjust:exact;print-color-adjust:exact}.stepper,.bg-bubbles{display:none!important}}@media(max-width:600px){.container{padding-left:.75rem;padding-right:.75rem}.age-grid{grid-template-columns:repeat(2,1fr)}h1{font-size:1.4rem}.result-medal{width:100px;height:100px;font-size:2.5rem}.countdown-number{font-size:4.5rem}button.age-btn{font-size:1.2rem;padding:1rem .4rem;min-height:64px}.stepper-step{width:34px;height:34px;font-size:.85rem}.stepper-step+.stepper-step{margin-left:1.5rem}.stepper-step+.stepper-step:before{width:1.5rem}.word-text{font-size:2.2rem}.word-emoji{font-size:4rem}.age-btn-emoji{font-size:1.5rem}.result-heading{font-size:1.3rem}main>article{padding:1.5rem 1rem!important}.card-hero{margin:-1.5rem -1rem 1rem;padding:.6rem 1rem}}@media(max-width:400px){.stepper-step{width:28px;height:28px;font-size:.75rem}.stepper-step+.stepper-step{margin-left:1rem}.stepper-step+.stepper-step:before{width:1rem}.word-text{font-size:1.8rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.bg-bubbles,.confetti-container{display:none}}