@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap";@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-vietnamese-400-normal-CRcqvyg1.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-400-normal-BuGn0gnm.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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-latin-ext-400-normal-CiZNW1ec.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-400-normal-DYBYyMQr.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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-latin-400-normal-PpnXBOrz.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-400-normal-bXgqVju9.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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-vietnamese-500-normal-DREgrEoJ.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-500-normal-CfdwVo8-.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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-latin-ext-500-normal-h0Fp6aX0.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-500-normal-CK0UkkKf.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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-latin-500-normal-B6LVzGNe.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-500-normal-BJkVuMHw.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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-vietnamese-600-normal-nyU-ZL2p.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-600-normal-DkpCIyan.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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-latin-ext-600-normal-BNd8euf0.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-600-normal-BeUwKxhG.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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-latin-600-normal-BZDkUTrt.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-600-normal-5IO4e7bK.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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-vietnamese-700-normal-Csr0PCuG.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-700-normal-By_5yT39.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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-latin-ext-700-normal-C8_gqRu2.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-700-normal-4Hjo2OtD.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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-latin-700-normal-DlW1Zbsh.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-700-normal-C2EtzaOi.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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/be-vietnam-pro-vietnamese-800-normal-D4LFh2W4.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-800-normal-CA0HL1e4.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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/be-vietnam-pro-latin-ext-800-normal-GEpNgheG.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-800-normal-BvOXQlBN.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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/be-vietnam-pro-latin-800-normal-BpHZASpI.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-800-normal-Cwp5p0gU.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:Be Vietnam Pro;font-style:italic;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-vietnamese-600-italic-DsZ1jsYV.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-600-italic-DF6zdOfu.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:Be Vietnam Pro;font-style:italic;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-latin-ext-600-italic-DzkwwHMl.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-600-italic-E2Tt-qD5.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:Be Vietnam Pro;font-style:italic;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-latin-600-italic-BWvFg2-d.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-600-italic-C7w48yzE.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:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-cyrillic-ext-400-normal-BjDhGU6t.woff2)format("woff2"),url(/assets/noto-sans-cyrillic-ext-400-normal-d9FrwbiD.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-cyrillic-400-normal-CHP_ranX.woff2)format("woff2"),url(/assets/noto-sans-cyrillic-400-normal-BDYvNhAR.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-devanagari-400-normal-C3FccbrF.woff2)format("woff2"),url(/assets/noto-sans-devanagari-400-normal-g9fsM2jL.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-greek-ext-400-normal-i2oSBwXz.woff2)format("woff2"),url(/assets/noto-sans-greek-ext-400-normal-L11LEhi4.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-greek-400-normal-DCESwnT1.woff2)format("woff2"),url(/assets/noto-sans-greek-400-normal-Be2BcUUc.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-vietnamese-400-normal-D2wP-Vm-.woff2)format("woff2"),url(/assets/noto-sans-vietnamese-400-normal-C3Al4sv4.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:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-latin-ext-400-normal-CVf-LbaS.woff2)format("woff2"),url(/assets/noto-sans-latin-ext-400-normal-CNh9dRW_.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:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-latin-400-normal-BTkUljjl.woff2)format("woff2"),url(/assets/noto-sans-latin-400-normal-DPpKfCgK.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{--font-vi:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;--font-en:"DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;font-family:var(--font-vi);color:#202920;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;--muted:#536557;--green:#244d39;--focus:#245eb8;background:#f6f5f1;font-size:16px;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button,input,select,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid var(--focus);outline-offset:4px}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:10;background:var(--green);color:#fff;border-radius:8px;padding:12px 20px;position:fixed;top:12px;left:-10000px}.skip-link:focus{left:16px}.shell{max-width:1180px;margin:auto;padding:0 36px}.topbar{border-bottom:1px solid #dddcd3;justify-content:space-between;align-items:center;gap:20px;min-height:94px;padding:14px 0;display:flex}.brand{color:#202920;text-align:left;letter-spacing:-.6px;background:0 0;border:0;border-radius:4px;align-items:center;gap:12px;min-height:44px;padding:4px 0;font-size:20px;font-weight:800;display:flex}.brand .muted{color:var(--muted);margin-left:5px;font-weight:500}.brand-mark{color:#fff;background:#193a2f;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;font:21px Georgia,serif;display:grid;position:relative}.brand-mark span{color:#d1ed94;font:12px system-ui;position:absolute;top:-6px;right:-5px}.top-note,.eyebrow{letter-spacing:1.2px;color:var(--muted);font-size:14px;font-weight:800}.dot{color:#4c7034}.intro{max-width:780px;padding:52px 0 40px}.intro h1,.results h1{letter-spacing:-2px;overflow-wrap:anywhere;margin:17px 0;font-family:Playfair Display,Georgia,serif;font-size:clamp(44px,6.8vw,80px);font-weight:600;line-height:1.14}.intro h1 em,.results h1 em{color:#426f51;font-weight:600}.intro p,.results>p{max-width:650px;color:var(--muted);margin:0;font-size:17px;line-height:1.8}.workspace{grid-template-columns:minmax(0,1.7fr) minmax(270px,.82fr);gap:24px;margin-bottom:64px;display:grid}.panel{background:#fff;border:1px solid #e0e2d8;border-radius:20px;min-width:0;padding:32px;box-shadow:0 12px 34px #1b3d2707}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.section-heading h2{letter-spacing:-.6px;margin:8px 0 0;font-size:26px;line-height:1.35}.tag{color:#42694f;letter-spacing:.4px;background:#f0f6ed;border:1px solid #c6d9bd;border-radius:30px;padding:8px 12px;font-size:14px;font-weight:800}.field{color:#364a3f;flex-direction:column;gap:10px;min-width:0;margin:0 0 24px;font-size:16px;font-weight:700;display:flex}fieldset.field{border:0;padding:0}.field legend{margin-bottom:10px;padding:0}.field input,.field select{color:#2b392f;background:#fdfdfa;border:1px solid #aab9aa;border-radius:11px;width:100%;min-width:0;min-height:52px;padding:10px 14px;font-size:16px}.field select{text-overflow:ellipsis}.field input:focus,.field select:focus,#answer:focus{border-color:#477657}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mode{text-align:left;color:#2d3d32;overflow-wrap:anywhere;background:#fff;border:1px solid #bac8b7;border-radius:13px;flex-direction:column;align-items:flex-start;min-width:0;min-height:140px;padding:16px;transition:background .12s;display:flex}.mode.selected{background:#f4f9f3;border:2px solid #2e6b4a;padding:15px}.mode .symbol{color:#42694f;margin-bottom:8px;font-size:21px;font-weight:800}.mode .symbol svg{width:26px;height:26px;display:block}.button-icon{flex-shrink:0;width:22px;height:22px}.mode strong{font-size:18px;line-height:1.4}.mode small{color:var(--muted);margin-top:5px;font-size:15px;font-weight:500;line-height:1.5}.mode:first-child{grid-column:1/-1;min-height:118px}.mode:hover:not(.selected){background:#f6f8f3}.split{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.toggle{background:#edf1e9;border-radius:11px;gap:4px;min-height:52px;padding:4px;display:flex}.toggle button{color:#425c48;background:0 0;border:0;border-radius:8px;flex:1;min-width:0;padding:8px;font-size:16px;line-height:1.4}.toggle .active{color:#315a41;background:#fff;font-weight:800;box-shadow:0 1px 5px #00000015}.audio-setting span{cursor:pointer;align-items:center;gap:12px;min-height:44px;display:flex}.audio-setting input[type=checkbox]{width:22px;height:22px;min-height:22px;accent-color:var(--green);flex-shrink:0;margin:0;padding:0}.session-preview{background:#f3f6f0;border:1px solid #d4dfce;border-radius:12px;margin-bottom:20px;padding:18px 20px}.session-preview h3{color:#364a3f;margin:0 0 6px;font-size:16px;line-height:1.5}.preview-size{color:#244d39;overflow-wrap:anywhere;margin:0 0 8px;font-size:21px;font-weight:800;line-height:1.5}.note{color:var(--muted);margin:8px 0 0;font-size:15px;line-height:1.7}.primary,.secondary,.subtle{overflow-wrap:anywhere;border:0;border-radius:11px;min-height:48px;padding:13px 20px;font-size:16px;font-weight:800;line-height:1.5}.primary{background:var(--green);color:#fff}.primary:hover:not(:disabled){background:#346749}.panel>.primary{text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.caption{color:var(--muted);text-align:center;margin:16px 0 0;font-size:14px;line-height:1.7}.side{background:#e8eee3;border-radius:20px;flex-direction:column;align-self:start;min-width:0;display:flex;overflow:hidden}.side-top{padding:28px}.big-number{color:#284d3a;letter-spacing:-5px;flex-wrap:wrap;align-items:baseline;gap:13px;font-family:Georgia,serif;font-size:88px;line-height:1.3;display:flex}.big-number span{font-family:var(--font-vi);letter-spacing:1px;color:#4d6453;font-size:14px;font-weight:800}.hairline{background:#c2d0bf;height:1px;margin:19px 0}.stat{color:#4d6453;border-bottom:1px solid #c3d1bf;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:17px 0;font-size:15px;display:flex}.stat strong{color:#365a40;font-size:15px}.side-bottom{color:#d0e0c9;overflow-wrap:anywhere;background:#2b503b;padding:32px 28px;font:26px/1.5 Georgia,serif}.side-bottom em{color:#e1eecf}footer{color:var(--muted);border-top:1px solid #d4d8cc;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:26px 0 37px;font-size:14px;display:flex}.practice-header{justify-content:space-between;align-items:center;gap:20px;padding:32px 0 12px;display:flex}.back{color:#365b41;background:0 0;border:0;min-height:44px;padding:8px 4px;font-weight:800}.counter{white-space:nowrap;font-size:22px;font-weight:800}.counter small{color:var(--muted);font-size:16px;font-weight:500}.session-size{color:var(--muted);margin:0 0 18px;font-size:16px;font-weight:700}.progress{background:#dce3d5;border-radius:4px;height:8px;overflow:hidden}.progress div{background:#426f51;height:100%;transition:width .2s}.question-card{background:#fff;border:1px solid #d5dece;border-radius:20px;max-width:800px;margin:28px auto 24px;padding:32px 40px;box-shadow:0 15px 30px #17352108}.q-eyebrow{letter-spacing:.7px;text-transform:uppercase;color:#48654e;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px;margin:0;font-size:16px;font-weight:800;line-height:1.6;display:flex}.q-eyebrow span{white-space:nowrap;font-size:14px}.question-text{color:#203b2b;overflow-wrap:anywhere;margin:36px 0;font:clamp(26px,3.2vw,38px)/1.6 Georgia,serif}.answer-area label{color:#425c48;font-size:16px;font-weight:800}.answer-area input{color:#203b2b;background:#f8faf7;border:1px solid #a4b89f;border-radius:12px;width:100%;min-width:0;margin-top:10px;padding:15px;font-size:21px;display:block}.answer-area input::placeholder{color:#596b5d;opacity:1}.answer-area input:disabled{color:#425c48;opacity:1;-webkit-text-fill-color:#425c48;background:#f0f3ed}.keyboard-hint{color:var(--muted);margin:12px 0 0;font-size:15px;line-height:1.7}.action-row{justify-content:space-between;gap:16px;margin-top:28px;display:flex}.subtle{color:#425f49;background:0 0;border:1px solid #aabca5}.action-row .primary{min-width:180px}.feedback{overflow-wrap:anywhere;background:#f3f8f0;border:1px solid #c7dcbc;border-radius:13px;margin-top:22px;padding:22px}.feedback.incorrect{background:#faf6ef;border-color:#dfcba9}.feedback-top{color:#355c41;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;display:flex}.feedback.incorrect .feedback-top{color:#79551f}.feedback-word{flex-wrap:wrap;align-items:baseline;gap:6px 12px;min-width:0;display:flex}.feedback-answer{font-size:22px;font-weight:800}.pronunciation{letter-spacing:normal;color:#4b614f;overflow-wrap:anywhere;font:400 18px/1.7 Noto Sans,sans-serif}.base-word{font-size:16px}.feedback p{margin:14px 0;line-height:1.8}.feedback .translation,.usage{color:#4b614f;font-size:16px}.small-audio{color:#285332;background:#e3eee0;border:1px solid #b7cbae;border-radius:8px;min-height:44px;padding:9px 14px;font-size:16px}.listen-area{text-align:center;margin:36px auto}.audio{color:#fff;background:#2b573e;border:0;border-radius:50%;width:100px;height:100px;font-size:30px;box-shadow:0 10px 25px #285a3c25}.listen-area p{color:#425f49;font-size:17px;line-height:1.7}.listen-area small{color:var(--muted);font-size:15px}#audio-status:empty{display:none}#audio-status{color:#365b41;overflow-wrap:anywhere;font-size:16px;line-height:1.7}#setup-message{color:#79551f;overflow-wrap:anywhere;font-size:16px;line-height:1.7}.under-card{max-width:800px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin:0 auto 64px;font-size:15px;display:flex}.under-card button{color:#365b41;background:0 0;border:0;border-radius:4px;min-height:44px;padding:8px 0;font-size:16px}.results{text-align:center;max-width:830px;margin:64px auto 88px}.results>p{margin:20px auto 32px}.results>.session-size{margin:20px auto 0}.result-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:32px;display:grid}.result-grid>div{background:#fff;border:1px solid #cdd9c7;border-radius:13px;padding:25px 10px}.result-grid strong{color:#2d6240;font:48px/1.3 Georgia,serif;display:block}.result-grid span{color:var(--muted);font-size:16px}.result-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.secondary{color:#345c40;background:#e7eee3}.loading,.error{background:#fff;border-radius:20px;max-width:650px;margin:15vh auto;padding:32px}.error p{color:var(--muted);line-height:1.7}.error code{overflow-wrap:anywhere}@media (width<=1000px){.workspace{grid-template-columns:1fr}.side{display:none}}@media (width<=850px){.shell{padding:0 20px}.intro{padding:36px 0 32px}.top-note{display:none}}@media (width<=560px){.shell{padding:0 16px}.topbar{min-height:76px}.panel{padding:24px 18px}.section-heading h2{font-size:24px}.tag{display:none}.intro h1,.results h1{letter-spacing:-1.2px}.mode-grid{gap:10px}.mode{min-height:136px;padding:13px}.mode.selected{padding:12px}.split{gap:12px}.session-options{grid-template-columns:1fr;gap:0}.practice-header{grid-template-columns:1fr auto;gap:8px 16px;padding-top:20px;display:grid}.practice-header .eyebrow{grid-area:2/1/auto/-1}.practice-header .counter{grid-area:1/2}.question-card{padding:24px 20px}.question-text{margin:28px 0}.action-row{gap:12px}.action-row .primary{flex:1;min-width:0}.action-row .subtle{padding:12px 16px}.feedback{padding:18px}.session-preview{padding:16px}.preview-size{font-size:20px}.results{margin:40px auto 56px}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-actions{flex-direction:column}.result-actions button{width:100%}footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}a{color:#315a41;text-underline-offset:4px}a.primary,a.secondary{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}a.brand{text-decoration:none}.library-link{align-items:center;min-height:44px;padding:8px 0;font-weight:700;text-decoration:none;display:inline-flex}.breadcrumbs{color:var(--muted);overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:24px 0 0;font-size:15px;display:flex}.breadcrumbs a{align-items:center;min-height:44px;display:inline-flex}.library-intro{max-width:800px;padding:56px 0 32px}.library-intro h1,.set-intro h1{font-family:var(--font-vi);letter-spacing:normal;overflow-wrap:anywhere;margin:16px 0 20px;font-size:clamp(38px,5vw,64px);font-weight:600;line-height:1.5}.library-intro h1 em{color:#426f51;font-weight:600}.library-intro>p:not(.eyebrow),.set-intro>p{color:var(--muted);max-width:720px;font-size:18px;line-height:1.8}.library-intro .library-summary{margin-top:22px;font-size:16px;font-weight:700}.library-content{margin-bottom:64px}.library-filters{grid-template-columns:minmax(0,2fr) minmax(220px,1fr);align-items:end;gap:20px;display:grid}.library-filters .field{margin-bottom:0}.filter-result{margin:18px 0}.set-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.set-card{color:#202920;background:#fff;border:1px solid #ccd8c6;border-radius:20px;flex-direction:column;min-width:0;text-decoration:none;transition:box-shadow .15s;display:flex;overflow:hidden}.set-card:hover{box-shadow:0 12px 30px #244d3912}.set-cover{color:#244d39;background:#e8eee3;min-height:210px;padding:22px;position:relative;overflow:hidden}.cover-label{z-index:1;letter-spacing:.7px;font-size:14px;font-weight:800;position:relative}.cover-mark{letter-spacing:-6px;font:80px/1.5 Georgia,serif;display:block;position:relative}.cover-mark>span{color:#426f51;letter-spacing:0;margin:14px 0 0 20px;font:40px/1 system-ui;position:absolute}.cover-number{letter-spacing:-5px;color:#c6d5be;font:95px/1 Georgia,serif;position:absolute;bottom:-15px;right:-10px}.set-card-body{flex-direction:column;flex:1;padding:24px;display:flex}.set-card-body>.eyebrow{margin:0 0 8px}.set-card h2{overflow-wrap:anywhere;margin:0 0 10px;font-size:26px;line-height:1.4}.set-description{color:var(--muted);overflow-wrap:anywhere;margin:0 0 18px;font-size:16px;line-height:1.7}.set-metadata{color:#3d5f46;flex-wrap:wrap;gap:6px 14px;font-size:15px;font-weight:700;display:flex}.exercise-badges{flex-wrap:wrap;gap:8px;margin:18px 0;padding:0;list-style:none;display:flex}.exercise-badges li{color:#3d5f46;background:#f0f5eb;border:1px solid #d0ddc7;border-radius:20px;padding:5px 10px;font-size:14px}.card-action{color:#244d39;justify-content:space-between;gap:12px;margin-top:auto;padding-top:12px;font-size:16px;font-weight:800;display:flex}.set-intro{padding:20px 0 24px}.set-intro>.eyebrow{margin:0}.set-facts{flex-wrap:wrap;gap:20px 48px;padding:22px 0;display:flex}.set-facts>div{flex-direction:column;gap:4px;display:flex}.set-facts strong{color:#244d39;font-size:24px;line-height:1.5}.set-facts span{color:var(--muted);font-size:15px}.batch-section{margin:20px 0 48px}.batch-section .section-heading{margin-bottom:12px}.batch-section .eyebrow{margin:0}.batch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px;display:grid}.batch-card{color:#202920;background:#fff;border:1px solid #ccd8c6;border-radius:16px;align-items:flex-start;gap:20px;padding:24px;text-decoration:none;display:flex}.batch-card:hover{background:#f3f7ef}.batch-card>div{overflow-wrap:anywhere;min-width:0}.batch-number{color:#426f51;font:40px/1.3 Georgia,serif}.batch-card h3{margin:0 0 6px;font-size:22px}.batch-card p{color:var(--muted);margin:0;font-size:15px}.practice-explainer{margin-bottom:64px}.practice-explainer>h2{font-size:24px}.practice-types{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.practice-types>div{border-top:1px solid #bdcbb8;padding-top:20px}.practice-types .symbol{color:#426f51;font-size:24px;font-weight:800}.practice-types svg{width:26px;height:26px}.practice-types h3{margin:8px 0;font-size:18px}.practice-types p{color:var(--muted);margin:0;font-size:15px}.empty-state{text-align:center;overflow-wrap:anywhere;background:#fff;border:1px solid #ccd8c6;border-radius:16px;max-width:680px;margin:40px auto 64px;padding:28px}.empty-state h1,.empty-state h2{font-size:26px;line-height:1.4}.empty-state p{color:var(--muted)}@media (width<=1000px){.set-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.library-intro{padding-top:32px}.library-filters{grid-template-columns:1fr;gap:16px}.set-gallery,.batch-grid{grid-template-columns:1fr}.set-card-body{padding:22px}.set-cover{min-height:190px}.practice-types{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.batch-card{gap:16px;padding:20px}.set-facts{gap:20px 28px}.set-facts strong{font-size:22px}.library-link{font-size:15px}}@media (prefers-reduced-motion:reduce){.set-card{transition:none}}.question-text[lang=vi]{font-family:var(--font-vi);letter-spacing:normal;font-size:clamp(24px,3vw,32px);font-weight:500;line-height:1.8}.section-heading h2,.preview-size,.session-size,.field,.q-eyebrow,.primary,.secondary,.subtle,.back,.answer-area label,.feedback-top>strong{letter-spacing:normal;font-weight:600}.brand,.mode strong,.mode .symbol,.q-eyebrow [lang=en],.answer-area input,.exercise-badges,.practice-types h3,.cover-label,.stat,.feedback [lang=en],.eyebrow[lang=en],.tag[lang=en]{font-family:var(--font-en)}.mode small{font-family:var(--font-vi)}.q-eyebrow{text-transform:none;line-height:1.75}.q-eyebrow strong{font-weight:inherit}.q-eyebrow [lang=en]{letter-spacing:.7px;text-transform:uppercase;font-weight:800}.preview-size,.session-size{line-height:1.7}.answer-area input::placeholder{font-family:var(--font-vi);font-size:18px}.meaning-hint{margin:-12px 0 24px}.hint-toggle{color:#48654e;background:#f6f8f3;border:1px solid #c3d0bd;border-radius:8px;align-items:center;min-height:44px;padding:8px 12px;font-size:14px;font-weight:500;display:inline-flex}.hint-toggle:hover{background:#edf3e7}.meaning-hint-content{color:#536557;overflow-wrap:anywhere;background:#f6f8f3;border-left:3px solid #b5c9aa;border-radius:0 8px 8px 0;margin:10px 0 0;padding:12px 16px;font-size:16px;line-height:1.8}