:root{--paper: #fff6e9;--paper-line: #f0dcc0;--card: #fffdf8;--ink: #2a2118;--ink-soft: #8b7c68;--coral: #ff6b4a;--coral-dark: #e04a2b;--teal: #17a08f;--sun: #ffc145;--berry: #4c6fe7;--good: #2f9e44;--weak: #e8590c;--radius: 22px;--shadow: 0 5px 0 rgba(42, 33, 24, .16);--shadow-lift: 0 9px 0 rgba(42, 33, 24, .16);--read-font: "Andika", "Chalkboard SE", "Comic Sans MS", system-ui, sans-serif;--ui-font: "Baloo 2", "Andika", "Trebuchet MS", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100%}body{font-family:var(--ui-font);color:var(--ink);background-color:var(--paper);background-image:repeating-linear-gradient(0deg,transparent 0 46px,var(--paper-line) 46px 47px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.045'/%3E%3C/svg%3E");overscroll-behavior:none}.app{display:flex;flex-direction:column;min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px calc(14px + env(safe-area-inset-top,0px));background:var(--coral);border-bottom:4px solid var(--coral-dark);color:#fff}.header__title{font-size:clamp(22px,5vw,30px);font-weight:800;letter-spacing:.5px;transform:rotate(-1.5deg)}.header__right{display:flex;gap:8px;align-items:center}.badge{background:#ffffff38;border:2px solid rgba(255,255,255,.5);border-radius:999px;padding:5px 13px;font-weight:700;font-size:16px;color:#fff}.badge--button{cursor:pointer;font-family:inherit}.main{flex:1;width:100%;max-width:780px;margin:0 auto;padding:20px 16px 40px}.menu__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.tile{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--card);border:3px solid var(--ink);border-radius:var(--radius);padding:20px 12px 16px;cursor:pointer;font-family:inherit;color:var(--ink);box-shadow:var(--shadow);transition:transform .12s ease,box-shadow .12s ease;animation:pop .35s backwards}.menu__grid .tile:nth-child(2){animation-delay:.05s}.menu__grid .tile:nth-child(3){animation-delay:.1s}.menu__grid .tile:nth-child(4){animation-delay:.15s}.menu__grid .tile:nth-child(5){animation-delay:.2s}.menu__grid .tile:nth-child(6){animation-delay:.25s}.tile:nth-child(odd){transform:rotate(-1deg)}.tile:nth-child(2n){transform:rotate(1deg)}.tile:active{transform:translateY(5px) rotate(0);box-shadow:0 0 #00000029}.tile--wide{grid-column:1 / -1}.tile__emoji{font-size:44px;line-height:1.1}.tile__label{font-size:18px;font-weight:800}.tile__hint{font-size:13px;color:var(--ink-soft);font-weight:600}.session__bar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.back{background:var(--card);border:3px solid var(--ink);border-radius:14px;padding:6px 14px;font:inherit;font-weight:800;cursor:pointer;box-shadow:var(--shadow)}.session__dots{display:flex;gap:6px;flex:1;flex-wrap:wrap}.dot{width:12px;height:12px;border-radius:50%;background:#2a211826}.dot--done{background:var(--teal)}.dot--now{background:var(--sun);transform:scale(1.35)}.card{background:var(--card);border:3px solid var(--ink);border-radius:28px;box-shadow:var(--shadow-lift);padding:28px 18px 32px;min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;animation:pop .25s}.card--correct{border-color:var(--good);background:#f2fbf3}.card--wrong{border-color:var(--weak);background:#fff5ec}.card__feedback{font-size:84px;animation:pop .3s}.read__emoji{font-size:60px;margin-bottom:10px}.read__word{font-family:var(--read-font);font-size:clamp(46px,13vw,88px);font-weight:700;line-height:1.15;letter-spacing:1px}.syl{display:inline-block}.syl--a{color:var(--ink)}.syl--b{color:var(--berry)}.listen{margin-top:22px;width:100%;max-width:320px}.listen__label{font-size:17px;font-weight:800;color:var(--coral-dark);animation:breathe 1.6s ease-in-out infinite}.listen__bar{margin-top:10px;height:12px;border:3px solid var(--ink);border-radius:999px;overflow:hidden;background:#fff}.listen__fill{display:block;height:100%;width:100%;background:var(--teal);transform-origin:left;animation:drain linear forwards}.start{text-align:center;padding:20px 10px}.start__emoji{font-size:72px;animation:breathe 2s ease-in-out infinite}.start__text{font-family:var(--read-font);font-size:clamp(22px,6vw,30px);font-weight:700;margin:14px 0 6px}.start__sub{font-size:16px;font-weight:700;color:var(--ink-soft)}.read__hint,.build__say,.primary{margin-top:20px;background:var(--sun);border:3px solid var(--ink);border-radius:16px;padding:14px 22px;font:inherit;font-size:18px;font-weight:800;cursor:pointer;box-shadow:var(--shadow)}.read__hint:active,.build__say:active,.primary:active{transform:translateY(5px);box-shadow:none}.primary{background:var(--teal);color:#fff}.tap{width:100%}.tap__label{font-size:18px;font-weight:700;color:var(--ink-soft);margin-bottom:16px}.tap__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tap__choice{font-family:var(--read-font);font-size:clamp(26px,7vw,38px);font-weight:700;background:var(--card);border:3px solid var(--ink);border-radius:18px;padding:18px 8px;cursor:pointer;box-shadow:var(--shadow);min-height:84px;color:var(--ink)}.tap__choice:active{transform:translateY(5px);box-shadow:none;background:var(--sun)}.build{width:100%}.build__answer{font-family:var(--read-font);font-size:clamp(36px,10vw,64px);font-weight:700;min-height:84px;margin:18px 0;border-bottom:4px dashed var(--paper-line);letter-spacing:1px}.build__tiles{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.build__tile{font-family:var(--read-font);font-size:clamp(28px,8vw,42px);font-weight:700;background:var(--sun);border:3px solid var(--ink);border-radius:16px;padding:12px 20px;cursor:pointer;box-shadow:var(--shadow);color:var(--ink)}.build__tile--used{opacity:.25;box-shadow:none;transform:translateY(5px)}.build__tile--wrong{animation:shake .35s;background:#ffd7cc}.pick__gap,.build__prompt{font-family:var(--read-font);font-size:clamp(34px,9vw,52px);font-weight:700;letter-spacing:2px;margin-bottom:18px}.flash{display:flex;align-items:center;justify-content:center;min-height:200px}.flash__word{font-family:var(--read-font);font-size:clamp(46px,13vw,88px);font-weight:700;animation:pop .15s}.summary{text-align:center;padding:30px 10px}.summary__score{font-family:var(--read-font);font-size:68px;font-weight:700}.summary__stars{font-size:30px;font-weight:800;color:var(--coral-dark);margin:6px 0 20px}.summary__label{font-weight:800;color:var(--ink-soft)}.summary__list{font-family:var(--read-font);font-size:26px;margin:8px 0 10px}.progress__title{margin:22px 0 10px;font-size:20px;font-weight:800}.legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.legend__item{font-size:13px;font-weight:700;padding:5px 12px}.grid{display:flex;flex-wrap:wrap;gap:7px}.cell{font-family:var(--read-font);font-size:19px;font-weight:700;padding:8px 12px;border-radius:12px;border:2px solid var(--ink);min-width:46px;text-align:center}.cell--new{background:#fff;color:var(--ink-soft)}.cell--weak{background:#ffd9c2}.cell--ok{background:var(--sun)}.cell--good{background:#b9ecd5}@keyframes pop{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@keyframes breathe{0%,to{opacity:.55}50%{opacity:1}}@keyframes drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}