@layer tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-paper:#faf7f0;--color-surface:#fff;--color-sunken:#f5f1e9;--color-line:#e6e0d2;--color-line-strong:#808693;--color-ink:#16203a;--color-ink-2:#4b5470;--color-ink-on-bright:#16203a;--color-action:#2456c4;--color-action-soft:#e8eefb;--color-action-ink:#fff;--color-done:#1f7a4d;--color-done-soft:#e5f3ea;--color-attention:#f2b233;--color-attention-soft:#fdf1d6;--color-cue:#f2cd64;--color-danger:#b42318;--text-0:clamp(1rem, .9511rem + .2174vw, 1.125rem);--text-1:clamp(1.2rem, 1.1193rem + .3587vw, 1.4062rem);--text-2:clamp(1.44rem, 1.3156rem + .5527vw, 1.7578rem);--text-3:clamp(1.728rem, 1.5444rem + .8161vw, 2.1973rem);--text-4:clamp(2.0736rem, 1.8103rem + 1.1704vw, 2.7466rem);--text-5:clamp(2.4883rem, 2.1186rem + 1.6433vw, 3.4332rem);--text--1:clamp(.8333rem, .8072rem + .1159vw, .9rem);--space:.25rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--dur-press:.1s;--dur-quick:.16s;--dur-standard:.24s;--dur-gentle:.36s;--dur-feedback:.6s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-exit:cubic-bezier(.3, 0, 1, 1);--target:44px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-paper:#0d111b;--color-surface:#171d29;--color-sunken:#070b14;--color-line:#303540;--color-line-strong:#747a87;--color-ink:#f1eee7;--color-ink-2:#b3b7c1;--color-ink-on-bright:#16203a;--color-action:#67b0f9;--color-action-soft:#1b2b45;--color-action-ink:#0d111b;--color-done:#5ccb89;--color-done-soft:#163322;--color-attention:#f3b94c;--color-attention-soft:#3a2e12;--color-cue:#dcba5c;--color-danger:#f47c70}}[data-surface=board]{--target:128px;--target-compact:104px;--target-gap:32px;--radius-md:24px;--radius-lg:32px}[data-surface=parent],[data-surface=web]{--frost-solid:var(--color-paper);--frost-tint:color-mix(in srgb, var(--color-paper) 88%, transparent);--frost-blur:16px}}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/andika-cyrillic-ext-400-normal-VNDy5CZS.woff2)format("woff2"),url(/assets/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(/assets/andika-cyrillic-400-normal-DYbdP60f.woff2)format("woff2"),url(/assets/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(/assets/andika-vietnamese-400-normal-afg23LQ3.woff2)format("woff2"),url(/assets/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(/assets/andika-latin-ext-400-normal-D580Nkki.woff2)format("woff2"),url(/assets/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(/assets/andika-latin-400-normal-BTFTIZb-.woff2)format("woff2"),url(/assets/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(/assets/andika-cyrillic-ext-700-normal-DvCsrHON.woff2)format("woff2"),url(/assets/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(/assets/andika-cyrillic-700-normal-D404ywHU.woff2)format("woff2"),url(/assets/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(/assets/andika-vietnamese-700-normal-CS3rZngu.woff2)format("woff2"),url(/assets/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(/assets/andika-latin-ext-700-normal-Ch3SGZaH.woff2)format("woff2"),url(/assets/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(/assets/andika-latin-700-normal-Dk95f5lc.woff2)format("woff2"),url(/assets/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{--font-child:"Andika", system-ui, -apple-system, "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;font-family:var(--font-child);color:var(--color-ink);background:var(--color-paper);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;font-size:1.5rem;line-height:1.4}h1,p{margin:0}img{-webkit-user-drag:none;display:block}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}:focus-visible{outline:4px solid var(--color-ink);outline-offset:4px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.board{min-height:100dvh;padding:max(calc(var(--space) * 6), env(safe-area-inset-top)) max(calc(var(--space) * 6), env(safe-area-inset-right)) max(calc(var(--space) * 6), env(safe-area-inset-bottom)) max(calc(var(--space) * 6), env(safe-area-inset-left))}.board--center{place-content:center;justify-items:center;gap:var(--target-gap);text-align:center;display:grid}.board__title{font-size:2.25rem;font-weight:700}.board__message{max-width:36rem;color:var(--color-ink-2)}.board__picture{width:8rem;height:8rem;color:var(--color-ink-2)}.ask{align-items:center;gap:calc(var(--space) * 3);font-size:1.75rem;font-weight:700;display:inline-flex}.ask__icon{width:3rem;height:3rem}.robot{color:var(--color-ink);overflow:visible}.robot__tip{fill:var(--color-attention)}.robot__antenna--right .robot__tip{fill:var(--color-action)}.robot__shadow{fill:var(--color-line)}.control{justify-content:center;align-items:center;gap:calc(var(--space) * 3);min-width:var(--target);min-height:var(--target);padding:0 calc(var(--space) * 7);border-radius:var(--radius-md);border:3px solid #0000;font-size:1.75rem;font-weight:700;line-height:1.1;display:inline-flex}.control__icon{flex:none;width:3rem;height:3rem}.control--large{min-height:calc(var(--target) * 1.25);padding:0 calc(var(--space) * 10);font-size:2.25rem}.control--large .control__icon{width:4rem;height:4rem}.control--go{color:var(--color-action-ink);background:var(--color-action)}.control--ink{color:var(--color-paper);background:var(--color-ink)}.control--help{color:var(--color-ink-on-bright);background:var(--color-attention);border-color:var(--color-ink-on-bright)}.control--quiet{color:var(--color-ink);background:var(--color-surface);border-color:var(--color-line-strong)}.control:disabled{opacity:.45}.me{align-items:center;gap:calc(var(--space) * 3);display:inline-flex}.me__picture{width:4.5rem;height:4.5rem;padding:calc(var(--space) * 2);border:3px solid var(--color-line-strong);background:var(--color-surface);border-radius:50%}.me__name{overflow-wrap:anywhere;font-size:1.75rem;font-weight:700}.me--large{flex-direction:column}.me--large .me__picture{width:8rem;height:8rem;padding:calc(var(--space) * 3)}.me--large .me__name{font-size:2.25rem}.picker{justify-content:center;gap:var(--target-gap);flex-wrap:wrap;max-width:60rem;margin:0;padding:0;list-style:none;display:flex}.pick{justify-items:center;gap:calc(var(--space) * 2);min-width:var(--target);min-height:var(--target);padding:calc(var(--space) * 3);border-radius:var(--radius-lg);background:0 0;border:3px solid #0000;display:grid}.pick__picture{width:8rem;height:8rem;padding:calc(var(--space) * 3);border:3px solid var(--color-line-strong);background:var(--color-surface);border-radius:50%}.pick__name{overflow-wrap:anywhere;max-width:10rem;font-size:1.75rem;font-weight:700}.pairing__mark{width:6rem;height:6rem}.pairing__title{font-size:2.25rem;font-weight:700}.pairing__qr{width:min(60vmin,20rem);padding:calc(var(--space) * 3);border:3px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-surface)}.pairing__qr svg{width:100%;height:auto;display:block}.pairing__hint{max-width:32rem;color:var(--color-ink-2)}.pairing__code{gap:calc(var(--space) * 6);letter-spacing:.08em;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:4rem;font-weight:700;display:flex}@media (aspect-ratio>=5/4) and (height<=60rem){.pairing--code{column-gap:calc(var(--target-gap) * 2);row-gap:calc(var(--space) * 4);grid-template-columns:auto auto;grid-template-areas:"qr mark""qr title""qr ask""qr hint""qr code";align-content:center;align-items:center}.pairing--code .pairing__mark{grid-area:mark}.pairing--code .pairing__title{grid-area:title}.pairing--code .pairing__qr{grid-area:qr;width:min(60vh,22rem)}.pairing--code .ask{grid-area:ask}.pairing--code .pairing__hint{grid-area:hint}.pairing--code .pairing__code{grid-area:code}}.lesson{gap:calc(var(--space) * 6);grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;display:grid}.lesson__top,.lesson__bottom{align-items:center;gap:var(--target-gap);grid-template-columns:1fr auto 1fr;display:grid}.lesson__progress{justify-items:center;gap:calc(var(--space) * 2);display:grid}.dots{gap:calc(var(--space) * 2);margin:0;padding:0;list-style:none;display:flex}.dot{border:3px solid var(--color-line-strong);border-radius:50%;width:1.25rem;height:1.25rem}.dot--done{background:var(--color-done);border-color:var(--color-done)}.dot--now{background:var(--color-action);border-color:var(--color-action)}.badge{padding:var(--space) calc(var(--space) * 3);border:2px solid var(--color-line-strong);border-radius:var(--radius-md);color:var(--color-ink-2);font-size:1rem}.lesson__pause,.lesson__help{justify-self:end}.lesson__say{justify-self:start}.lesson__step{justify-self:center}.lesson__centre{align-content:start;justify-items:center;gap:calc(var(--space) * 6);overscroll-behavior:contain;min-height:0;padding:calc(var(--space) * 2);text-align:center;display:grid;overflow:auto}.prompt{gap:calc(var(--space) * 2);display:grid}.prompt__line{font-size:2.25rem;font-weight:700}.spoken{max-width:40rem;padding:calc(var(--space) * 3) calc(var(--space) * 5);border:3px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-surface)}.lesson__waiting{color:var(--color-ink-2)}.work{justify-items:center;gap:var(--target-gap);padding:calc(var(--space) * 4);border-radius:var(--radius-lg);display:grid}.work--cue{box-shadow:0 0 0 6px var(--color-cue), 0 0 0 9px var(--color-ink-on-bright)}.work--done{box-shadow:0 0 0 6px var(--color-done)}.target{place-items:center;gap:var(--space);min-width:var(--target);min-height:var(--target);padding:0 calc(var(--space) * 4);border:3px solid var(--color-line-strong);border-radius:var(--radius-md);color:var(--color-ink);background:var(--color-surface);font-size:2.25rem;font-weight:700;display:inline-grid;position:relative}.target--numeral{font-size:4rem}.target:disabled{opacity:.45}.target--done:disabled{opacity:1}.target[aria-pressed=true],.target[aria-checked=true]{border-color:var(--color-action);background:var(--color-action-soft)}.target--done{border:4px solid var(--color-done);background:var(--color-done-soft)}.target__mark{top:calc(var(--space) * -3);right:calc(var(--space) * -3);width:2.5rem;height:2.5rem;color:var(--color-done);position:absolute}.target__icon{width:3rem;height:3rem}.choices{justify-content:center;gap:var(--target-gap);flex-wrap:wrap;max-width:52rem;display:flex}.equation,.words{font-size:4rem;font-weight:700}.objects{justify-content:center;gap:var(--target-gap);flex-wrap:wrap;max-width:52rem;display:flex}.object{border-radius:50%;padding:0}.object__dot{background:var(--color-ink-2);border-radius:50%;width:3rem;height:3rem}.object[aria-pressed=true] .object__dot{background:var(--color-action)}.counter{font-size:4rem;font-weight:700}.answer__label{color:var(--color-ink-2)}.answer__done{justify-content:center;gap:var(--target-gap);flex-wrap:wrap;display:flex}.numline{overscroll-behavior-x:contain;gap:var(--target-gap);max-width:100%;padding:calc(var(--space) * 3) calc(var(--space) * 2);border-top:4px solid var(--color-ink);flex-wrap:nowrap;display:flex;overflow-x:auto}.numline>*{flex:none}.numline>:first-child{margin-inline-start:auto}.numline>:last-child{margin-inline-end:auto}.numpad{grid-template-columns:repeat(5, var(--target));gap:var(--target-gap);display:grid}.bar{gap:calc(var(--space) * 2);width:min(90vw,32rem);font-size:2.25rem;font-weight:700;display:grid}.bar__whole,.bar__part{padding:calc(var(--space) * 3);border:3px solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-surface)}.bar__parts{gap:calc(var(--space) * 2);grid-template-columns:1fr 1fr;display:grid}.inkpad{aspect-ratio:1;border:3px solid var(--color-line-strong);border-radius:var(--radius-lg);background:var(--color-sunken);width:min(80vmin,30rem);position:relative;overflow:hidden}.inkpad__line{border-top:3px solid var(--color-line-strong);position:absolute;left:0;right:0}.inkpad__line--top{top:20%}.inkpad__line--mid{border-top-style:dotted;top:50%}.inkpad__line--base{top:80%}.inkpad__guide{color:var(--color-line-strong);place-content:center;font-size:12rem;line-height:1;display:grid;position:absolute;inset:0}.inkpad__canvas{width:100%;height:100%;color:var(--color-ink);touch-action:none;position:absolute;inset:0}.pause{background:var(--color-sunken);grid-template-rows:auto 1fr;display:grid}.pause__top{display:flex}.pause__actions{place-content:center;justify-items:center;gap:var(--target-gap);display:grid}@media (prefers-reduced-motion:no-preference){.control,.target,.pick{transition:transform var(--dur-press) var(--ease-standard)}.control:active:not(:disabled),.target:active:not(:disabled),.pick:active{transform:scale(.97)}.target--done,.work--done{animation:settle var(--dur-feedback) var(--ease-standard)}}@media (prefers-reduced-motion:reduce){.control:active:not(:disabled),.target:active:not(:disabled),.pick:active{opacity:.7}}@keyframes settle{0%{transform:scale(1.06)}to{transform:scale(1)}}