:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#24404f;--ink-strong:#12242e;--ink-soft:#4f6f72;--cream:#fff9e9;--paper:#fffaf0;--paper-strong:#fffdf4;--leaf:#4ea36b;--leaf-dark:#35774c;--sky:#ddf4ff;--sky-deep:#b9e4fb;--sun:#f5c35d;--coral:#e97d6f;--rose:#d85d82;--purple:#6e629e;--purple-dark:#4e467d;--blue:#4e87ac;--focus:#2c3d91;--danger:#9b3e43;--firefly:#ffd66b;--nest:#e8c39a;--nest-solid:#c99a68;--shadow-soft:0 8px 22px #314b442b;--shadow-button:0 6px 0 #414e532e;--radius-small:16px;--radius-medium:26px;--radius-large:38px;--r-tile:24px;--utility-height:72px;--tap-tile-min:88px;--tap-tile-max:128px;--tap-min:48px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--ink);background:var(--sky);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;touch-action:manipulation;margin:0;font-family:Andika,Arial Rounded MT Bold,Trebuchet MS,ui-rounded,system-ui,sans-serif}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;margin:0}img{max-width:100%;display:block}:focus-visible{outline:4px solid var(--focus);outline-offset:4px}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@font-face{font-family:Andika;src:url(/stories/fill-in/fonts/andika-latin-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}.app{isolation:isolate;min-height:100%;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);background:linear-gradient(180deg, var(--sky) 0%, var(--sky-deep) 100%);flex-direction:column;display:flex;position:relative}.app:before,.app:after{content:"";pointer-events:none;position:fixed;inset:0}.app:before{z-index:0;background-image:var(--story-tree-background);background-position:50%;background-size:cover}.app:after{z-index:1;background:linear-gradient(#e9f7f6c7,#d6f0e1db),radial-gradient(circle at 50% 42%,#ffffff52,#ffffff14 72%)}.app>*{z-index:2;position:relative}@media (forced-colors:active){.app:before,.app:after{display:none}}.screen{flex-direction:column;flex:1;align-items:center;min-height:0;padding:0 16px 12px;display:flex}.screen-fade{animation:.24s ease-out both screen-fade}@keyframes screen-fade{0%{opacity:0}to{opacity:1}}.utility-bar{width:100%;min-height:var(--utility-height);align-items:center;gap:8px;padding:8px 12px;display:flex}.utility-title{text-align:center;color:var(--ink);flex:1;margin:0;font-size:20px}.utility-actions{align-items:center;gap:8px;min-width:0;display:flex}.utility-button{width:var(--tap-min);height:var(--tap-min);border-radius:var(--radius-small);background:var(--paper);color:var(--ink);box-shadow:var(--shadow-button);opacity:.72;border:none;place-items:center;padding:0;text-decoration:none;display:grid}.utility-button:hover,.utility-button:focus-visible{opacity:1}.utility-button.primary-home{width:64px;height:64px;color:var(--leaf-dark);opacity:1;background:#ffffffe6;border:2px solid #20304017;border-radius:22px;transition:transform .15s,box-shadow .15s;box-shadow:0 5px #2030401c}.utility-button.primary-home:hover{transform:translateY(-2px);box-shadow:0 7px #2030401c}.utility-button.primary-home:active{transform:translateY(3px);box-shadow:0 2px #2030401c}@media (width<=720px){.utility-title{display:none}.utility-actions{margin-left:auto}.utility-button.primary-home{border-radius:19px;width:56px;height:56px}}.icon{width:26px;height:26px}.big-button{border-radius:var(--radius-large);background:var(--leaf);min-height:72px;color:var(--paper-strong);box-shadow:var(--shadow-button), var(--shadow-soft);border:none;justify-content:center;align-items:center;gap:10px;padding:16px 32px;font-size:26px;display:inline-flex}.big-button:active{transform:translateY(3px);box-shadow:0 3px #414e532e}.big-button-leaf{border-radius:999px 42px}.quiet-button{min-height:var(--tap-min);border:3px solid var(--leaf);border-radius:var(--radius-medium);background:var(--paper);color:var(--leaf-dark);padding:10px 22px;font-size:20px}.tree-screen{gap:18px;overflow-y:auto}.tree-heading{margin:0;font-size:clamp(22px,5.5vw,30px)}.language-selector{min-width:0;min-height:var(--tap-min);border-radius:var(--radius-small);background:var(--paper);box-shadow:var(--shadow-button);border:2px solid #2030401f;align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.language-globe{font-size:20px}.language-label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.language-selector select{min-height:var(--tap-min);border-radius:var(--radius-small);background:var(--paper-strong);max-width:8rem;color:var(--ink-strong);font:inherit;border:0;padding:4px 24px 4px 6px;font-size:16px;font-weight:800}@media (width<=520px){.utility-bar{align-items:flex-start;padding-block:4px}.utility-actions{grid-template-columns:repeat(3, var(--tap-min));grid-template-rows:repeat(2, var(--tap-min));flex:0 0 152px;gap:4px;display:grid}.utility-back{grid-area:2/1}.utility-replay{grid-area:2/2}.utility-sound{grid-area:2/3}.language-selector{width:100%;height:var(--tap-min);min-height:var(--tap-min);grid-area:1/1/auto/4;gap:0;padding:0 3px}.language-globe{display:none}.language-selector select{width:100%;min-width:0;max-width:none;height:44px;min-height:44px;padding-inline:4px 18px;font-size:.78rem}}.narration-pending{border-radius:var(--radius-small);text-align:center;background:#ffffffb3;max-width:680px;margin:-6px 0 0;padding:8px 12px;font-size:16px}.story-shelf{flex-wrap:wrap;justify-content:center;gap:20px;width:100%;max-width:760px;display:flex}.story-fruit{border-radius:var(--radius-medium);background:var(--paper);width:min(240px,42vw);box-shadow:var(--shadow-soft);border:none;flex-direction:column;align-items:center;gap:8px;padding:10px;display:flex}.story-fruit-art{aspect-ratio:4/3;border-radius:var(--radius-small);background:var(--sky-deep);width:100%;position:relative;overflow:hidden}.story-fruit-art img{object-fit:cover;width:100%;height:100%}.story-fruit-title{color:var(--ink);font-size:20px}.story-reward{background:var(--firefly);width:30px;height:30px;box-shadow:0 0 0 3px var(--paper-strong);border-radius:50%;position:absolute;top:8px;right:8px}.cover-screen{justify-content:center;gap:20px}.cover-art,.ending-art{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-medium);width:min(100%,640px);box-shadow:var(--shadow-soft);background:var(--sky-deep)}.cover-title{text-align:center;margin:0;font-size:clamp(24px,6vw,34px)}.button-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.page-screen{justify-content:center;gap:12px;width:100%;max-width:720px}.page-illustration-slot,.page-sentence-slot,.page-tiles-slot,.page-pips-slot{width:100%}.page-illustration-slot{justify-content:center;min-height:0;display:flex}.illustration{aspect-ratio:4/3;border-radius:var(--radius-medium);background:var(--sky-deep);width:100%;max-height:42vh;box-shadow:var(--shadow-soft);flex-shrink:1;min-height:0;position:relative;overflow:hidden}.illustration img{object-fit:cover;width:100%;height:100%;transition:opacity .3s ease-in-out;position:absolute;inset:0}.illustration-after{opacity:0}.illustration-after-visible{opacity:1}.sentence-block{width:100%}.sentence{text-align:center;word-spacing:.28em;color:var(--ink-strong);margin:0;font-size:clamp(26px,6.2vw,34px);line-height:1.5}.word{font-size:inherit;line-height:inherit;background:0 0;border:none;border-radius:10px;padding:2px 4px}.word:hover,.word:focus-visible{background:#ffd66b59}.word-static{display:inline}.punctuation{margin-left:-4px}.nest-anchor{white-space:nowrap}.nest-slot{display:inline-block}.nest{vertical-align:-.34em;width:2.7em;height:1.5em;display:inline-block}.nest-inner{transform-origin:50% 80%;width:100%;height:100%;display:block;position:relative}.nest-empty .nest-inner{animation:2s ease-in-out infinite nest-breathe}.nest-still .nest-inner,.nest-filled .nest-inner{animation:none}@keyframes nest-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.nest-shape{width:100%;height:100%;display:block;overflow:visible}.nest-bowl{fill:#e8c39a47}.nest-rim{stroke:var(--nest);stroke-width:5px;stroke-linecap:round;stroke-dasharray:9 7}.nest-weave path{stroke:var(--nest);stroke-width:3px;stroke-linecap:round;opacity:.55}.nest-filled .nest-bowl{fill:#c99a6857}.nest-filled .nest-rim{stroke:var(--nest-solid);stroke-dasharray:none;stroke-width:6px}.nest-tile{object-fit:contain;width:74%;height:78%;animation:.3s cubic-bezier(.34,1.2,.64,1) both nest-land;position:absolute;top:4%;left:50%;transform:translate(-50%)}.nest-still .nest-tile{animation:none}@keyframes nest-land{0%{opacity:0;transform:translate(-50%)scale(1.25)}to{opacity:1;transform:translate(-50%)scale(1)}}.nest-speaking .nest-tile{animation:.42s ease-in-out nest-pulse}@keyframes nest-pulse{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.14)}}.tile-tray{justify-content:center;align-items:flex-start;gap:min(24px,5vw);width:100%;padding:4px 0 2px;display:flex}.choice-feedback{text-align:center;min-height:1.45em;color:var(--ink);margin:4px 0 0;font-size:clamp(16px,3.8vw,20px)}.choice-feedback:empty{display:none}.tile-tray-cleared{pointer-events:none}.tile{width:clamp(var(--tap-tile-min), 27vw, var(--tap-tile-max));border-radius:var(--r-tile);background:var(--paper);box-shadow:var(--shadow-button), var(--shadow-soft);border:none;flex-direction:column;align-items:center;gap:4px;padding:8px 6px 6px;animation:.24s ease-out both tile-rise;display:flex}.tile-tray .tile:first-child{animation-delay:0s}.tile-tray .tile:nth-child(2){animation-delay:80ms}.tile-tray .tile:nth-child(3){animation-delay:.16s}.tile-tray .tile:nth-child(4){animation-delay:.24s}@keyframes tile-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.tile-picture{aspect-ratio:1;place-items:center;width:100%;display:grid}.tile-picture img{object-fit:contain;width:100%;height:100%}.tile-label{color:var(--ink-soft);font-size:20px;line-height:1.1}.tile:disabled{cursor:default}.tile-bounce{animation:.2s ease-in-out tile-bounce}@keyframes tile-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.tile-flying{z-index:2;animation:none}.tile-glow{box-shadow:0 0 0 4px var(--firefly), var(--shadow-soft);animation:1.8s ease-in-out infinite tile-glow}@keyframes tile-glow{0%,to{box-shadow:0 0 0 4px #ffd66b8c, var(--shadow-soft)}50%{box-shadow:0 0 0 9px #ffd66bd9, var(--shadow-soft)}}.tile-dim{opacity:.45;transition:opacity .24s ease-out;animation:none}.tile-lean{box-shadow:0 0 0 4px var(--firefly), var(--shadow-soft);animation:2s ease-in-out infinite tile-lean}@keyframes tile-lean{0%,70%,to{transform:translateY(0)rotate(0)}85%{transform:translateY(-12px)rotate(-4deg)}}.tile-gone{opacity:0;pointer-events:none;transition:opacity .2s ease-in,transform .2s ease-in;animation:none;transform:translateY(14px)}.tile-still,.tile-still.tile-bounce,.tile-still.tile-glow,.tile-still.tile-lean{animation:none}.tile-still.tile-flying{opacity:0}.celebration,.celebration-glow{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.celebration-glow{background:radial-gradient(circle,#ffd66bbf 0%,#ffd66b00 70%);border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;animation:.3s ease-out both celebration-glow}@keyframes celebration-glow{0%{opacity:0}50%{opacity:1}to{opacity:0}}.particle{border-radius:3px;width:10px;height:10px;animation:.7s ease-out both particle-burst;position:absolute}.celebration-confetti .particle{background:var(--coral)}.celebration-confetti .particle-1{background:var(--sun)}.celebration-confetti .particle-2{background:var(--leaf)}.celebration-confetti .particle-3{background:var(--purple)}.celebration-fireflies .particle{background:var(--firefly);border-radius:50%}.celebration-leaves .particle{background:var(--leaf);border-radius:50% 0}.celebration-leaves .particle-2{background:var(--leaf-dark)}.particle-0{--burst-x:-70px;--burst-y:-54px}.particle-1{--burst-x:62px;--burst-y:-62px}.particle-2{--burst-x:-46px;--burst-y:-78px}.particle-3{--burst-x:78px;--burst-y:-30px}.particle-4{--burst-x:-84px;--burst-y:-14px}.particle-5{--burst-x:30px;--burst-y:-86px}.particle-6{--burst-x:-18px;--burst-y:-92px}@keyframes particle-burst{0%{opacity:1;transform:translate(0)scale(.5)}to{opacity:0;transform:translate(var(--burst-x,0), var(--burst-y,-60px)) scale(1)}}.pips{justify-content:center;gap:8px;margin:0;padding:2px 0;list-style:none;display:flex}.pip{background:#24404f3d;border-radius:50%;width:10px;height:10px}.pip-done{background:var(--leaf)}.pip-current{background:var(--ink);transform:scale(1.35)}.ending-screen{text-align:center;justify-content:center;gap:18px}.ending-line{margin:0;font-size:clamp(24px,6vw,32px)}.media-note{border-radius:var(--radius-small);background:var(--paper);color:var(--ink-soft);text-align:center;margin:0;padding:10px 16px;font-size:17px}@media (height<=620px){.illustration{max-height:30vh}.sentence{font-size:clamp(26px,5.4vw,30px);line-height:1.35}.utility-bar{min-height:56px}}@media (width<=360px){.screen{padding:0 8px 8px}.tile-tray{gap:12px}.tile-label{font-size:18px}}@media (orientation:landscape) and (height<=520px){.page-screen{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"art sentence""art tiles""art pips";align-content:center;gap:10px 20px;max-width:100%;display:grid}.page-illustration-slot{grid-area:art;align-self:center}.illustration{max-height:74vh}.page-sentence-slot{grid-area:sentence;align-self:end}.page-tiles-slot{grid-area:tiles}.page-pips-slot{grid-area:pips}.sentence{font-size:clamp(26px,3.4vw,32px)}}@media (orientation:landscape) and (height>=521px) and (width>=900px){.page-screen{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"art sentence""art tiles""art pips";align-content:center;gap:16px 28px;max-width:1180px;display:grid}.page-illustration-slot{grid-area:art;align-self:center}.illustration{max-height:62vh}.page-sentence-slot{grid-area:sentence;align-self:end}.page-tiles-slot{grid-area:tiles}.page-pips-slot{grid-area:pips}}@media (width>=768px){.icon{width:30px;height:30px}.utility-button{width:56px;height:56px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.celebration-glow{opacity:1}}@media (forced-colors:active){.tile,.word,.utility-button,.big-button,.quiet-button,.story-fruit{border:2px solid}.tile-dim{opacity:1}.tile-glow,.tile-lean{border-width:5px}}