@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/preschool/assets/andika-latin-400-normal-BTFTIZb-.woff2)format("woff2"),url(/preschool/assets/andika-latin-400-normal-BK42By1L.woff)format("woff")}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/preschool/assets/andika-latin-700-normal-Dk95f5lc.woff2)format("woff2"),url(/preschool/assets/andika-latin-700-normal-CAUSQC6x.woff)format("woff")}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/preschool/assets/andika-latin-ext-400-normal-D580Nkki.woff2)format("woff2"),url(/preschool/assets/andika-latin-ext-400-normal-NXfvB_tZ.woff)format("woff")}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/preschool/assets/andika-latin-ext-700-normal-Ch3SGZaH.woff2)format("woff2"),url(/preschool/assets/andika-latin-ext-700-normal-DBt0PRsd.woff)format("woff")}:root{--teal:#3aaaa3;--teal-ink:#237a76;--teal-deep:#2a5f5f;--teal-soft:#e6f4f2;--cream:#fffaf1;--paper:#fff;--sand:#f4ecdf;--line:#e9dfcf;--ink:#22333a;--ink-soft:#55656b;--warm:#c2531a;--warm-hover:#a8460f;--hl:#ffe17a;--focus:#13315c;--radius:18px;--font:"Andika", "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--cream);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:18px;line-height:1.45}img{display:block}a{color:var(--teal-ink)}button{font:inherit;color:inherit}h1,h2{margin:0;line-height:1.15}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;box-shadow:0 0 0 3px #fff}.end-title:focus-visible{box-shadow:none;outline:none}.loading{text-align:center;color:var(--ink-soft);padding:30vh 16px;font-size:22px}.badge{background:var(--paper);color:var(--teal-ink);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:3px 10px 2px;font-size:14px;font-weight:700;line-height:1.3;display:inline-block}.badge-soft,.eyebrow .badge{background:var(--teal-soft)}.badge-on-cover{font-size:12px;position:absolute;top:8px;left:8px;box-shadow:0 1px 3px #0000002e}.eyebrow{margin:0 0 10px}.level{color:var(--ink-soft);margin-left:4px;font-size:16px}.btn{border:2px solid var(--teal-ink);background:var(--teal-ink);color:#fff;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:10px 22px;font-size:19px;font-weight:700;text-decoration:none;transition:background .15s,transform .1s;display:inline-flex}@media (hover:hover){.btn:hover{background:var(--teal-deep);border-color:var(--teal-deep)}}.btn:active{transform:scale(.97)}.btn-quiet{background:var(--paper);color:var(--teal-ink)}@media (hover:hover){.btn-quiet:hover{background:var(--teal-soft);color:var(--teal-deep)}}.btn-big{background:var(--warm);border-color:var(--warm);min-height:76px;padding:12px 36px;font-size:28px;box-shadow:0 6px #8f3a0c}@media (hover:hover){.btn-big:hover{background:var(--warm-hover);border-color:var(--warm-hover)}}.btn-big:active{transform:translateY(3px);box-shadow:0 3px #8f3a0c}.index{min-height:100dvh;padding-bottom:48px}.topbar{background:var(--teal-ink);justify-content:space-between;align-items:center;gap:12px;padding:10px max(16px,50vw - 560px);display:flex}.toplink{white-space:nowrap;color:#fff;border-radius:999px;align-items:center;gap:6px;min-height:44px;padding:8px 12px;font-weight:700;text-decoration:none;display:inline-flex}@media (hover:hover){.toplink:hover{background:#ffffff24}}.hero{text-align:center;max-width:1120px;margin:0 auto;padding:36px 16px 20px}.hero h1{color:var(--teal-deep);font-size:clamp(30px,4.4vw,46px)}.nowrap{white-space:nowrap}.lede{color:var(--ink-soft);max-width:34em;margin:12px auto 0;font-size:clamp(18px,2vw,21px)}.index main{max-width:1120px;margin:0 auto;padding:8px 16px 0}.grid{grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:22px;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--paper);border-radius:var(--radius);height:100%;color:var(--ink);box-shadow:0 2px 0 var(--line), 0 6px 18px #3c2d1412;flex-direction:column;gap:10px;padding:10px 10px 14px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}@media (hover:hover){.card:hover{box-shadow:0 2px 0 var(--line), 0 12px 26px #3c2d141f;transform:translateY(-3px)}}.card-cover{aspect-ratio:4/3;background:var(--sand);border-radius:12px;display:block;position:relative;overflow:hidden}.card-cover img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.card-title{text-align:center;padding:0 4px;font-size:19px;font-weight:700;line-height:1.25}.promo{border-radius:var(--radius);background:var(--teal-soft);max-width:560px;color:var(--teal-deep);border:2px solid #cfe9e5;align-items:center;gap:16px;margin:36px auto 0;padding:16px 22px;text-decoration:none;display:flex}@media (hover:hover){.promo:hover{border-color:var(--teal)}}.promo strong{font-size:21px;display:block}.promo-sub{color:var(--ink-soft);font-size:16px;display:block}.promo-icon{background:var(--paper);width:60px;height:60px;color:var(--teal-ink);border-radius:50%;flex:none;place-items:center;display:grid}.notice{text-align:center;max-width:560px;margin:40px auto;padding:24px 16px}.notice h1{margin-bottom:18px;font-size:30px}.narration{display:none}.book{flex-direction:column;min-height:100dvh;display:flex}.book-page,.book-cover{height:100dvh;overflow:hidden}.bar{min-height:58px;padding:6px 12px;padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right));background:var(--teal-ink);color:#fff;flex:none;align-items:center;gap:10px;display:flex}.bar-home{color:#fff;border-radius:999px;align-items:center;gap:4px;min-width:44px;min-height:44px;padding:0 10px 0 4px;font-weight:700;text-decoration:none;display:inline-flex}@media (hover:hover){.bar-home:hover{background:#ffffff24}}.bar-title{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:19px;font-weight:700;overflow:hidden}.bar-tools{flex:none;gap:6px;display:flex}.tool{color:#fff;cursor:pointer;background:0 0;border:2px solid #ffffff8c;border-radius:999px;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:0 12px;font-size:16px;font-weight:700;display:inline-flex}@media (hover:hover){.tool:hover{background:#ffffff24}}.tool.on{color:var(--teal-ink);background:#fff;border-color:#fff}.cover{touch-action:pan-y;flex:auto;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:36px;min-height:0;padding:28px max(24px,50vw - 590px);display:grid}.cover-art{height:100%;min-height:0;position:relative}.cover-art img{object-fit:contain;filter:drop-shadow(0 10px 22px #3c2d1438);width:100%;height:100%;position:absolute;inset:0}.cover-info{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.cover-title{color:var(--teal-deep);font-size:clamp(34px,5vw,58px)}.cover-summary{color:var(--ink-soft);max-width:26em;margin:0 0 10px;font-size:21px}.cover-info .btn-quiet{text-underline-offset:4px;background:0 0;border-color:#0000;font-size:20px;text-decoration:underline}.stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;flex-direction:column;flex:auto;justify-content:safe center;gap:10px;min-height:0;padding:14px 16px 0;display:flex;overflow-y:auto}.picture{flex:0 auto;width:100%;min-height:120px;margin:0;position:relative}.picture img{object-fit:contain;filter:drop-shadow(0 6px 16px #3c2d142e);width:100%;height:100%;position:absolute;inset:0}.words{text-align:center;width:100%;max-width:30em;color:var(--ink);flex:none;margin:0 auto;padding:4px 6px 10px;font-weight:400;line-height:1.42}.line{display:block}.text-big{font-size:clamp(26px,min(5.6vh,8vw),54px)}.text-mid{font-size:clamp(22px,min(4.5vh,6.4vw),44px)}.text-small{font-size:clamp(19px,min(3.6vh,5.2vw),34px)}.tok{border-radius:.2em;margin:0 -.08em;padding:0 .08em}.tok.timed{cursor:pointer}.tok.on{background:linear-gradient(transparent 16%, var(--hl) 16%, var(--hl) 88%, transparent 88%)}.controls{width:100%;max-width:860px;padding:10px 16px max(12px, env(safe-area-inset-bottom));flex:none;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex}.mid{flex-direction:column;align-items:center;gap:2px;display:flex}.count{color:var(--ink-soft);font-size:15px}.nav,.play{cursor:pointer;border-radius:50%;place-items:center;transition:transform .1s,background .15s;display:grid}.nav:active,.play:active{transform:scale(.94)}.nav{border:3px solid var(--teal-ink);width:76px;height:76px}.nav-back{background:var(--paper);color:var(--teal-ink)}@media (hover:hover){.nav-back:hover{background:var(--teal-soft)}}.nav-next{background:var(--teal-ink);color:#fff}@media (hover:hover){.nav-next:hover{background:var(--teal-deep);border-color:var(--teal-deep)}}.play{background:var(--warm);color:#fff;border:0;width:72px;height:72px;box-shadow:0 5px #8f3a0c}@media (hover:hover){.play:hover{background:var(--warm-hover)}}.play.is-playing{background:var(--teal-deep);box-shadow:0 5px #173b3b}.play:disabled{background:var(--sand);color:#b9ab93;box-shadow:none;cursor:default}.end{touch-action:pan-y;width:100%;max-width:980px;margin:0 auto;padding:28px 16px 56px}.end-title{text-align:center;color:var(--teal-deep);margin-top:8px;font-size:clamp(54px,9vw,92px)}.end-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin:22px 0 36px;display:flex}.end h2{color:var(--teal-deep);margin-bottom:14px;font-size:28px}.grid-small{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.another{margin-bottom:36px}.credits{background:var(--paper);border-radius:var(--radius);box-shadow:0 2px 0 var(--line);padding:22px 24px;font-size:17px}.credits h2{font-size:22px}.credits dl{grid-template-columns:max-content 1fr;gap:6px 18px;margin:0;display:grid}.credits dt{color:var(--ink-soft);font-weight:700}.credits dd{margin:0}.source{margin:14px 0 0}.turn-tip{display:none}@media (orientation:portrait) and (width<=600px){.picture.wide{width:auto;margin:0 -12px}.picture.wide img{filter:none}.turn-tip{color:var(--ink-soft);text-align:center;margin:0 8px;font-size:15px;display:block}.turn-tip svg{vertical-align:-5px;margin-right:4px;display:inline-block}}@media (width<=760px),(orientation:portrait) and (width<=1000px){.cover{padding:16px 16px max(20px, env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:18px}.cover-info{text-align:center;align-items:center;gap:10px}.cover-title{font-size:clamp(30px,8.5vw,44px)}.cover-summary{margin-bottom:4px;font-size:18px}.btn-big{width:100%;max-width:360px}}@media (width<=600px){body{font-size:17px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card-title{font-size:17px}.badge-on-cover{padding:2px 6px 1px;font-size:10px;top:5px;left:5px}.hero{padding-top:24px}.topbar{gap:4px;padding-left:8px;padding-right:8px}.toplink{padding:8px;font-size:16px}.bar{gap:6px;padding-top:4px;padding-bottom:4px}.bar-home-text,.tool-text{display:none}.bar-home,.tool{justify-content:center;padding:0}.bar-title{font-size:17px}.badge{padding:3px 8px 2px;font-size:12px}.nav,.play{width:68px;height:68px}.stage{padding:10px 12px 0}.grid-small{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.grid-small .card{padding:6px 6px 10px}.grid-small .card-title{font-size:15px}.grid-small .badge-on-cover{padding:2px 6px 1px;font-size:10px;top:5px;left:5px}.credits{padding:18px 16px}.credits dl{grid-template-columns:minmax(0,1fr);gap:0}.credits dd{margin-bottom:8px}.end-actions .btn{width:100%}}@media (height<=560px) and (orientation:landscape){.bar{min-height:48px;padding-top:2px;padding-bottom:2px}.nav,.play{width:56px;height:56px}.controls{padding-top:4px;padding-bottom:max(6px, env(safe-area-inset-bottom));max-width:none}.stage{flex-direction:row;justify-content:safe center;align-items:center;gap:18px;padding:8px 16px 0}.picture{flex:0 auto;width:auto;max-width:62%;height:100%;min-height:0}.words{text-align:left;flex:1 1 0;width:auto;max-width:24em;max-height:100%;overflow-y:auto}.text-big{font-size:clamp(22px,7vh,36px)}.text-mid{font-size:clamp(19px,5.6vh,30px)}.text-small{font-size:clamp(16px,4.6vh,24px)}.cover{gap:20px;padding-top:12px;padding-bottom:12px}.cover-title{font-size:clamp(26px,7vh,40px)}.btn-big{min-height:60px;font-size:24px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}