*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}.vowel-guide-mouth{width:4.5rem;height:4rem;display:flex;align-items:center;justify-content:center;border-radius:.75rem;background:#f8fafc;border:1px solid rgb(226 232 240)}.vowel-guide-mouth-svg{width:88%;height:88%;overflow:visible}.vowel-guide-stroke{fill:none;stroke:#64748b;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.vowel-guide-cavity{fill:#cbd5e1;stroke:none;transform-box:fill-box;transform-origin:center}.vowel-guide-jaw-ah{transform-box:fill-box;transform-origin:36px 28px;animation:vowel-jaw-drop-ah 3s ease-in-out infinite}.vowel-guide-mouth[data-variant=wide] .vowel-guide-cavity{animation:vowel-cavity-ah 3s ease-in-out infinite}@keyframes vowel-jaw-drop-ah{0%,to{transform:translateY(0)}45%,55%{transform:translateY(9px)}}@keyframes vowel-cavity-ah{0%,to{transform:scale(.75,.35);opacity:.45}45%,55%{transform:scaleY(2.2);opacity:1}}.vowel-guide-smile-group{transform-box:fill-box;transform-origin:center;animation:vowel-smile-stretch 3s ease-in-out infinite}.vowel-guide-mouth[data-variant=smile] .vowel-guide-cavity{animation:vowel-cavity-eh 3s ease-in-out infinite}@keyframes vowel-smile-stretch{0%,to{transform:scaleX(.88) translateY(1px)}45%,55%{transform:scale(1.14,.9) translateY(-2px)}}@keyframes vowel-cavity-eh{0%,to{transform:scale(.55,.5);opacity:.4}45%,55%{transform:scale(1.2,.75);opacity:1}}.vowel-guide-pucker-group{transform-box:fill-box;transform-origin:center;animation:vowel-pucker-oh 3s ease-in-out infinite}.vowel-guide-lips-oh{fill:#f8fafc}.vowel-guide-cavity-oh{animation:vowel-cavity-oh 3s ease-in-out infinite}@keyframes vowel-pucker-oh{0%,to{transform:scale(1.08,.82)}45%,55%{transform:scale(.82,1.08)}}@keyframes vowel-cavity-oh{0%,to{transform:scale(.45);opacity:.35}45%,55%{transform:scale(1);opacity:1}}.vowel-guide-letters{display:flex;gap:.1rem;font-size:.7rem;font-weight:600;letter-spacing:.02em;color:#64748b}.vowel-guide-letter{animation:vowel-letter-glow 3s ease-in-out infinite}@keyframes vowel-letter-glow{0%,to{opacity:.3}50%{opacity:.95}}@media(prefers-reduced-motion:reduce){.vowel-guide-jaw-ah,.vowel-guide-smile-group,.vowel-guide-pucker-group,.vowel-guide-cavity,.vowel-guide-letter{animation:none}.vowel-guide-cavity{opacity:.85}.vowel-guide-letter{opacity:.8}.vowel-guide-mouth[data-variant=wide] .vowel-guide-cavity{transform:scaleY(1.6)}.vowel-guide-mouth[data-variant=smile] .vowel-guide-cavity{transform:scale(1.1,.7)}.vowel-guide-mouth[data-variant=round] .vowel-guide-cavity-oh{transform:scale(.9)}}