@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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:400;src:url(/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-400-normal-BbWidj28.woff) format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-400-italic-D-qjh7ci.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-400-italic-OoEIrRJc.woff) format("woff")}@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")}:root{--bg: #f3f5fb;--surface: #ffffff;--line: #d7dcec;--fg: #161b33;--muted: #5a6286;--ink: #2b45c9;--ink-soft: #e3e8ff;--marker: #ffe36e;--marker-fg: #161b33;--good: #1d8a55;--good-soft: #dcf3e6;--bad: #c2372f;--bad-soft: #fbe1df;--display: "Bricolage Grotesque Variable", "Bricolage Grotesque", "Avenir Next", system-ui, sans-serif;--body: "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #10142a;--surface: #181d38;--line: #2c3358;--fg: #eef0fa;--muted: #a3aad0;--ink: #8fa2ff;--ink-soft: #252d5a;--marker: #e9c93f;--marker-fg: #141414;--good: #5cd49a;--good-soft: #163a2b;--bad: #ff8a80;--bad-soft: #41201f;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--body);font-size:17px;line-height:1.5;padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(40px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.wrap{max-width:620px;margin:0 auto;display:flex;flex-direction:column;gap:20px}h1,h2{font-family:var(--display);text-wrap:balance;margin:0;line-height:1.1}h1{font-size:clamp(28px,7vw,38px);font-weight:800;letter-spacing:-.01em}h2{font-size:21px;font-weight:600}p{margin:0}.eyebrow{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}.muted{color:var(--muted)}.hint{font-size:14px;color:var(--muted)}.stack{display:flex;flex-direction:column;gap:8px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row>.grow{flex:1;min-width:140px}button{font:inherit;cursor:pointer}.btn{background:var(--ink);color:var(--surface);border:0;border-radius:12px;padding:15px 20px;font-weight:700;font-size:18px;width:100%}.btn:disabled{opacity:.45;cursor:default}.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}.linkbtn{background:none;border:0;color:var(--muted);text-decoration:underline;font-size:14px;padding:4px}button:focus-visible,input:focus-visible{outline:3px solid var(--marker);outline-offset:2px}label{font-weight:700;font-size:15px}input.field,input.answer{width:100%;font:inherit;font-size:19px;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);color:var(--fg)}input.answer{background:var(--bg)}.big{font-family:var(--display);font-size:44px;font-weight:800;color:var(--ink);line-height:1}.topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.topic{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;text-align:left;color:var(--fg)}.topic .name{font-weight:700}.topic small{color:var(--muted);font-size:13px}button.topic{cursor:pointer}button.topic[aria-pressed=true]{border-color:var(--ink);background:var(--ink-soft)}.meter{display:flex;gap:4px}.meter i{flex:1;height:8px;border-radius:4px;background:var(--line)}.meter i.on{background:var(--ink)}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px}.bar{height:6px;border-radius:3px;background:var(--line);overflow:hidden}.bar span{display:block;height:100%;background:var(--ink);transition:width .3s}.chip{align-self:flex-start;background:var(--ink-soft);color:var(--ink);border-radius:99px;padding:3px 12px;font-size:14px;font-weight:700}.q{font-size:20px;line-height:1.45}mark{background:var(--marker);color:var(--marker-fg);padding:0 3px;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.opts{display:flex;flex-direction:column;gap:8px}.opt{text-align:left;background:var(--bg);color:var(--fg);border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;font-size:17px}.opt.sel{border-color:var(--ink);background:var(--ink-soft)}.opt.right{border-color:var(--good);background:var(--good-soft)}.opt.wrong{border-color:var(--bad);background:var(--bad-soft)}.sentence{font-size:21px;line-height:2.4;display:flex;flex-wrap:wrap;align-items:center}.gap{width:30px;height:34px;margin:0 1px;border:0;background:transparent;border-bottom:2px dashed var(--line);border-radius:4px;color:var(--ink);font-size:26px;font-weight:800;line-height:1;padding:0}.gap.on{border-bottom-color:var(--ink);background:var(--ink-soft)}.gap.ok{border-bottom-color:var(--good);background:var(--good-soft);color:var(--good)}.gap.miss{border-bottom-color:var(--bad);background:var(--bad-soft);color:var(--bad)}.gap.extra{border-bottom-color:var(--bad);background:var(--bad-soft);color:var(--bad);text-decoration:line-through}.fb{border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.fb.good{background:var(--good-soft)}.fb.bad{background:var(--bad-soft)}.fb strong{font-size:18px}.fb.good strong{color:var(--good)}.fb.bad strong{color:var(--bad)}.sol{font-weight:700}.error{background:var(--bad-soft);color:var(--bad);border-radius:12px;padding:12px 14px;font-weight:700}.list{display:flex;flex-direction:column;gap:12px}.miss-item{border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:4px}@media(max-width:420px){.topics{grid-template-columns:1fr}.q,.sentence{font-size:19px}}@media(prefers-reduced-motion:reduce){.bar span{transition:none}}