:root{--brand-teal: #0d7d7d;--brand-teal-dark: #096666;--brand-accent: #f4a261;--brand-accent-dark: #e08f4a;--signal-green: #228848;--signal-yellow: #f1c40f;--signal-red: #c0392b;--bg-soft: #f0f4f8;--bg-gradient: linear-gradient(160deg, #eef3f7 0%, #e0eaf0 100%);--pico-font-family: "Nunito", system-ui, -apple-system, sans-serif;--pico-border-radius: 16px;--pico-primary: var(--brand-teal);--pico-primary-hover: var(--brand-teal-dark);--pico-card-background-color: #fff;--pico-line-height: 1.6}body{background:var(--bg-gradient);min-height:100vh}.container{padding-top:1rem;padding-bottom:2rem;position:relative}.container:before{content:"";position:fixed;top:-120px;right:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(13,125,125,.07) 0%,transparent 70%);pointer-events:none;z-index:0}.container:after{content:"";position:fixed;bottom:-80px;left:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(244,162,97,.06) 0%,transparent 70%);pointer-events:none;z-index:0}.step-enter{animation:fade-up .35s ease-out}main>div>article,main>article{position:relative;z-index:1}article{border-radius:20px;box-shadow:0 4px 24px #00000012;border:1px solid rgba(255,255,255,.85);overflow:hidden}.card-hero{padding:.75rem 1.5rem;display:flex;align-items:center;gap:.75rem;margin:-1.5rem -1.5rem 1.5rem;font-weight:700;font-size:.9rem;letter-spacing:.02em;text-transform:uppercase}.card-hero-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.card-hero.consent{background:linear-gradient(135deg,color-mix(in srgb,var(--brand-teal) 12%,#fff),color-mix(in srgb,var(--brand-teal) 6%,#fff));color:var(--brand-teal-dark)}.card-hero.consent .card-hero-icon{background:var(--brand-teal)}.card-hero.age{background:linear-gradient(135deg,color-mix(in srgb,var(--brand-accent) 12%,#fff),color-mix(in srgb,var(--brand-accent) 6%,#fff));color:var(--brand-accent-dark)}.card-hero.age .card-hero-icon{background:var(--brand-accent);color:#fff}.card-hero.session{background:linear-gradient(135deg,color-mix(in srgb,#8e44ad 10%,#fff),color-mix(in srgb,#8e44ad 5%,#fff));color:#6c3483}.card-hero.session .card-hero-icon{background:#8e44ad;color:#fff}.card-hero.result{background:linear-gradient(135deg,color-mix(in srgb,var(--brand-teal) 10%,#f0faf9),color-mix(in srgb,var(--brand-teal) 5%,#fff));color:var(--brand-teal-dark)}.card-hero.result .card-hero-icon{background:var(--brand-teal)}.stepper{display:flex;align-items:center;justify-content:center;gap:.25rem;margin-bottom:1.5rem;position:relative;z-index:1}.stepper-step{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;font-size:1rem;background:#e8edf2;transition:all .25s;position:relative}.stepper-step+.stepper-step{margin-left:1.25rem}.stepper-step+.stepper-step:before{content:"";position:absolute;right:100%;top:50%;width:1.25rem;height:2px;background:#dce3e8;transform:translateY(-50%)}.stepper-step.done+.stepper-step:before{background:var(--signal-green)}.stepper-step.active{background:var(--brand-teal);transform:scale(1.15);box-shadow:0 2px 10px #0d7d7d4d}.stepper-step.done{background:var(--signal-green);font-size:.75rem}.app-logo{display:flex;align-items:center;gap:.65rem}.app-logo-mark{width:40px;height:40px;background:var(--brand-teal);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;color:var(--brand-teal);letter-spacing:-.01em}.age-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1.5rem 0}button.age-btn{padding:1rem .5rem;font-size:1.3rem;font-weight:700;border:2px solid #dce3e8;border-radius:14px;background:#fff;color:#1e293b;cursor:pointer;transition:all .15s ease;line-height:1;box-shadow:0 1px 3px #0000000a}button.age-btn:hover{border-color:var(--brand-accent);background:color-mix(in srgb,var(--brand-accent) 6%,#fff);box-shadow:0 2px 8px #f4a26126}button.age-btn.selected{border-color:var(--brand-teal);background:var(--brand-teal);color:#fff;box-shadow:0 3px 12px #0d7d7d40}button.age-btn:focus-visible{outline:3px solid var(--brand-teal);outline-offset:3px}.semaphore-large{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:2.5rem;color:#fff;font-weight:700;animation:pop-in .4s ease-out;box-shadow:0 4px 20px #00000021}.semaphore-large.green{background:linear-gradient(135deg,#28b865,var(--signal-green))}.semaphore-large.yellow{background:linear-gradient(135deg,#f5d627,var(--signal-yellow));color:#333}.semaphore-large.red{background:linear-gradient(135deg,#e74c3c,var(--signal-red))}.semaphore-large.inconclusive{background:linear-gradient(135deg,#b0b8c0,#95a5a6)}.phoneme-card{border-left:4px solid var(--pico-muted-border-color);margin-bottom:1rem;border-radius:16px}.phoneme-card.green{border-left-color:var(--signal-green)}.phoneme-card.yellow{border-left-color:var(--signal-yellow)}.phoneme-card.red{border-left-color:var(--signal-red)}.phoneme-card.inconclusive{border-left-color:#95a5a6}.mic-indicator{display:flex;align-items:center;justify-content:center;gap:5px;margin:1.5rem 0}.mic-dot{width:14px;height:14px;background:#e74c3c;border-radius:50%;animation:pulse 1s ease-in-out infinite;box-shadow:0 0 10px #e74c3c80}.mic-bar{width:5px;background:linear-gradient(to top,#e74c3c,#ff6b6b);border-radius:3px;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:20px;animation-delay:.3s}.mic-bar:nth-child(5){height:24px;animation-delay:.4s}.mic-bar:nth-child(6){height:14px;animation-delay:.5s}.countdown-overlay{display:flex;align-items:center;justify-content:center;min-height:200px}.countdown-number{font-size:6rem;font-weight:800;color:var(--brand-teal);animation:pop-in .45s ease-out}.emoji-bounce{animation:bounce .6s ease-in-out infinite}.word-badge{display:inline-block;background:var(--pico-card-background-color);border-radius:50%;padding:.5rem;box-shadow:0 4px 16px #0000001a}.phoneme-sz .card-hero.session{background:linear-gradient(135deg,color-mix(in srgb,#3498db 12%,#fff),color-mix(in srgb,#3498db 6%,#fff));color:#1a5276}.phoneme-sz .card-hero.session .card-hero-icon{background:#3498db}.phoneme-s .card-hero.session{background:linear-gradient(135deg,color-mix(in srgb,#27ae60 12%,#fff),color-mix(in srgb,#27ae60 6%,#fff));color:#1a6e3a}.phoneme-s .card-hero.session .card-hero-icon{background:#27ae60}.phoneme-r .card-hero.session{background:linear-gradient(135deg,color-mix(in srgb,#e67e22 12%,#fff),color-mix(in srgb,#e67e22 6%,#fff));color:#7d4b12}.phoneme-r .card-hero.session .card-hero-icon{background:#e67e22}.stars{font-size:1.5rem;letter-spacing:.15em;animation:pop-in .4s ease-out}.encouragement{font-size:1.4rem;font-weight:800;animation:pop-in .35s ease-out}.encouragement.great{color:var(--signal-green)}.encouragement.ok{color:var(--signal-yellow)}.encouragement.try-again{color:var(--signal-red)}.burst{animation:burst .5s ease-out}.advice-box{background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;padding:1rem 1.25rem;margin:1.5rem 0;font-size:.95rem}.advice-box.green{border-color:var(--signal-green);background:color-mix(in srgb,var(--signal-green) 6%,#fff)}.advice-box.yellow{border-color:var(--signal-yellow);background:color-mix(in srgb,var(--signal-yellow) 8%,#fff)}.advice-box.red{border-color:var(--signal-red);background:color-mix(in srgb,var(--signal-red) 6%,#fff)}.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(--brand-accent);--pico-primary-hover: var(--brand-accent-dark)}@media print{.no-print{display:none!important}body{background:#fff}article{box-shadow:none;border:1px solid #ddd;break-inside:avoid}.semaphore-large,.phoneme-card{-webkit-print-color-adjust:exact;print-color-adjust:exact}.stepper{display:none!important}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{transform:scale(0);opacity:0}60%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes burst{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@media(max-width:600px){.container{padding-left:.75rem;padding-right:.75rem}.age-grid{grid-template-columns:repeat(2,1fr)}h1{font-size:1.4rem}.semaphore-large{width:80px;height:80px;font-size:2rem}.stepper-step{width:30px;height:30px;font-size:.85rem}.stepper-step+.stepper-step{margin-left:1rem}.stepper-step+.stepper-step:before{width:1rem}.countdown-number{font-size:4.5rem}button.age-btn{font-size:1.1rem;padding:.8rem .4rem}}@media(max-width:400px){.stepper-step{width:26px;height:26px;font-size:.75rem}.stepper-step+.stepper-step{margin-left:.75rem}.stepper-step+.stepper-step:before{width:.75rem}}