@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-vietnamese-wght-normal.0h_qcmzvudf58.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-latin-ext-wght-normal.0i4j_a8lim1a-.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-latin-wght-normal.300rpl789hft0.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}
@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(../media/newsreader-vietnamese-wght-italic.1ymvw8tmqwo_9.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:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(../media/newsreader-latin-ext-wght-italic.2xfwkckxizj7s.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:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(../media/newsreader-latin-wght-italic.0psn95x5q5t7r.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{--enamel:#12307f;--enamel-deep:#0c2260;--ink:#0b1840;--muted:#47557a;--sky:#dceefa;--sky-soft:#eef6fc;--paper:#fbfdff;--line:#c6d6ea;--ok:#0b7a53;--ok-soft:#e2f4ec;--bad:#b3122a;--bad-soft:#fbe8eb;--sans:"Bricolage Grotesque Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--serif:"Newsreader Variable", Georgia, "Times New Roman", serif;--wrap:68rem;--gutter:clamp(1.1rem, 4vw, 2.5rem)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0;font-size:1.0625rem;line-height:1.55}h1,h2,h3,p{margin:0}h1{letter-spacing:-.015em;font-size:clamp(1.75rem,4.6vw,2.6rem);font-weight:700;line-height:1.12}h2{letter-spacing:-.01em;font-size:clamp(1.3rem,3vw,1.6rem);font-weight:700;line-height:1.2}h3{font-size:1.125rem;font-weight:650}a{color:inherit}:focus-visible{outline-offset:3px;outline:3px solid #1c7ed6}.own{font-family:var(--serif);font-style:italic}.lead{color:var(--muted);max-width:34rem;font-size:1.1875rem}.note{color:var(--muted);font-size:.95rem}.link{text-underline-offset:.2em}.plate{background:var(--enamel);color:#fff;letter-spacing:-.02em;box-shadow:inset 0 0 0 .05em var(--enamel), inset 0 0 0 .09em #ffffffeb;border-radius:.16em;padding:.34em .55em .4em;font-weight:800;line-height:1;display:inline-block}.plate-xl{margin-bottom:1.6rem;font-size:clamp(2.6rem,10.5vw,5.6rem)}.plate-sub{letter-spacing:0;color:#d5e6fb;margin-top:.3em;font-size:.34em;font-weight:400;display:block}.plate-md{font-size:clamp(1.6rem,6vw,2.2rem)}.btn{cursor:pointer;background:var(--enamel);color:#fff;font:inherit;box-shadow:inset 0 0 0 2px var(--enamel), inset 0 0 0 3.5px #ffffffd9;border:0;border-radius:.5rem;padding:.8em 1.25em;font-weight:650;text-decoration:none;display:inline-block}.btn:hover{background:var(--enamel-deep)}.btn:disabled{opacity:.45;cursor:default}.site-header{max-width:var(--wrap);padding:.9rem var(--gutter);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1.5rem;margin:0 auto;display:flex}.wordmark{letter-spacing:-.02em;color:var(--enamel);font-size:1.15rem;font-weight:800;text-decoration:none}.langs{flex-wrap:wrap;gap:.2rem 1rem;font-size:.95rem;display:flex}.langs a{color:var(--muted);padding:.35rem 0;text-decoration:none}.langs a:hover{text-decoration:underline}.langs a[aria-current]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--enamel);font-weight:650}.site-footer{max-width:var(--wrap);padding:2.5rem var(--gutter) 3rem;color:var(--muted);border-top:1px solid var(--line);margin:0 auto;font-size:.95rem}.hero{background:var(--sky)}.hero-inner{max-width:var(--wrap);padding:clamp(2rem, 6vw, 4.5rem) var(--gutter);gap:2.5rem;margin:0 auto;display:grid}.hero-main h1{max-width:22ch;margin-bottom:.9rem}.hero-cta{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:1.6rem;display:flex}.hero-try{background:var(--paper);border-radius:.9rem;align-self:start;padding:1.4rem}.hero-try h2{margin-bottom:.9rem;font-size:1.05rem}.band{max-width:var(--wrap);padding:clamp(2.2rem, 6vw, 3.8rem) var(--gutter) 0;margin:0 auto}.band>h2{margin-bottom:1.3rem}.band>.note{margin-top:1rem}.features{gap:1.6rem 2.5rem;display:grid}.features h3{margin-bottom:.3rem}.features p{color:var(--muted)}.lessons{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.lessons li{border-bottom:1px solid var(--line)}.lessons a,.lesson-locked{grid-template-columns:4.6rem 1fr;align-items:baseline;gap:.1rem .75rem;padding:.85rem .25rem;text-decoration:none;display:grid}.lessons a:hover .lesson-name{text-underline-offset:.2em;text-decoration:underline}.lesson-number{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.95rem}.lesson-name{font-weight:600}.lesson-locked .lesson-name{color:var(--muted);font-weight:400}.tag{color:var(--ok);grid-column:2;font-size:.875rem;font-weight:600}.tag.is-locked{color:var(--muted);font-weight:400}.lesson{max-width:44rem;padding:1.5rem var(--gutter) 1rem;margin:0 auto}.crumb{margin-bottom:1.4rem;font-size:.95rem}.lesson h1 .lesson-number{letter-spacing:0;margin-bottom:.3rem;font-size:1rem;font-weight:500;display:block}.lesson .lead{margin-top:.8rem}.lesson h2{margin:2.6rem 0 .9rem}.explain{gap:.55rem;margin:0;padding-left:1.2rem;display:grid}.remember{background:var(--sky-soft);border-left:4px solid var(--enamel);border-radius:0 .4rem .4rem 0;margin-top:1.1rem;padding:.9rem 1.1rem}.vocab{border-collapse:collapse;width:100%}.vocab th,.vocab td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);width:50%;padding:.6rem .75rem .6rem 0}.vocab thead th{color:var(--muted);font-size:.875rem;font-weight:500}.vocab tbody th{color:var(--enamel);font-weight:650}.vocab td{font-size:1.125rem}.lesson-next{margin-top:2.2rem}.quiz{gap:1.1rem;display:grid}.lesson .quiz{background:var(--sky-soft);border-radius:.9rem;padding:clamp(1.1rem,4vw,1.8rem)}.quiz-progress{color:var(--muted);gap:.45rem;font-size:.9rem;display:grid}.quiz-bar{background:#cfdff1;border-radius:3px;height:6px;display:block;overflow:hidden}.quiz-bar span{background:var(--enamel);height:100%;transition:width .25s;display:block}.quiz-question:focus{outline:none}.quiz-instruction{color:var(--muted);margin-bottom:.6rem;font-size:.95rem}.quiz-own{font-size:clamp(1.45rem,5.5vw,1.9rem);line-height:1.2}.opts{gap:.6rem;display:grid}.opt{appearance:none;text-align:left;cursor:pointer;width:100%;color:var(--ink);border:2px solid var(--line);background:#fff;border-radius:.6rem;padding:.75rem 1rem;font-size:1.2rem;line-height:1.25}.opt-lb{font-family:var(--sans);color:var(--enamel);font-size:1.1rem;font-weight:650}.opt:hover{border-color:var(--enamel)}.opt[aria-disabled]{cursor:default}.opt.is-right{border-color:var(--ok);background:var(--ok-soft);color:var(--ink)}.opt.is-wrong{border-color:var(--bad);background:var(--bad-soft);color:var(--ink)}.opt.is-rest{opacity:.55;border-color:var(--line)}.type label{color:var(--muted);margin-bottom:.35rem;font-size:.9rem;display:block}.type-row{flex-wrap:wrap;gap:.6rem;display:flex}.type input{min-width:0;font:inherit;color:var(--enamel);border:2px solid var(--line);background:#fff;border-radius:.6rem;flex:12rem;padding:.7rem .9rem;font-size:1.15rem;font-weight:650}.build{justify-items:start;gap:.9rem;display:grid}.build-line{border:2px dashed var(--line);background:#fff;border-radius:.6rem;flex-wrap:wrap;align-content:flex-start;gap:.45rem;width:100%;min-height:3.5rem;padding:.5rem;display:flex}.build-pool{flex-wrap:wrap;gap:.45rem;display:flex}.tile{appearance:none;cursor:pointer;font:inherit;color:var(--enamel);border:2px solid var(--line);background:#fff;border-radius:.5rem;padding:.45rem .75rem;font-weight:650}.tile:hover{border-color:var(--enamel)}.tile.is-placed{background:var(--enamel);border-color:var(--enamel);color:#fff}.quiz-foot{justify-items:start;gap:.8rem;min-height:1px;display:grid}.feedback{font-weight:600}.feedback.is-correct,.feedback.is-almost{color:var(--ok)}.feedback.is-wrong{color:var(--bad)}.feedback strong{color:var(--ink);font-weight:700}.quiz-result{font-size:1.4rem}.quiz-result:focus{outline:none}.quiz-score{font-size:1.2rem}.quiz-actions{flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem;display:flex}@media (min-width:52rem){.hero-inner{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:3.5rem}.features{grid-template-columns:repeat(3,minmax(0,1fr))}.lessons a,.lesson-locked{grid-template-columns:4.6rem 1fr auto}.tag{grid-column:auto}}@media (prefers-reduced-motion:reduce){.quiz-bar span{transition:none}}