.parents{gap:var(--space-3);touch-action:pan-y;font-size:var(--text-sm);align-content:start;justify-items:start;display:grid;overflow-y:auto}.parents h1{font-size:var(--text-lg)}.parents h2{font-size:var(--text-base)}.parents .panel{width:100%;padding:var(--space-3)}.parents .panel>.button{justify-self:start}.parents__header{gap:var(--space-2);align-items:center;display:flex}.parents__chapters{margin:0;padding-left:1.2em}.report{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.report caption{padding-bottom:var(--space-1);color:var(--color-ink-soft);text-align:left}.report th,.report td{border-bottom:2px solid var(--color-paper-deep);text-align:left;padding:.55em .6em}.report thead th{border-bottom:3px solid var(--color-ink);text-transform:uppercase;letter-spacing:.06em;font-size:.85em}.level{border:2px solid var(--color-ink);white-space:nowrap;border-radius:999px;padding:.15em .7em;font-weight:800}.level--new{background:var(--color-paper-deep)}.level--practicing{background:var(--color-sun)}.level--mastered{background:var(--color-mint)}.meter{border:2px solid var(--color-ink);background:var(--color-white);vertical-align:middle;border-radius:999px;width:5rem;height:.7rem;margin-right:.6em;display:inline-block;overflow:hidden}.meter__fill{background:var(--color-ink);transform-origin:0;height:100%;display:block}.gate{font:800 var(--text-lg) / 1.2 var(--font-display);justify-items:start}.gate__input{border:var(--border);border-radius:var(--radius-sm);background:var(--color-paper);width:6ch;color:inherit;font:inherit;text-align:center;-webkit-user-select:text;user-select:text;padding:.2em .4em}.calibration__panel{justify-items:start}.calibration__pad{aspect-ratio:1;border:var(--border);border-radius:var(--radius-blob);background:var(--color-coral);width:min(60vh,20rem);color:var(--color-ink);font:900 var(--text-lg) / 1.1 var(--font-display);box-shadow:0 10px 0 var(--color-ink);cursor:pointer;place-content:center;justify-self:center;display:grid}.calibration__pad:active{box-shadow:var(--shadow-pressed);transform:translateY(8px)}.calibration__count{font-size:var(--text-xl)}.calibration__result strong{font-size:var(--text-lg)}.home{gap:var(--space-4);grid-template-columns:minmax(16rem,1fr) 1.4fr;align-items:center;display:grid}.home__header{gap:var(--space-2);justify-items:start;display:grid}.home__title{font-size:var(--text-giant);rotate:-3deg}.home__title span{border:var(--border);border-radius:var(--radius-sm);background:var(--color-coral);color:var(--color-white);box-shadow:var(--shadow-hard);padding:0 .15em;display:inline-block;rotate:5deg}.home__tagline{font:800 var(--text-lg) / 1.15 var(--font-display)}.home__parents{margin-top:var(--space-3)}.home__chapters{gap:var(--space-3);height:100%;padding:var(--space-3) var(--space-2);touch-action:pan-x;align-items:center;display:flex;overflow-x:auto}.chapter-card{gap:var(--space-1);width:clamp(13rem,30vw,18rem);padding:var(--space-3);border:var(--border);border-radius:var(--radius-md) var(--radius-md) 56px var(--radius-md);background:var(--color-sky);color:var(--color-ink);font:800 var(--text-lg) / 1.1 var(--font-display);text-align:center;box-shadow:0 10px 0 var(--color-ink);transition:transform var(--duration-normal) var(--ease-bounce);flex:none;justify-items:center;text-decoration:none;display:grid;position:relative;rotate:2deg}.chapter-card:nth-child(2n){background:var(--color-mint);rotate:-2deg}.chapter-card:hover,.chapter-card:focus-visible{transform:translateY(-8px)rotate(-2deg)}.chapter-card:active{transform:translateY(6px)}.chapter-card img{width:70%}.chapter-card__number{aspect-ratio:1;border:var(--border);background:var(--color-sun);border-radius:50%;place-items:center;width:3.4rem;display:grid;position:absolute;top:-1.2rem;left:-1.2rem}.stars{justify-content:center;gap:.3rem;display:flex}.stars__star{width:2.2rem;fill:var(--color-white);stroke:var(--color-ink);stroke-width:7px;stroke-linejoin:round}.stars__star--on{fill:var(--color-sun)}.intro,.reward{gap:var(--space-4);grid-template-columns:1fr 1.3fr;align-items:center;display:grid;position:relative}.intro__back{top:max(var(--space-2), env(safe-area-inset-top));left:max(var(--space-3), env(safe-area-inset-left));position:absolute}.intro__art,.reward__sticker{justify-self:center;width:min(100%,52vh)}.intro__art{animation:3s ease-in-out infinite float}.intro__text,.reward__text{gap:var(--space-3);justify-items:start;display:grid}.intro__text p{max-width:26ch;font:700 var(--text-lg) / 1.25 var(--font-display)}.reward__sticker{animation:stamp .6s var(--ease-bounce) both}.reward .stars__star{width:clamp(3rem,12vh,5rem)}.reward .stars__star--on{animation:pop var(--duration-normal) var(--ease-bounce) both}.reward .stars__star--on:nth-child(2){animation-delay:.2s}.reward .stars__star--on:nth-child(3){animation-delay:.4s}.reward__score{font:800 var(--text-lg) / 1 var(--font-display)}.share-button{gap:.5em}.share-button svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:1.2em}@keyframes float{50%{transform:translateY(-4%)rotate(4deg)}}@keyframes stamp{0%{opacity:0;transform:scale(2.2)rotate(-25deg)}to{transform:rotate(-6deg)}}.prompt-count{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(.5rem,2vw,1.5rem);max-width:44rem;margin:0;padding:0;list-style:none;display:flex}.prompt-count__item{width:clamp(4rem,17vh,8rem);animation:pop var(--duration-normal) var(--ease-bounce) both;animation-delay:calc(var(--pop-index,0) * 70ms)}.prompt-count__item:nth-child(odd){rotate:-6deg}.prompt-count__item:nth-child(3n){translate:0 8%;rotate:8deg}.prompt-count__item img{width:100%;display:block}.prompt-count__dot{aspect-ratio:1;border:var(--border);background:var(--color-sky);border-radius:50%;width:clamp(3rem,12vh,6rem)}.prompt-equation{font:900 var(--text-giant) / 1 var(--font-display);align-items:center;gap:clamp(.5rem,2vw,1.5rem);display:flex}.prompt-equation__tile{border:var(--border);border-radius:var(--radius-md);background:var(--color-sky);min-width:1.5em;box-shadow:var(--shadow-hard);animation:pop var(--duration-normal) var(--ease-bounce) both;place-items:center;padding:.12em .3em;display:grid}.prompt-equation__tile:nth-of-type(3){background:var(--color-mint);animation-delay:.12s;rotate:3deg}.prompt-equation__tile--unknown{background:var(--color-sun);animation-delay:.24s;rotate:-4deg}.prompt-audio{justify-items:center;gap:var(--space-1);color:inherit;font:800 var(--text-lg) / 1.1 var(--font-display);cursor:pointer;background:0 0;border:0;padding:0;display:grid}.prompt-audio svg{border:var(--border);border-radius:var(--radius-blob);background:var(--color-grape);width:clamp(7rem,30vh,13rem);box-shadow:var(--shadow-hard);fill:none;stroke:var(--color-ink);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;padding:12%}.prompt-audio__speaker{fill:var(--color-white)}.prompt-audio__wave{animation:.9s ease-in-out infinite pulse}.prompt-audio__wave--far{animation-delay:.25s}.prompt-compare{align-items:stretch;gap:clamp(2rem,8vw,6rem);margin:0;padding:0;list-style:none;display:flex}.prompt-compare__card{justify-items:center;gap:var(--space-1);border:var(--border);border-radius:var(--radius-md);min-width:clamp(8rem,26vh,13rem);box-shadow:var(--shadow-hard);animation:pop var(--duration-normal) var(--ease-bounce) both;grid-template-rows:auto 1fr;padding:clamp(.75rem,2vh,1.25rem);display:grid}.prompt-compare__card--left{background:var(--color-sky);rotate:-3deg}.prompt-compare__card--right{background:var(--color-mint);animation-delay:.12s;rotate:3deg}.prompt-compare__number{font:900 var(--text-giant) / 1 var(--font-display)}.prompt-compare__dots{grid-template-columns:repeat(3,clamp(1.1rem,5vh,2.2rem));align-content:start;gap:.4rem;min-height:calc(2*clamp(1.1rem,5vh,2.2rem) + .4rem);display:grid}.prompt-compare__dot{aspect-ratio:1;border:3px solid var(--color-ink);background:var(--color-white);animation:pop var(--duration-normal) var(--ease-bounce) both;animation-delay:calc(.2s + var(--pop-index,0) * 50ms);border-radius:50%}.prompt-sequence{--stair-step:clamp(.6rem, 3vh, 1.4rem);font:900 var(--text-giant) / 1 var(--font-display);align-items:center;gap:clamp(.5rem,2vw,1.25rem);margin:0;padding:0;list-style:none;display:flex}.prompt-sequence__tile{border:var(--border);border-radius:var(--radius-md);background:var(--color-sky);min-width:1.5em;box-shadow:var(--shadow-hard);animation:pop var(--duration-normal) var(--ease-bounce) both;animation-delay:calc(var(--stair-index,0) * .11s);place-items:center;padding:.12em .3em;display:grid}.prompt-sequence--up .prompt-sequence__tile{translate:0 calc(var(--stair-index,0) * var(--stair-step) * -1)}.prompt-sequence--down .prompt-sequence__tile{translate:0 calc(var(--stair-index,0) * var(--stair-step))}.prompt-sequence__tile:nth-child(2n){background:var(--color-mint)}.prompt-sequence__tile--unknown,.prompt-sequence__tile--unknown:nth-child(2n){background:var(--color-sun);rotate:-4deg}@media (height<=500px){.prompt-compare__card{grid-template-rows:none;grid-template-columns:auto auto;align-items:center;min-width:0;padding:.4rem .8rem}.prompt-compare__dots{grid-template-columns:repeat(5,clamp(.8rem,4vh,1.1rem));gap:.25rem;min-height:0}.prompt-compare__dot{border-width:2px}.prompt-sequence{--stair-step:.3rem;font-size:clamp(1.8rem,14vh,3rem)}.prompt-count__item{width:clamp(2.5rem,13vh,4rem)}}.game{gap:var(--space-2);grid-template-rows:auto 1fr auto;display:grid}.game__bar{align-items:center;gap:var(--space-2);display:flex}.game__dots{flex:1;justify-content:center;gap:clamp(.2rem,.8vw,.5rem);min-width:0;margin:0;padding:0;list-style:none;display:flex}.game__dot{aspect-ratio:1;border:3px solid var(--color-ink);background:var(--color-white);min-width:.7rem;transition:transform var(--duration-normal) var(--ease-bounce);border-radius:50%;flex:0 1.4rem}.game__dot--hit{background:var(--color-hit);transform:scale(1.25)}.game__dot--miss{background:var(--color-miss)}.game__dot--timeout{background:var(--color-timeout)}.tempo-badge{border:3px solid var(--color-ink);background:var(--color-white);font:800 var(--text-sm) / 1.2 var(--font-display);white-space:nowrap;border-radius:999px;padding:.35em .9em}.game__stage{min-height:0;padding:var(--space-3) var(--space-3) calc(var(--space-3) + 1.75rem);border:var(--border);border-radius:var(--radius-md) var(--radius-md) 48px var(--radius-md);background:var(--color-white);box-shadow:var(--shadow-hard);transition:background-color var(--duration-normal) ease-out;place-items:center;display:grid;position:relative;overflow:hidden}.game__stage--hit{background:color-mix(in srgb, var(--color-hit) 35%, var(--color-white))}.game__stage--miss{background:color-mix(in srgb, var(--color-miss) 22%, var(--color-white));animation:shake var(--duration-normal) ease-in-out}.game__stage--timeout{background:color-mix(in srgb, var(--color-timeout) 25%, var(--color-white))}.game__waiting{font:900 var(--text-xl) / 1 var(--font-display);animation:1.33s ease-in-out infinite pulse}.game__feedback{top:var(--space-2);right:var(--space-3);border:var(--border);border-radius:var(--radius-sm);background:var(--color-sun);font:900 var(--text-lg) / 1.2 var(--font-display);animation:pop var(--duration-normal) var(--ease-bounce) both;padding:.2em .7em;position:absolute;rotate:4deg}.game__timer{border-top:var(--border);background:var(--color-paper-deep);opacity:0;height:1.75rem;transition:opacity var(--duration-fast) linear;position:absolute;inset:auto 0 0}.game__timer[data-active=true]{opacity:1}.game__timer-fill{background:var(--color-coral);height:100%;transform:scaleX(calc(1 - var(--progress,0)));transform-origin:0}.game__timer-target{top:50%;left:calc(var(--target,.4) * 100%);aspect-ratio:1;background:var(--color-ink);clip-path:polygon(50% 0,63% 34%,100% 38%,72% 62%,81% 100%,50% 79%,19% 100%,28% 62%,0 38%,37% 34%);width:1.6rem;position:absolute;translate:-50% -50%}.game__options{justify-content:center;gap:clamp(1rem,5vw,4rem);min-height:clamp(5.5rem,24vh,9.5rem);padding-bottom:6px;display:flex}.option{aspect-ratio:1;border:var(--border);border-radius:var(--radius-blob);background:var(--color-sun);width:clamp(5.5rem,24vh,9.5rem);color:var(--color-ink);font:900 var(--text-giant) / 1 var(--font-display);box-shadow:var(--shadow-hard);cursor:pointer;animation:pop var(--duration-normal) var(--ease-bounce) both;transition:transform var(--duration-fast) ease-out, opacity var(--duration-normal) ease-out, box-shadow var(--duration-fast) ease-out}.option--tone-1{background:var(--color-sky);border-radius:55% 45% 42% 58%/46% 56% 44% 54%;animation-delay:60ms}.option--tone-2{background:var(--color-grape);border-radius:48% 52% 58% 42%/58% 42%;animation-delay:.12s}.option--tone-3{background:var(--color-mint);animation-delay:.18s}.option:active:not(:disabled){box-shadow:var(--shadow-pressed);transform:translateY(4px)scale(.96)}.option--correct{background:var(--color-hit);transform:scale(1.12)rotate(-4deg)}.option--wrong{background:var(--color-miss);animation:shake var(--duration-normal) ease-in-out}.option--dim{opacity:.35}@keyframes shake{20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}:root{--color-paper:#fbf3df;--color-paper-deep:#f1e2bb;--color-white:#fffdf6;--color-ink:#261e42;--color-ink-soft:#5a5278;--color-sun:#ffcf3f;--color-coral:#f06252;--color-mint:#5fcf9c;--color-sky:#5db4ee;--color-grape:#b79bf2;--color-hit:var(--color-mint);--color-miss:var(--color-coral);--color-timeout:var(--color-grape);--font-display:ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", "Nunito", "Trebuchet MS", system-ui, sans-serif;--font-body:ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-sm:clamp(.9rem, .8rem + .4vw, 1.05rem);--text-base:clamp(1.05rem, .9rem + .6vw, 1.35rem);--text-lg:clamp(1.4rem, 1rem + 1.6vw, 2.2rem);--text-xl:clamp(2rem, 1.2rem + 3.4vw, 3.8rem);--text-giant:clamp(3rem, 1.5rem + 9vh, 7rem);--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:clamp(1.5rem, 1rem + 2vw, 3rem);--stroke:4px;--border:var(--stroke) solid var(--color-ink);--shadow-hard:0 6px 0 var(--color-ink);--shadow-pressed:0 2px 0 var(--color-ink);--radius-sm:14px;--radius-md:24px;--radius-blob:42% 58% 55% 45% / 52% 44% 56% 48%;--duration-fast:.12s;--duration-normal:.32s;--ease-bounce:cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background-color:var(--color-paper);background-image:radial-gradient(var(--color-paper-deep) 2px, transparent 2.5px);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior:none;background-size:28px 28px;margin:0;line-height:1.4;overflow:hidden}h1,h2{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:900;line-height:1.05}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}p{margin:0}img{-webkit-user-drag:none;max-width:100%;height:auto}.screen{height:100%;padding:max(var(--space-2), env(safe-area-inset-top)) max(var(--space-3), env(safe-area-inset-right)) max(var(--space-2), env(safe-area-inset-bottom)) max(var(--space-3), env(safe-area-inset-left))}.screen--center{place-items:center;display:grid}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.loading-note{font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;animation:1.2s ease-in-out infinite pulse}.button,.icon-button{border:var(--border);background:var(--color-white);color:var(--color-ink);font:800 var(--text-base) / 1 var(--font-display);box-shadow:var(--shadow-hard);cursor:pointer;transition:transform var(--duration-fast) ease-out, box-shadow var(--duration-fast) ease-out;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.button{border-radius:999px;min-height:3.25rem;padding:.6em 1.3em}.icon-button{border-radius:var(--radius-sm);flex:none;width:3.25rem;height:3.25rem;font-size:1.3rem}.button:hover,.icon-button:hover{transform:translateY(-2px)}.button:active,.icon-button:active{box-shadow:var(--shadow-pressed);transform:translateY(4px)}:focus-visible{outline:var(--stroke) solid var(--color-sky);outline-offset:4px}.button:disabled{background:var(--color-paper-deep);color:var(--color-ink-soft);box-shadow:var(--shadow-pressed);cursor:progress;transform:translateY(4px)}.button--sun{background:var(--color-sun)}.button--danger{background:var(--color-coral)}.button--small{min-height:2.75rem;font-size:var(--text-sm)}.button--huge{min-height:5rem;font-size:var(--text-lg);padding-inline:2em}.panel{gap:var(--space-2);max-width:46rem;padding:var(--space-4);border:var(--border);border-radius:var(--radius-md);background:var(--color-white);box-shadow:var(--shadow-hard);display:grid}.panel--error{background:var(--color-sun);rotate:-1deg}.panel__detail{white-space:pre-wrap;-webkit-user-select:text;user-select:text}.panel__actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.notice{border:3px solid var(--color-ink);border-radius:var(--radius-sm);font-size:var(--text-sm);white-space:pre-wrap;padding:.6em 1em;font-weight:700}.notice--ok{background:var(--color-mint)}.notice--warn{background:var(--color-sun)}.overlay{z-index:10;place-content:center;justify-items:center;gap:var(--space-3);background:color-mix(in srgb, var(--color-ink) 72%, transparent);display:grid;position:fixed;inset:0}.rotate-overlay{display:none}@media (orientation:portrait){.rotate-overlay{z-index:100;place-content:center;justify-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-sun);font:900 var(--text-xl) / 1.1 var(--font-display);text-align:center;display:grid;position:fixed;inset:0}.rotate-overlay__icon{width:min(50vw,14rem);fill:var(--color-white);stroke:var(--color-ink);stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;animation:tilt 2.4s var(--ease-bounce) infinite}.rotate-overlay__icon path{fill:none}}@keyframes tilt{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@keyframes pop{0%{opacity:0;transform:scale(.3)}}@keyframes pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}