@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lexend-vietnamese-400-normal-DoLa7jNB.woff2)format("woff2"),url(/assets/lexend-vietnamese-400-normal-mPlHoWg5.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:Lexend;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lexend-latin-ext-400-normal-D38JI5AK.woff2)format("woff2"),url(/assets/lexend-latin-ext-400-normal-D9P7pMo-.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:Lexend;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lexend-latin-400-normal-CwRJVcUA.woff2)format("woff2"),url(/assets/lexend-latin-400-normal-CHypAkT3.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:Lexend;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/lexend-vietnamese-600-normal-Cr1ePs6O.woff2)format("woff2"),url(/assets/lexend-vietnamese-600-normal-BxEVPgxw.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:Lexend;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/lexend-latin-ext-600-normal-hDcqLAH9.woff2)format("woff2"),url(/assets/lexend-latin-ext-600-normal-BXtyp5LP.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:Lexend;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/lexend-latin-600-normal-DdvlkEkX.woff2)format("woff2"),url(/assets/lexend-latin-600-normal-DSBzZxpA.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: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")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-ext-400-normal-DRk46D-x.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-400-normal-Bbz-b3yf.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:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-400-normal-BbWidj28.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:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-ext-700-normal-BoVPHkS0.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-700-normal-CKkU2Dpt.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:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-700-normal-BK6Glc0m.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{--text-scale:1;--bg:#fbf6e9;--surface:#fffdf7;--text:#2b2622;--muted:#6b625a;--line:#e6dccb;--mark:#fff0a8;--ok:#1f7a4a;--ok-soft:#dff3e7;--bad:#b3261e;--bad-soft:#fbe3e1;--shadow:#3c281414;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-paper=white]{--bg:#f6f7fb;--surface:#fff;--text:#1d1d26;--muted:#5d5f6e;--line:#e1e3ec;--shadow:#14143212}:root[data-paper=mint]{--bg:#eaf5ee;--surface:#f7fcf9;--text:#1f2a24;--muted:#56665c;--line:#d3e6da;--shadow:#14321e12}:root[data-paper=dark]{--bg:#16161d;--surface:#20202a;--text:#ececf1;--muted:#a5a5b4;--line:#33333f;--mark:#6b5a12;--ok:#5fd08f;--ok-soft:#1d3a2a;--bad:#ff8a80;--bad-soft:#43201e;--shadow:#0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root,:root[data-look=calm]{--accent:#4f4fc8;--accent-soft:#4f4fc81f;--on-accent:#fff;--radius:12px;--radius-sm:8px;--heading-weight:600}:root[data-look=bright]{--accent:#e2560f;--accent-soft:#e2560f24;--accent-2:#7b3fe4;--radius:22px;--radius-sm:14px}:root[data-paper=dark][data-look=calm]{--accent:#9d9dff;--accent-soft:#9d9dff29;--on-accent:#16161d}:root[data-paper=dark][data-look=bright]{--accent:#ff9a5c;--accent-soft:#ff9a5c2e;--accent-2:#b794ff;--on-accent:#16161d}:root{--font:"Lexend", system-ui, sans-serif}:root[data-font=opendyslexic]{--font:"OpenDyslexic", "Lexend", sans-serif}:root[data-font=atkinson]{--font:"Atkinson Hyperlegible", system-ui, sans-serif}:root[data-font=system]{--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}html{font-size:calc(18px * var(--text-scale));font-family:var(--font);background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;line-height:1.6}:root[data-spacing=wide]{letter-spacing:.05em;word-spacing:.16em;line-height:1.9}:root[data-spacing=wide][data-font=opendyslexic]{letter-spacing:.02em;word-spacing:.06em}:root[data-spacing=wide] :is(h1,h2,h3){line-height:1.45}:root{--speed:.16s}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]){--speed:0s}}:root[data-motion=reduce]{--speed:0s}*,:before,:after{box-sizing:border-box}body{min-height:100dvh;margin:0}h1,h2,h3{line-height:1.25;font-weight:var(--heading-weight,600);margin:0 0 .5em}h1{font-size:1.75rem}h2{font-size:1.2rem}h3{font-size:1.1rem}p{max-width:65ch;margin:0 0 1em}a{color:var(--accent);text-underline-offset:.2em}mark{background:var(--mark);color:inherit;border-radius:4px;padding:0 .2em}small{font-size:.8rem;display:block}.muted{color:var(--muted)}.lead{font-size:1.05rem}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.skip{position:absolute;left:-9999px}.skip:focus{z-index:10;background:var(--surface);border-radius:var(--radius-sm);padding:.5rem 1rem;top:1rem;left:1rem}.topbar{background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem clamp(1rem,4vw,2rem);display:flex}.brand{color:var(--text);align-items:center;gap:.6rem;font-size:1.15rem;font-weight:600;text-decoration:none;display:flex}.topnav{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.topnav a,.topnav .link{border-radius:var(--radius-sm);min-height:44px;color:var(--text);align-items:center;padding:.5rem .9rem;text-decoration:none;display:inline-flex}.topnav a:hover,.topnav .link:hover{background:var(--accent-soft)}.topnav a[data-status=active]{background:var(--accent-soft);color:var(--accent);font-weight:600}.page{max-width:1100px;margin:0 auto;padding:clamp(1.25rem,4vw,2.5rem) clamp(1rem,4vw,2rem)}.page.narrow{max-width:520px}.stack{flex-direction:column;gap:1.1rem;display:flex}.stack-lg{flex-direction:column;gap:1.5rem;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 2px 10px var(--shadow);padding:clamp(1rem,3vw,1.5rem)}.card>:last-child{margin-bottom:0}button{font:inherit;letter-spacing:inherit;word-spacing:inherit;cursor:pointer}.button{border-radius:var(--radius-sm);border:2px solid var(--line);background:var(--surface);min-height:48px;color:var(--text);transition:transform var(--speed), background var(--speed);padding:.6rem 1.2rem;font-weight:600}.button:hover{background:var(--accent-soft)}.button:active{transform:scale(.98)}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.button.primary:hover{filter:brightness(1.08)}.button.big{min-height:56px;font-size:1.05rem}.button:disabled{opacity:.6;cursor:default}.link{color:inherit;background:0 0;border:0}.field{flex-direction:column;gap:.35rem;font-weight:600;display:flex}.field small{font-weight:400}input:not([type=radio]):not([type=checkbox]),select{font:inherit;letter-spacing:inherit;border:2px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);min-height:48px;color:var(--text);padding:.5rem .8rem;font-weight:400}input:focus-visible,select:focus-visible{border-color:var(--accent);outline-offset:1px}.notice{border-radius:var(--radius-sm);margin:0;padding:.75rem 1rem}.notice.error{background:var(--bad-soft);color:var(--bad);border:1px solid}.badge{vertical-align:middle;letter-spacing:.02em;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:.15rem .6rem;font-size:.7rem;font-weight:600;display:inline-block}.choice{border:0;margin:0;padding:0}.choice legend{margin-bottom:.5rem;padding:0;font-weight:600}.choice-options{flex-wrap:wrap;gap:.5rem;display:flex}.choice-option{position:relative}.choice-option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.choice-option>span{border:2px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);min-height:48px;padding:.55rem 1rem;display:block}.choice-option small{color:var(--muted)}.choice-option input:checked+span{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.choice-option input:checked+span:before{content:"✓ ";color:var(--accent);font-weight:700}.choice-option input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.font-sample.lexend{font-family:Lexend}.font-sample.opendyslexic{font-family:OpenDyslexic}.font-sample.atkinson{font-family:Atkinson Hyperlegible}.font-sample.system{font-family:system-ui,sans-serif}.toggle{cursor:pointer;align-items:flex-start;gap:.75rem;font-weight:600;display:flex}.toggle input{width:1.4rem;height:1.4rem;accent-color:var(--accent);flex:none;margin-top:.2rem}.toggle small{color:var(--muted);font-weight:400}.speak{border:2px solid var(--line);background:var(--surface);border-radius:50%;flex:none;width:48px;height:48px;font-size:1.3rem;line-height:1}.speak:hover{background:var(--accent-soft)}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin:1.5rem 0;padding:0;list-style:none;display:grid}.area-emoji{margin-bottom:.5rem;font-size:2rem;display:block}.area p{color:var(--muted)}.tip{border-left:6px solid var(--accent)}.form-card{margin-top:2rem}.settings-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}@media (width>=900px){.settings-layout{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.preview{position:sticky;top:1rem}}.preview-label{color:var(--muted);margin-bottom:.5rem;font-weight:600}.question{flex-direction:column;gap:1rem;display:flex}.question-prompt{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.question-prompt h3{margin:0;font-size:1.3rem}.progress{background:var(--accent-soft);border-radius:999px;height:10px;overflow:hidden}.progress span{background:var(--accent);border-radius:inherit;height:100%;display:block}.answers{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.6rem;display:grid}.answer{border:3px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);min-height:64px;color:var(--text);transition:transform var(--speed);justify-content:center;align-items:center;gap:.3em;font-size:1.3rem;display:flex}.answer:hover{border-color:var(--accent)}.answer.right{border-color:var(--ok);background:var(--ok-soft)}.answer.right:before{content:"✓";color:var(--ok)}.answer.wrong{border-color:var(--bad);background:var(--bad-soft)}.answer.wrong:before{content:"✗";color:var(--bad)}.feedback{min-height:1.6em;margin:0;font-weight:600}:root[data-look=bright] h1{color:var(--accent)}:root[data-look=bright] .card{border-width:2px}:root[data-look=bright] .area:nth-child(2n) .badge{color:var(--accent-2);background:#7b3fe424}:root[data-look=bright] .answer{box-shadow:0 4px 0 var(--line);border-width:3px}:root[data-look=bright] .answer:active{box-shadow:0 1px 0 var(--line);transform:translateY(3px)}:root[data-look=bright] .progress span{background:linear-gradient(90deg, var(--accent), var(--accent-2))}:root[data-look=bright] .button.primary{box-shadow:0 4px 0 color-mix(in srgb, var(--accent) 70%, black)}