@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/andika-cyrillic-ext-400-normal.VNDy5CZS.woff2)format("woff2"),url(/_astro/andika-cyrillic-ext-400-normal.BJwze9_g.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/andika-cyrillic-400-normal.DYbdP60f.woff2)format("woff2"),url(/_astro/andika-cyrillic-400-normal.CIdpN1kB.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/andika-vietnamese-400-normal.afg23LQ3.woff2)format("woff2"),url(/_astro/andika-vietnamese-400-normal.Bw99zChb.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/andika-latin-ext-400-normal.D580Nkki.woff2)format("woff2"),url(/_astro/andika-latin-ext-400-normal.NXfvB_tZ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/andika-latin-400-normal.BTFTIZb-.woff2)format("woff2"),url(/_astro/andika-latin-400-normal.BK42By1L.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/andika-cyrillic-ext-700-normal.DvCsrHON.woff2)format("woff2"),url(/_astro/andika-cyrillic-ext-700-normal.BdIUMeTx.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/andika-cyrillic-700-normal.D404ywHU.woff2)format("woff2"),url(/_astro/andika-cyrillic-700-normal.Bzg0mZT8.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/andika-vietnamese-700-normal.CS3rZngu.woff2)format("woff2"),url(/_astro/andika-vietnamese-700-normal.CZOGxJjV.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/andika-latin-ext-700-normal.Ch3SGZaH.woff2)format("woff2"),url(/_astro/andika-latin-ext-700-normal.DBt0PRsd.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/andika-latin-700-normal.Dk95f5lc.woff2)format("woff2"),url(/_astro/andika-latin-700-normal.CAUSQC6x.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--leaf:#0e7a4b;--leaf-deep:#084f31;--mist:#f1f5f2;--leaf-pale:#e3f3ea;--sun:#ffc533;--sun-pale:#fff4cf;--coral:#d9432f;--ink:#1d2433;--ink-soft:#4a5263;--paper:#fff;--ease-out:cubic-bezier(.23, 1, .32, 1);--read:"Andika", system-ui, sans-serif}.pic{width:var(--pic);height:var(--pic);vertical-align:middle;display:inline-block}.pic svg{width:100%;height:100%;display:block}*,:before,:after{box-sizing:border-box}body.learn{font:400 1.125rem/1.6 var(--read);color:var(--ink);background:var(--mist);accent-color:var(--leaf);margin:0}body.learn ::selection{background:var(--sun);color:var(--ink)}body.learn a{color:var(--leaf-deep);text-underline-offset:.2em}body.learn :focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:4px}.skip{position:absolute;left:-999rem}.skip:focus{z-index:10;background:var(--paper);padding:.5rem 1rem;top:1rem;left:1rem}.topbar{background:var(--leaf-deep);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 2rem;padding:.75rem clamp(1rem,4vw,2.5rem);display:flex}body.learn .topbar a{color:#fff;text-decoration:none}.topbar .brand{align-items:center;gap:.6rem;font-size:1.25rem;font-weight:700;display:inline-flex}.topbar nav{gap:.25rem;display:flex}.topbar nav a{border-radius:999px;align-items:center;min-height:44px;padding:.5rem .9rem;display:inline-flex}.topbar nav a[aria-current]{background:#ffffff29;font-weight:700}@media (hover:hover){.topbar nav a:hover{background:#ffffff1a}}main{padding:clamp(1.25rem,4vw,3rem) clamp(1rem,4vw,2.5rem) 8rem}.wrap{max-width:60rem;margin-inline:auto}.btn{border:2px solid var(--leaf);background:var(--leaf);min-height:3rem;font:700 1.0625rem var(--read);cursor:pointer;transition:transform .14s var(--ease-out);border-radius:999px;justify-content:center;align-items:center;padding:.6rem 1.5rem;text-decoration:none;display:inline-flex;color:#fff!important}.btn:active{transform:scale(.97)}.btn-quiet{background:0 0;color:var(--leaf-deep)!important}.btn[disabled]{visibility:hidden}.btn[hidden]{display:none}.chip{background:var(--subject,var(--leaf));color:#fff;border-radius:999px;padding:.15rem .8rem;font-size:.9375rem;font-weight:700;display:inline-block}.muted{color:var(--ink-soft)}.lesson-head{text-align:center;max-width:44rem;margin:0 auto 2rem}.lesson-head h1{text-wrap:balance;margin:.75rem 0;font-size:clamp(1.875rem,4.5vw,2.75rem);line-height:1.15}.lesson-head p{margin:.25rem 0}.rail{max-width:64rem;margin:0 auto 2.5rem}.rail ol{flex-wrap:wrap;justify-content:center;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.rail button{background:var(--paper);min-height:44px;color:var(--ink-soft);font:400 .9375rem var(--read);cursor:pointer;border:2px solid #0000;border-radius:999px;padding:.4rem .9rem}.rail button[data-done]{color:var(--leaf-deep);border-color:var(--leaf-pale)}.rail button[aria-current]{background:var(--sun);color:var(--ink);font-weight:700}.lesson{max-width:64rem;margin-inline:auto}.step{background:var(--paper);border-radius:16px;margin-bottom:1.5rem;padding:clamp(1.25rem,4vw,3rem) clamp(1rem,4vw,3rem)}.step>*{max-width:42rem;margin-inline:auto}.step>.stage{max-width:none}.step>h2{color:var(--leaf-deep);text-wrap:balance;margin-top:0;margin-bottom:1rem;font-size:clamp(1.75rem,4vw,2.25rem);line-height:1.2}.step h2:focus{outline:none}.step li{margin-bottom:.6rem}.step ol,.step ul{padding-left:1.5rem}.step blockquote{background:var(--sun-pale);border-radius:12px;margin-block:1rem;padding:1rem 1.25rem 1rem 3.5rem;font-size:1.5rem;line-height:1.4;position:relative}.step blockquote:before{content:"";background:var(--ink-soft);width:1.5rem;height:1.5rem;position:absolute;top:1.25rem;left:1.1rem;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16v12H9l-5 4z'/%3E%3C/svg%3E") 50%/contain no-repeat}.step blockquote p{margin:0}.step blockquote p+p{margin-top:.4rem}.needs{flex-wrap:wrap;gap:.5rem;list-style:none;display:flex;padding:0!important}.needs li{background:var(--leaf-pale);border-radius:999px;margin:0;padding:.35rem .9rem}.pager{background:var(--paper);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem clamp(1rem,4vw,2.5rem);display:flex;position:fixed;inset:auto 0 0;box-shadow:0 -2px 12px #1d24331a}.pager-count{color:var(--ink-soft)}.player[data-on] .step[hidden]{display:none}@media (width<=40rem){.rail button:not([aria-current]){background:#cfd6d1;width:1rem;min-width:1rem;height:1rem;min-height:1rem;padding:0;font-size:0}.rail button[data-done]:not([aria-current]){background:var(--leaf)}.rail ol{align-items:center}}.page-head h1{margin:0 0 .5rem;font-size:clamp(1.875rem,4.5vw,2.75rem);line-height:1.15}.page-head{margin-bottom:2rem}.days{flex-wrap:wrap;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.days a{background:var(--paper);border-radius:999px;align-items:center;min-height:44px;padding:.4rem 1.1rem;text-decoration:none;display:inline-flex}.days a[aria-current]{background:var(--sun);color:var(--ink);font-weight:700}.days a[data-done]:after{content:"";background:var(--leaf);border-radius:999px;width:.6rem;height:.6rem;margin-left:.5rem}.timetable{counter-reset:lesson;margin:0;padding:0;list-style:none}.timetable>li{background:var(--paper);border-radius:16px;margin-bottom:.75rem}.timetable .slot{color:var(--ink);border-radius:16px;grid-template-columns:3rem 1fr auto;align-items:center;gap:.25rem 1.25rem;padding:1.25rem clamp(1rem,3vw,1.75rem);text-decoration:none;display:grid}.timetable .slot:before{counter-increment:lesson;content:counter(lesson);background:var(--subject);color:#fff;border-radius:999px;grid-row:span 2;place-items:center;width:3rem;height:3rem;font-size:1.375rem;font-weight:700;display:grid}.timetable h2{margin:.2rem 0 0;font-size:1.375rem;line-height:1.25}.timetable .goal{color:var(--ink-soft);grid-column:2;margin:0;font-size:1rem}.timetable .meta{text-align:right;color:var(--ink-soft);white-space:nowrap;grid-area:1/3/span 2;font-size:1rem}.timetable .meta strong{color:var(--leaf-deep);display:block}@media (hover:hover){.timetable .slot:hover h2{text-underline-offset:.2em;text-decoration:underline}}.timetable .break{text-align:center;color:var(--ink-soft);background:0 0;padding:.25rem}.panel{background:var(--paper);border-radius:16px;margin-top:1.5rem;padding:clamp(1.25rem,3vw,2rem)}.panel h2{margin:0 0 .75rem;font-size:1.375rem}.weeks{margin:0;padding:0;list-style:none}.weeks>li{background:var(--paper);border-radius:16px;margin-bottom:.75rem;padding:1.25rem clamp(1rem,3vw,1.75rem)}.weeks h2{margin:0;font-size:1.375rem}.continue{background:var(--leaf-pale);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:clamp(1.25rem,3vw,2rem);display:flex}.continue p{margin:0;font-size:1.375rem;font-weight:700}@media (width<=40rem){.timetable .slot{grid-template-columns:3rem 1fr}.timetable .meta{text-align:left;grid-area:auto/2}.timetable .meta strong{display:inline}}.say{border:2px solid var(--leaf);background:var(--paper);min-height:44px;color:var(--leaf);font:700 1rem var(--read);cursor:pointer;transition:transform .14s var(--ease-out), background-color .14s ease;border-radius:999px;align-items:center;gap:.5rem;margin:.15rem .25rem .15rem 0;padding:.4rem .9rem;display:inline-flex}.say:active{transform:scale(.97)}.say.saying{background:var(--leaf);color:#fff}.say:disabled{color:var(--ink-soft);cursor:default;border-color:#b8bec9}.check-opts input:focus-visible+span{outline:3px solid var(--ink);outline-offset:3px}.say-big{padding:.7rem 1.4rem;font-size:1.375rem}.mouth{align-items:center;gap:1rem;margin:1rem 0;display:flex}.mouth figcaption{color:var(--ink-soft)}.stage{background:var(--leaf-pale);min-height:22rem;font-family:var(--read);text-align:center;touch-action:manipulation;user-select:none;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;margin:1rem 0 1.5rem;padding:1.5rem 1.25rem 2rem;display:flex;position:relative}.stage:fullscreen{border-radius:0;padding:4vh 4vw}.stage [hidden]{display:none}.kl-round{flex-direction:column;align-items:center;gap:1.5rem;width:100%;display:flex}.options{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.tile{background:var(--paper);cursor:pointer;transition:transform .16s var(--ease-out), box-shadow .16s ease, opacity .16s ease;border:0;border-radius:16px;padding:.75rem;position:relative;box-shadow:0 3px 10px #0e7a4b2e}.tile:active{transform:scale(.96)}.tile.right{box-shadow:0 0 0 6px var(--leaf);transform:scale(1.06)}.tile.wrong{animation:wobble .32s var(--ease-out)}.tile.counted{opacity:.55;box-shadow:0 0 0 4px var(--sun)}.badge-n{background:var(--sun);min-width:2.25rem;height:2.25rem;color:var(--ink);font:700 1.25rem/2.25rem var(--read);border-radius:999px;position:absolute;top:-.6rem;right:-.6rem}.badge-n:empty{display:none}.count-total{min-height:2.5rem;color:var(--ink);margin:0;font-size:1.75rem;font-weight:700}.stage-go{background:var(--leaf);color:#fff;min-width:9rem;min-height:4rem;font:700 1.5rem var(--read);cursor:pointer;transition:transform .14s var(--ease-out);border:0;border-radius:999px;padding:.75rem 2rem}.stage-go:active{transform:scale(.97)}.stage-go-small{min-width:0;min-height:3rem;padding:.5rem 1.25rem;font-size:1.0625rem}.stage-end p{color:var(--ink);margin:.5rem 0 1rem;font-size:2rem;font-weight:700}.stage-full{width:44px;height:44px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;display:grid;position:absolute;bottom:.5rem;right:.5rem}.board{background:var(--paper);touch-action:none;cursor:crosshair;border-radius:12px;width:100%;height:min(60vh,26rem)}.stage:fullscreen .board{height:78vh}.crayons{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.crayon{border:4px solid var(--paper);background:var(--c);cursor:pointer;width:3.25rem;height:3.25rem;transition:transform .14s var(--ease-out);border-radius:999px}.crayon[aria-pressed=true]{box-shadow:0 0 0 3px var(--ink);transform:scale(1.18)}@keyframes wobble{25%{transform:translate(-8px)}60%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){.tile.wrong{opacity:.6;animation:none}.tile.right,.crayon[aria-pressed=true]{transform:none}}.check{border-top:1px solid #e3e6ec;grid-template-columns:1fr auto;align-items:center;gap:.5rem 1.5rem;padding:.85rem 0;display:grid}.check p{margin:0}.check-opts{gap:.4rem;display:flex}.check-opts label{cursor:pointer}.check-opts input{opacity:0;position:absolute}.check-opts span{min-height:44px;color:var(--ink-soft);white-space:nowrap;border:2px solid #b8bec9;border-radius:999px;padding:.55rem .9rem;font-weight:700;transition:background-color .14s;display:block}.check-opts input:checked+span{background:var(--leaf);border-color:var(--leaf);color:#fff}.check-opts input[value=not-yet]:checked+span{background:var(--ink-soft);border-color:var(--ink-soft)}@media (width<=40rem){.check{grid-template-columns:1fr}}.sheet{font-family:var(--read);color:#000;aspect-ratio:210/297;background:#fff;border:1px solid #cfd4dc;border-radius:4px;flex-direction:column;width:min(100%,210mm);margin:1rem 0;padding:6%;display:flex;overflow:hidden;container-type:inline-size}.sheet-head{border-bottom:2px solid #000;justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:1.5cqw;display:flex}.sheet-head h3{font:700 4.2cqw var(--read);color:#000;margin:0}.sheet-name{white-space:nowrap;margin:0;font-size:2.4cqw}.sheet-name span{border-bottom:1px solid #000;width:16cqw;margin:0 1.5cqw 0 .5cqw;display:inline-block}.sheet-tell{margin:2cqw 0 3cqw;font-size:2.6cqw}.sheet-body{flex-direction:column;flex:1;gap:3cqw;font-size:3cqw;display:flex}.sheet-grid{grid-template-columns:repeat(var(--cols,2), 1fr);flex:1;align-content:space-evenly;justify-items:center;gap:3cqw;display:grid}.sheet-grid .pic{width:var(--w,30cqw);height:var(--w,30cqw)}.sheet-box{border:3px dashed #000;border-radius:3cqw;flex:1;place-items:center;display:grid}.sheet-row{justify-content:space-evenly;align-items:center;gap:2cqw;display:flex}.sheet-row .pic{width:var(--w,14cqw);height:var(--w,14cqw)}.sheet-big{text-align:center;margin:0;font-size:9cqw;font-weight:700}.sheets-only>:not(.sheet){display:none}@media print{@page{size:A4;margin:0}.no-print,.topbar,.rail,.pager,.lesson-head{display:none!important}body.learn{background:#fff}main{padding:0}.player .step{display:none!important}.player .step:has(.sheet){margin:0;padding:0;display:block!important}.player .step:has(.sheet)>:not(.sheet){display:none}.sheet{aspect-ratio:auto;break-after:page;break-inside:avoid;border:0;border-radius:0;width:210mm;height:297mm;margin:0;padding:14mm}}.topbar nav button{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.5rem .9rem}@media (hover:hover){.topbar nav button:hover{background:#ffffff1a}}.landing{text-align:center;max-width:40rem;margin:clamp(1rem,6vh,4rem) auto 0}.landing h1{text-wrap:balance;margin:2rem 0 1rem;font-size:clamp(2.25rem,6vw,3.5rem);line-height:1.1}.landing p{max-width:34rem;margin:0 auto 1rem}.landing .btn{min-width:12rem;min-height:3.5rem;margin-top:1rem;font-size:1.25rem}.landing-pics{justify-content:center;gap:clamp(.4rem,2vw,1rem);display:flex}.landing-pics .tile{cursor:default;padding:clamp(.4rem,1.5vw,.75rem)}.landing-pics .tile:nth-child(odd){transform:translateY(.75rem)}.auth{background:var(--paper);border-radius:16px;flex-direction:column;max-width:26rem;margin:clamp(1rem,5vh,3rem) auto 0;padding:clamp(1.5rem,5vw,2.5rem);display:flex}.auth h1{margin:0 0 1rem;font-size:1.875rem;line-height:1.2}.auth p{margin:0 0 1rem}.auth label{margin-bottom:.3rem;font-weight:700}.auth input:not([type=checkbox]){font:inherit;background:var(--paper);min-height:3rem;color:var(--ink);caret-color:var(--leaf);border:2px solid #b8bec9;border-radius:10px;margin-bottom:1.1rem;padding:.5rem .85rem}.auth input:not([type=checkbox]):focus-visible{border-color:var(--leaf);outline-offset:1px}.auth .muted{margin-top:-.6rem;font-size:1rem}.auth-show{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex;font-weight:400!important}.auth-show input{width:1.25rem;height:1.25rem}.auth-note{min-height:1.6em;color:var(--coral);font-weight:700}.auth-note[role=status]{color:var(--leaf-deep)}.auth .btn{align-self:stretch;margin-bottom:1rem}.auth .btn[disabled]{visibility:visible;opacity:.6;cursor:wait}.auth>p:last-child{margin-bottom:0}