:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#edf1e8;--surface:#fff;--ink:#1f3630;--muted:#6c8377;--border:#d7e1d2;--accent:#c99a3e;--correct-bg:#dceae3;--correct-border:#2f5d50;--incorrect-bg:#f5e1da;--incorrect-border:#b5563a;--button-bg:#2f5d50;--button-text:#f4f7f1;--radius-card:22px;--radius-control:14px;--font-ui:"Mitr", "Leelawadee UI", "Thonburi", system-ui, sans-serif;--font-content:"Noto Sans Thai", "Leelawadee UI", "Thonburi", sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#12201b;--surface:#1a2b24;--ink:#e3ece6;--muted:#8fa69b;--border:#2c3f36;--accent:#d9ae5c;--correct-bg:#1f3d33;--correct-border:#4f8770;--incorrect-bg:#3d2620;--incorrect-border:#d97854;--button-bg:#3e7c68;--button-text:#f4f7f1}}:root[data-theme=dark]{--bg:#12201b;--surface:#1a2b24;--ink:#e3ece6;--muted:#8fa69b;--border:#2c3f36;--accent:#d9ae5c;--correct-bg:#1f3d33;--correct-border:#4f8770;--incorrect-bg:#3d2620;--incorrect-border:#d97854;--button-bg:#3e7c68;--button-text:#f4f7f1}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--font-ui);justify-content:center;align-items:center;margin:0;display:flex}.progress-bar{text-align:center;color:var(--muted);margin-bottom:.75rem;font-size:.85rem;font-weight:600}.nav{justify-content:center;gap:.5rem;margin-bottom:1rem;display:flex}.nav-link{border:2px solid var(--border);background:var(--surface);color:inherit;cursor:pointer;border-radius:999px;padding:.5rem 1rem;font-family:inherit;font-size:.9rem}.nav-link:hover{border-color:var(--accent)}.exercise{text-align:center;background:var(--surface);border-radius:var(--radius-card);width:min(420px,90vw);padding:2rem 1.5rem;box-shadow:0 4px 24px #1f36301a}.score{color:var(--muted);margin-bottom:.5rem;font-size:.9rem;font-weight:600}.prompt{color:var(--ink);opacity:.85;margin:0 0 1rem;font-size:1rem}.character{font-family:var(--font-content);margin-bottom:1.5rem;font-size:5rem;line-height:1}.options{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem;display:grid}.option{border:2px solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:inherit;cursor:pointer;padding:.75rem .5rem;font-family:inherit;font-size:1rem;transition:background .15s,border-color .15s}.option:hover:not(:disabled){border-color:var(--accent)}.option:disabled{cursor:default}.option.correct{background:var(--correct-bg);border-color:var(--correct-border)}.option.incorrect{background:var(--incorrect-bg);border-color:var(--incorrect-border)}.feedback{min-height:2.5rem;color:var(--muted);margin-bottom:1rem;font-size:.9rem}.next{background:var(--button-bg);color:var(--button-text);cursor:pointer;border:none;border-radius:999px;padding:.6rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600}.next:hover{filter:brightness(1.08)}.progress-list{text-align:left;flex-direction:column;gap:.75rem;display:flex}.progress-row{border:2px solid var(--border);border-radius:var(--radius-control);justify-content:space-between;align-items:center;padding:.6rem .8rem;display:flex}.progress-stat{color:var(--muted);font-size:.9rem}