:root{--bg:#FEFCFB;--bg2:#F8F4F0;--bg3:#FFFFFF;--text:#2D2A26;--text2:#6B6560;--text3:#9E9893;--card:#FFFFFF;--card-border:rgba(0,0,0,.06);--shadow:0 2px 16px rgba(0,0,0,.06);--shadow-lg:0 8px 32px rgba(0,0,0,.08);--nav-bg:rgba(255,255,255,.85);--accent:#FF6B6B;--accent2:#4ECDC4;--accent3:#FFE66D;--btn:#FF6B6B;--btn-text:#FFF;--vowel-badge:#FFF3CD;--cons-badge:#D1ECF1;--app-max: 480px;--intro-max: 420px;--promo-cols: 1;--nav-justify: flex-start}@media(min-width:900px){:root{--app-max: 980px;--intro-max: 980px;--promo-cols: 2;--nav-justify: center}}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:Fredoka,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button{font-family:inherit}button:active{transform:scale(.98)!important}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes practiceBalloonRise{0%{opacity:0;transform:translate(-50%) translateY(0) scale(.8)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-110px) scale(1.1)}}@keyframes practiceBalloonPop{0%{opacity:0;transform:translate(-50%) scale(.6)}30%{opacity:1;transform:translate(-50%) scale(1.2)}to{opacity:0;transform:translate(-50%) scale(.8)}}img{max-width:100%;height:auto;display:block}