@font-face{font-family:OpenDyslexic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/opendyslexic-latin-400-normal-nUhe5EwG.woff2) format("woff2"),url(/assets/opendyslexic-latin-400-normal-Cv3YY6GF.woff) format("woff")}@font-face{font-family:OpenDyslexic;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/opendyslexic-latin-700-normal-Bnmt45Ln.woff2) format("woff2"),url(/assets/opendyslexic-latin-700-normal-wYUJcbXi.woff) format("woff")}:root{--color-bg: #fffaf0;--color-surface: #ffffff;--color-text: #1f2933;--color-muted: #52606d;--color-primary: #1f7a45;--color-primary-contrast: #ffffff;--color-accent: #f5a623;--color-correct: #1f7a45;--color-wrong: #b42323;--color-border: #e4dccb;--color-control-border: #8a7d62;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 40px;--tap-target: 48px;--font-body: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--font-size-base: 1rem;--shadow-card: 0 2px 0 var(--color-border)}:root[data-theme=dark]{--color-bg: #12181f;--color-surface: #1b242d;--color-text: #f0f4f8;--color-muted: #9fb3c8;--color-primary: #4cc97f;--color-primary-contrast: #0b1f13;--color-border: #2b3844;--color-control-border: #6b7f94;--color-wrong: #ff8a8a;--color-correct: #4cc97f}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg: #12181f;--color-surface: #1b242d;--color-text: #f0f4f8;--color-muted: #9fb3c8;--color-primary: #4cc97f;--color-primary-contrast: #0b1f13;--color-border: #2b3844;--color-control-border: #6b7f94;--color-wrong: #ff8a8a;--color-correct: #4cc97f}}:root[data-text-size=large]{--font-size-base: 1.2rem}:root[data-text-size=xlarge]{--font-size-base: 1.4rem}:root[data-font=dyslexia]{--font-body: "OpenDyslexic", "Comic Sans MS", "Trebuchet MS", sans-serif}:root[data-reduced-motion=true] *,:root[data-reduced-motion=true] *:before,:root[data-reduced-motion=true] *:after{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-base);line-height:1.5}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.btn{min-height:var(--tap-target);padding:0 var(--space-4);border:0;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-primary-contrast);font:inherit;font-weight:800;cursor:pointer;box-shadow:0 4px #0000002e}.page{max-width:560px;margin:0 auto;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.center{align-items:center;text-align:center}.stack{display:flex;flex-direction:column;gap:var(--space-2)}.row{display:flex;gap:var(--space-2);align-items:center}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.grow{flex:1}.muted{color:var(--color-muted);font-size:.9em}.good{color:var(--color-correct)}.bad{color:var(--color-wrong)}.label{font-weight:800}h1,h2,h3{margin:0;line-height:1.25}h1{font-size:1.6em}h2{font-size:1.2em}h3{font-size:1.05em}.card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-card)}.card p{margin:var(--space-2) 0 0}.card--example{border-color:var(--color-accent)}.lesson-img{width:100%;max-width:320px;display:block;margin:0 auto;border-radius:var(--radius-sm)}.terms{margin:0;display:grid;gap:var(--space-2)}.terms dt{font-weight:800}.terms dd{margin:0;color:var(--color-muted)}.btn--block{width:100%}.btn--ghost{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);box-shadow:none}.btn--accent{background:var(--color-accent);color:#3b2a00}.btn:disabled{opacity:.45;cursor:not-allowed}.sticky-cta{position:sticky;bottom:var(--space-3)}.link{background:none;border:0;color:var(--color-primary);font:inherit;font-weight:800;cursor:pointer;min-height:var(--tap-target);padding:0 var(--space-2);align-self:flex-start}.icon-btn{min-width:var(--tap-target);min-height:var(--tap-target);border:0;background:transparent;color:var(--color-text);font-size:1.2em;cursor:pointer;border-radius:var(--radius-sm)}.icon-btn:disabled{opacity:.3}.input{min-height:var(--tap-target);width:100%;padding:0 var(--space-3);font:inherit;color:var(--color-text);background:var(--color-surface);border:2px solid var(--color-control-border);border-radius:var(--radius-md)}.input--sm{width:auto;min-height:36px}.form label{display:flex;flex-direction:column;gap:var(--space-1);text-align:start;font-weight:700;width:100%}.form{width:100%}.topbar{display:flex;align-items:center;gap:var(--space-2)}.chips{display:flex;gap:var(--space-2);flex-wrap:wrap}.chip{background:var(--color-surface);border:2px solid var(--color-border);border-radius:999px;padding:var(--space-1) var(--space-3);font-weight:800}.goal{display:flex;flex-direction:column;gap:var(--space-2)}.bar{flex:1;height:14px;background:var(--color-border);border-radius:999px;overflow:hidden}.bar__fill{height:100%;background:var(--color-primary);border-radius:999px;transition:width .3s}.chapter h2{margin:var(--space-3) 0}.path{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-4)}.node{display:flex;align-items:center;gap:var(--space-3)}.node__btn{width:64px;height:64px;border-radius:50%;border:0;font-size:1.6em;cursor:pointer;background:var(--color-border);color:var(--color-text);box-shadow:0 5px #0003;flex:none}.node--current .node__btn{background:var(--color-primary);color:var(--color-primary-contrast)}.node--completed .node__btn{background:var(--color-accent);color:#3b2a00}.node--mastered .node__btn{background:#ffd54a}.node--locked .node__btn{cursor:not-allowed;opacity:.6}.node__label{font-weight:700}.session{min-height:100dvh;display:flex;flex-direction:column;max-width:560px;margin:0 auto}.session__top{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.session__body{flex:1;padding:var(--space-3)}.session__foot{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);border-top:2px solid var(--color-border);background:var(--color-surface)}.session__foot.is-correct{background:color-mix(in srgb,var(--color-correct) 18%,var(--color-surface))}.session__foot.is-wrong{background:color-mix(in srgb,var(--color-wrong) 18%,var(--color-surface))}.feedback p{margin:var(--space-1) 0 0}.prompt{margin-bottom:var(--space-3)}.hint{margin:calc(var(--space-2) * -1) 0 var(--space-3);color:var(--color-muted)}.choice{display:flex;align-items:center;gap:var(--space-3);min-height:var(--tap-target);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:2px solid var(--color-control-border);border-radius:var(--radius-md);cursor:pointer;list-style:none}.choice input{width:22px;height:22px;accent-color:var(--color-primary)}.choice--on{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface))}.order{padding:0;margin:0}.pair{display:flex;flex-direction:column;gap:var(--space-1);font-weight:700}.cat{border:0;padding:0;margin:0}.cat legend{font-weight:800;margin-bottom:var(--space-1)}.figure{position:relative;max-width:320px;margin:0 auto}.figure img{width:100%;display:block;border-radius:var(--radius-sm)}.pin{position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;background:var(--color-accent);color:#3b2a00;font-weight:900;display:grid;place-items:center;border:2px solid #fff}.stats{display:flex;gap:var(--space-3);margin:0}.stats div{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.stats dt{color:var(--color-muted);font-size:.85em}.stats dd{margin:0;font-weight:900;font-size:1.3em}.results .review{width:100%;text-align:start;display:flex;flex-direction:column;gap:var(--space-3)}.results>.btn{width:100%}.mascot{flex:none}figure.card{margin:0}.session__foot{position:sticky;bottom:0}.banner{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-accent);color:#3b2a00;font-weight:700}.chip--muted{color:var(--color-muted)}.weak{list-style:none;margin:var(--space-2) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.weak li{display:flex;justify-content:space-between;gap:var(--space-2)}.skip{position:absolute;left:-999px;top:0;background:var(--color-surface);color:var(--color-text);padding:var(--space-2) var(--space-3);z-index:100;border-radius:var(--radius-sm)}.skip:focus{left:var(--space-2);top:var(--space-2)}.prompt:focus{outline:none}.setting{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--tap-target);font-weight:700}.setting input[type=checkbox]{width:26px;height:26px;accent-color:var(--color-primary)}.badges{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.badge{display:flex;gap:var(--space-3);align-items:center}.badge h2{font-size:1.05em}.badge p{margin:0}.badge__icon{font-size:2em}.badge--locked{border-style:dashed}.btn--ghost{color:var(--color-primary)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:var(--space-3);background:#0000008c}.overlay__card{position:relative;background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);animation:pop .4s cubic-bezier(.2,1.4,.4,1)}.overlay__card p{margin:0}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:60}.confetti span{position:absolute;top:-12px;width:9px;height:14px;border-radius:2px;animation:fall linear forwards}.bounce{animation:bounce .9s ease-out}.feedback{animation:slide-up .25s ease-out}.session__foot.is-wrong .feedback strong{display:inline-block;animation:shake .4s}.session__foot.is-correct .feedback strong{display:inline-block;animation:pop .35s}.node--current .node__btn{animation:pulse 2s ease-in-out infinite}.choice--on{animation:pop .2s}@keyframes fall{to{transform:translateY(110vh) rotate(720deg);opacity:.9}}@keyframes pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}30%{transform:translateY(-22px)}60%{transform:translateY(0)}80%{transform:translateY(-8px)}}@keyframes slide-up{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes pulse{0%,to{box-shadow:0 5px #0003,0 0 color-mix(in srgb,var(--color-primary) 50%,transparent)}50%{box-shadow:0 5px #0003,0 0 0 10px transparent}}.page--wide{max-width:980px}.plain{list-style:none;margin:0;padding:0}.code{font-family:ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.08em;font-weight:800}.code--big{font-size:1.8em}.code-input{text-transform:uppercase;letter-spacing:.15em;text-align:center;font-size:1.3em}.class-card{width:100%;text-align:start;display:flex;flex-direction:column;gap:var(--space-1);cursor:pointer;font:inherit;color:inherit}.table-wrap{overflow-x:auto;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td{padding:var(--space-2) var(--space-3);text-align:start;border-bottom:1px solid var(--color-border);vertical-align:top}.table thead th{font-size:.85em;color:var(--color-muted);white-space:nowrap}.table tbody th{font-weight:800}.grid2{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.actions summary{cursor:pointer;min-height:32px;font-weight:700;color:var(--color-primary)}.actions .stack{margin-top:var(--space-2);min-width:220px}.btn--sm{min-height:40px;padding:0 var(--space-3);font-size:.9em}.btn--danger{background:var(--color-wrong);color:#fff}:root[data-theme=dark] .btn--danger{color:#2a0b0b}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .btn--danger{color:#2a0b0b}}.center-text{text-align:center}.bars{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-2);align-items:end}.bars li{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.bars__bar{display:flex;align-items:flex-end;width:100%;height:96px;background:var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.bars__bar>span{display:block;width:100%;background:var(--color-primary)}.bars__label{font-weight:800;font-size:.85em}.bars__value{font-size:.75em;color:var(--color-muted);white-space:nowrap}.legal h2{margin-top:var(--space-4)}.legal ul{margin:var(--space-2) 0 0;padding-inline-start:1.2em}.legal li{margin-bottom:var(--space-2)}.legal p{margin:var(--space-2) 0 0}.legal-links{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);justify-content:center}