.btn{width:100%;min-height:var(--touch);padding:0 var(--space-3);border-radius:var(--radius);font:inherit;font-weight:650;font-size:var(--fs-lead);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition);border:0;display:block}.btn--primary{background:var(--c-primary);color:var(--c-on-primary);box-shadow:var(--shadow-soft)}.btn--secondary{background:var(--c-secondary);color:var(--c-on-secondary);font-size:var(--fs-body);font-weight:600}@media (hover:hover){.btn--primary:hover{background:var(--c-primary-hover)}.btn--secondary:hover{background:var(--c-secondary-hover)}}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default}.fox{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;height:auto;display:block}.fox--large{width:clamp(13rem,38vmin,24rem)}@media (width>=900px) and (aspect-ratio>=5/4){.fox--large{width:clamp(16rem,44vmin,28rem)}}.fox--small{width:clamp(5rem,11vmin,7.5rem)}.screen{width:100%;max-width:var(--content-width);min-height:100dvh;padding:max(var(--space-3), env(safe-area-inset-top)) max(var(--space-3), env(safe-area-inset-right)) max(var(--space-3), env(safe-area-inset-bottom)) max(var(--space-3), env(safe-area-inset-left));gap:var(--space-3);flex-direction:column;display:flex}.screen__title{font-size:var(--fs-title);letter-spacing:-.01em;font-weight:700}.screen__scene{justify-content:center;align-items:flex-end;gap:var(--space-2);flex:1;min-height:14rem;display:flex}.screen__scene--center{align-items:center}.screen__text{text-align:center;gap:var(--space-1);display:grid}.screen__lead{font-size:var(--fs-lead);font-weight:650}.screen__muted{color:var(--c-text-muted)}.screen__actions{gap:var(--space-2);display:grid}.screen>.screen__title{grid-area:title}.screen>.screen__scene{grid-area:scene}.screen>.screen__text{grid-area:text}.screen>.screen__actions{grid-area:actions}@media (width>=700px){.screen{min-height:min(calc(100dvh - 2 * var(--space-4)), 56rem);margin-block:var(--space-4);padding:var(--space-4);background:var(--c-card);border-radius:calc(var(--radius) * 1.6);box-shadow:var(--shadow-soft);--fs-lead:1.6rem;--fs-title:2.4rem;--fs-task:2.8rem}}@media (width>=900px) and (aspect-ratio>=5/4){.screen{max-width:var(--content-width-wide);column-gap:var(--space-4);row-gap:var(--space-3);grid-template:"scene."1fr"scene title""scene text""scene actions""scene."1fr/minmax(0,1.15fr) minmax(0,1fr);display:grid}.screen__title{text-align:center}.screen__scene{align-items:center}}.screen.screen--loading{justify-content:center;align-items:center;display:flex}.chip{border-radius:var(--radius-pill);background:var(--c-secondary);color:var(--c-on-secondary);padding:.3rem 1rem;font-size:.95rem;font-weight:600;display:inline-block}.chip--strong{font-size:var(--fs-body);font-weight:700}@media (width>=700px){.chip{padding:.35rem 1.1rem;font-size:1rem}}.dots{justify-content:center;gap:.6rem;display:flex}.dots__dot{background:var(--c-secondary);border:2px solid var(--c-border);border-radius:50%;width:.75rem;height:.75rem}.dots__dot--done{background:var(--c-primary);border-color:var(--c-primary)}.dots__dot--now{background:var(--c-surface);border:3px solid var(--c-primary);width:1rem;height:1rem}.accents{flex-wrap:wrap;justify-content:center;gap:.25rem;display:flex}.accents__key{border:1px solid var(--c-border);background:var(--c-surface);min-width:2.75rem;min-height:2.75rem;color:var(--c-text);font:inherit;font-size:var(--fs-lead);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.75rem;padding:0;font-weight:600}@media (hover:hover){.accents__key:hover{background:var(--c-secondary)}}.accents__key:active{background:var(--c-secondary-hover)}@media (width<=699px){.accents__key{min-width:3rem;min-height:3rem}}.screen.screen--task{justify-content:flex-start;gap:var(--space-3);flex-direction:column;display:flex;position:relative}.task__header{grid-template-columns:var(--touch) 1fr var(--touch);align-items:center;display:grid}.task__header-center{justify-items:center;gap:.4rem;display:grid}.task__back{width:var(--touch);height:var(--touch);color:var(--c-text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.task__back svg{width:1.6rem;height:1.6rem}@media (hover:hover){.task__back:hover{background:var(--c-secondary)}}.task__body{justify-items:center;gap:var(--space-2);text-align:center;outline:none;display:grid}.task__body:focus-visible{outline:none}.task__answer{gap:var(--space-2);width:100%;display:grid}.task__prompt{justify-items:center;gap:var(--space-1);display:grid}.task__verb,.task__solution{font-size:var(--fs-task);margin:0;font-weight:700;line-height:1.2}.task__sentence{font-size:var(--fs-task);margin:0;font-weight:650;line-height:1.35}.task__gap{border-bottom:3px solid var(--c-text-muted);vertical-align:baseline;width:clamp(2.5em,14vw,4.5em);margin:0 .15em;display:inline-block}.task__filled{text-underline-offset:.2em;font-weight:800;text-decoration:underline;text-decoration-thickness:2px}.task__reveal-sentence{font-size:var(--fs-lead)}.task__ending{font-size:var(--fs-lead);color:var(--c-text)}.task__letters-wrap{margin-top:var(--space-1);justify-items:center;gap:.25rem;display:grid}.task__letters{gap:.3rem;display:flex}.task__slot{width:2.2rem;height:2.6rem;font-size:var(--fs-lead);place-items:center;font-weight:700;display:grid}.task__slot--empty{border:2px dashed var(--c-text-muted);background:var(--c-surface);border-radius:.5rem}.task__chips{justify-content:center;gap:var(--space-1);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.task__form{gap:var(--space-2);width:100%;display:grid}.task__form .task__input{grid-area:input}.task__form .accents{grid-area:accents}.task__form .btn{grid-area:next}.task__form{grid-template-areas:"input""accents""next"}.task__input{width:100%;min-height:var(--touch);padding:0 var(--space-2);border:2px solid var(--c-border);border-radius:var(--radius);background:var(--c-surface);color:var(--c-text);font:inherit;font-size:var(--fs-lead);text-align:center}.task__input:focus{border-color:var(--c-primary);outline:none}.task__input:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px}.task__yours{gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--c-surface-soft);width:100%;display:grid}.task__typed{font-weight:700;font-size:var(--fs-lead)}.task__note{color:var(--c-text)}.task__rating{gap:var(--space-2);text-align:center;display:grid}.task__rating-buttons{gap:var(--space-2);display:grid}.task__rating-buttons .btn{font-size:var(--fs-lead);border:2px solid var(--c-border);font-weight:650}.task__fox{pointer-events:none;align-self:flex-start;margin-top:auto}@media (width>=700px){.screen.screen--task{max-width:min(48rem, calc(100vw - 2 * var(--space-3)));padding-inline:var(--space-3)}.task__form{grid-template-columns:1fr auto;grid-template-areas:"input next""accents accents"}.task__form .btn{width:auto;min-width:10rem}.task__rating-buttons{grid-template-columns:1fr 1fr}}@media (width>=900px) and (aspect-ratio>=5/4){.screen.screen--task{max-width:58rem;margin-block:var(--space-2);min-height:min(calc(100dvh - 2 * var(--space-2)), 56rem);gap:var(--space-2);padding-block:var(--space-3)}.screen--task .task__body:has(.task__answer){align-items:start;column-gap:var(--space-4);row-gap:var(--space-2);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"prompt answer"}.task__body>.task__prompt{grid-area:prompt}.task__answer{grid-area:answer}.task__answer .task__form{grid-template-columns:1fr;grid-template-areas:"input""accents""next"}.task__answer .task__form .btn{width:100%}}.plant{flex:none;height:auto;display:block}.plant--large{width:clamp(5.5rem,13vmin,9rem)}.plant--small{width:clamp(4.5rem,10vmin,7rem)}@media (width>=700px){.plant--large{width:clamp(7rem,17vmin,11rem)}.plant--small{width:clamp(6rem,13vmin,8.5rem)}}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-latin-ext-wght-normal-CXYtwYOx.woff2)format("woff2-variations");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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");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{--c-bg:#f6f9fd;--c-bg-deep:#e6eef9;--c-surface:#fff;--c-surface-soft:#eef4fb;--c-card:#ffffff9e;--c-border:#c9d9ee;--c-text:#1d3557;--c-text-muted:#4b6180;--c-primary:#2f62a3;--c-primary-hover:#26548d;--c-on-primary:#fff;--c-secondary:#e1ebf7;--c-secondary-hover:#d3e2f4;--c-on-secondary:#1d3557;--c-focus:#1d3557;--c-leaf:#5f9a6a;--c-leaf-dark:#477c52;--c-pot:#f1f4f8;--c-pot-shade:#d9e1ec;--c-blossom:#6f9fe0;--c-blossom-center:#f4c95d;--font:"Nunito Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-body:1.125rem;--fs-lead:1.375rem;--fs-title:2rem;--fs-task:2.25rem;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2.5rem;--radius:1.25rem;--radius-pill:999px;--touch:3.5rem;--content-width:34rem;--content-width-wide:64rem;--shadow-soft:0 6px 24px #1d355714;--transition:.2s ease}@media (prefers-reduced-motion:reduce){:root{--transition:0s}}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:clamp(16px,.9rem + .45vmin,20px)}body{background:linear-gradient(180deg, var(--c-bg) 0%, var(--c-bg-deep) 100%);color:var(--c-text);font-family:var(--font);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;background-attachment:fixed;line-height:1.5}#app{justify-content:center;align-items:center;min-height:100dvh;display:flex}button,a,input{touch-action:manipulation;-webkit-tap-highlight-color:transparent}h1,h2,p{margin:0}:focus-visible{outline:3px solid var(--c-focus);outline-offset:3px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}