@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: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:normal;font-display:swap;font-weight:900;src:url(/assets/be-vietnam-pro-vietnamese-900-normal-DUJ3fpCl.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-900-normal-CJ0FqwHU.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:900;src:url(/assets/be-vietnam-pro-latin-ext-900-normal-ZqdYLy0O.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-900-normal-M0J0FdCQ.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:900;src:url(/assets/be-vietnam-pro-latin-900-normal-B6esVQUu.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-900-normal-D2lp0V9C.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{--paper:#f4eee3;--card:#fffdf8;--ink:#1c1a17;--muted:#6e675c;--line:#1c1a17;--soft:#e9e1d2;--blue:#2d5bd7;--red:#e0412b;--yellow:#f2b21b;--green:#1e9e6a;--violet:#8b5cf6;--brown:#8a5a2b;--t-ngang:var(--blue);--t-huyen:var(--green);--t-sac:var(--red);--t-hoinga:var(--violet);--t-nang:var(--brown);--radius:18px;--shadow:0 4px 0 var(--line);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#15130f;--card:#221f1a;--ink:#f4eee3;--muted:#a59d90;--line:#000;--soft:#2e2a23;--blue:#5b84f0;--red:#f2614c;--green:#33bf86;--violet:#a585ff;--brown:#c48a52;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:17px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{letter-spacing:-.02em;margin:0;line-height:1.1}.app{flex-direction:column;max-width:560px;min-height:100%;margin:0 auto;display:flex}.screen{padding:calc(var(--safe-top) + 20px) 16px calc(var(--safe-bottom) + 96px);flex-direction:column;flex:1;gap:16px;display:flex}.screen.full{padding-bottom:calc(var(--safe-bottom) + 16px)}.tabbar{z-index:10;background:var(--card);border-top:2px solid var(--line);padding:6px 8px calc(var(--safe-bottom) + 6px);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar-inner{grid-template-columns:repeat(4,1fr);width:100%;max-width:560px;display:grid}.tab{color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:6px 0 2px;font-size:12px;font-weight:700;display:flex}.tab svg{width:26px;height:26px}.tab.on{color:var(--ink)}.tab.on .tab-ico{background:var(--yellow);color:#1c1a17}.tab-ico{border-radius:10px;place-items:center;padding:3px 12px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:13px;font-weight:800}.title-xl{font-size:clamp(34px,9vw,44px);font-weight:900}.title-l{font-size:26px;font-weight:900}.title-m{font-size:20px;font-weight:800}.muted{color:var(--muted)}.small{font-size:14px}.card{background:var(--card);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card.flat{box-shadow:none}.sign{border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);color:#fff;background:var(--blue);padding:18px}.sign .eyebrow{color:#fffc}.row{align-items:center;gap:12px;display:flex}.col{flex-direction:column;gap:12px;display:flex}.spread{justify-content:space-between}.grow{flex:1;min-width:0}.chip{border:2px solid var(--line);background:var(--card);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:4px 12px;font-size:14px;font-weight:800;display:inline-flex}.btn{appearance:none;border:2px solid var(--line);background:var(--card);box-shadow:0 4px 0 var(--line);cursor:pointer;text-align:center;touch-action:manipulation;border-radius:16px;padding:14px 18px;font-size:17px;font-weight:800;transition:transform 60ms,box-shadow 60ms}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--line);transform:translateY(3px)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--yellow);color:#1c1a17}.btn.go{background:var(--green);color:#fff}.btn.danger{background:var(--red);color:#fff}.btn.block{width:100%}.btn.small{border-radius:12px;padding:8px 12px;font-size:15px}.icon-btn{appearance:none;border:2px solid var(--line);background:var(--card);box-shadow:0 3px 0 var(--line);cursor:pointer;touch-action:manipulation;border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;display:inline-grid}.icon-btn:active{box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.icon-btn.big{background:var(--blue);color:#fff;border-radius:24px;width:84px;height:84px}.icon-btn.big svg{width:40px;height:40px}.icon-btn.ghost{box-shadow:none;background:0 0;border:0}.icon-btn svg{width:24px;height:24px}.options{gap:10px;display:grid}.options.grid2{grid-template-columns:1fr 1fr}.option{appearance:none;border:2px solid var(--line);background:var(--card);box-shadow:0 4px 0 var(--line);text-align:left;cursor:pointer;touch-action:manipulation;border-radius:16px;min-height:56px;padding:14px 16px;font-weight:700}.option.center{text-align:center;font-size:24px;font-weight:800}.option:active:not(:disabled){box-shadow:0 1px 0 var(--line);transform:translateY(3px)}.option.right{background:var(--green);color:#fff}.option.wrong{background:var(--red);color:#fff}.option.dim{opacity:.45}.lesson-top{align-items:center;gap:12px;display:flex}.bar{border:2px solid var(--line);background:var(--soft);border-radius:999px;flex:1;height:16px;overflow:hidden}.bar>i{background:var(--green);border-radius:999px;height:100%;transition:width .3s;display:block}.prompt{font-size:22px;font-weight:800}.big-vi{letter-spacing:-.01em;font-size:clamp(34px,11vw,52px);font-weight:900;line-height:1.1}.listen-stage{justify-content:center;align-items:center;gap:16px;padding:18px 0;display:flex}.feedback{z-index:20;border-top:2px solid var(--line);padding:16px 16px calc(var(--safe-bottom) + 16px);animation:.18s ease-out rise;position:fixed;bottom:0;left:0;right:0}.feedback-inner{flex-direction:column;gap:10px;max-width:560px;margin:0 auto;display:flex}.feedback.ok{color:#0f5136;background:#d6f2e4}.feedback.ko{color:#7a1d10;background:#fbdcd6}@media (prefers-color-scheme:dark){.feedback.ok{color:#b8f0d6;background:#123d2b}.feedback.ko{color:#ffd0c7;background:#4a1a12}}@keyframes rise{0%{transform:translateY(100%)}}.tiles{flex-wrap:wrap;gap:8px;display:flex}.answer-line{border-bottom:2px dashed var(--muted);min-height:64px;padding:8px 0}.tile{appearance:none;border:2px solid var(--line);background:var(--card);box-shadow:0 3px 0 var(--line);cursor:pointer;border-radius:12px;padding:8px 12px;font-size:20px;font-weight:800}.tile.used{visibility:hidden}.input{border:2px solid var(--line);background:var(--card);border-radius:14px;outline:none;width:100%;padding:14px 16px;font-size:20px;font-weight:700}.input:focus{box-shadow:0 0 0 3px var(--yellow)}.tone-ngang{color:var(--t-ngang)}.tone-huyen{color:var(--t-huyen)}.tone-sac{color:var(--t-sac)}.tone-hoinga{color:var(--t-hoinga)}.tone-nang{color:var(--t-nang)}.mono-ink .tone-ngang,.mono-ink .tone-huyen,.mono-ink .tone-sac,.mono-ink .tone-hoinga,.mono-ink .tone-nang{color:inherit}.path{flex-direction:column;align-items:center;gap:18px;padding:8px 0 16px;display:flex}.node{border:2px solid var(--line);width:76px;height:76px;box-shadow:0 5px 0 var(--line);cursor:pointer;background:var(--card);border-radius:50%;place-items:center;font-size:22px;font-weight:900;display:grid;position:relative}.node.done{background:var(--unit,var(--blue));color:#fff}.node.next{background:var(--yellow);color:#1c1a17;animation:1.6s ease-in-out infinite pulse}.node.locked{background:var(--soft);color:var(--muted);cursor:default}.node-label{text-align:center;max-width:160px;font-size:13px;font-weight:700}@keyframes pulse{50%{transform:scale(1.06)}}.list{flex-direction:column;display:flex}.list-row{border-bottom:1px solid var(--soft);align-items:center;gap:12px;padding:12px 0;display:flex}.list-row:last-child{border-bottom:0}.code{min-width:48px;font-size:13px;font-weight:900}.empty{text-align:center;padding:32px 16px}.flash{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:220px;display:flex}.grades{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.grades .btn{flex-direction:column;gap:2px;padding:10px 4px;font-size:14px;display:flex}.grades .btn small{opacity:.8;font-weight:600}.voice-warn{border:2px dashed var(--red);border-radius:14px;padding:10px 12px;font-size:14px}.toggle{border:2px solid var(--line);border-radius:14px;display:flex;overflow:hidden}.toggle button{background:var(--card);cursor:pointer;border:0;flex:1;padding:10px;font-weight:800}.toggle button.on{background:var(--ink);color:var(--paper)}.center{text-align:center}.hero-logo{border:2px solid var(--line);width:96px;height:96px;box-shadow:var(--shadow);border-radius:26px}.stat{flex-direction:column;gap:2px;display:flex}.stat b{font-size:26px;font-weight:900;line-height:1}.stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}details summary{cursor:pointer;font-weight:800;list-style:none}details summary::-webkit-details-marker{display:none}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.option.right *,.option.wrong *{opacity:1;color:#fff!important}.sign .btn{color:var(--ink)}