@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-vietnamese-400-normal-CkBxLiRJ.woff2)format("woff2"),url(/assets/anton-vietnamese-400-normal-2FfR1wHA.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:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-ext-400-normal-SyiqE2Jt.woff2)format("woff2"),url(/assets/anton-latin-ext-400-normal-BMODBQc6.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:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-400-normal-Byf51wtH.woff2)format("woff2"),url(/assets/anton-latin-400-normal-AUNGEG_V.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: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:#f1e4c6;--paper-2:#e6d6b2;--card:#fbf3df;--ink:#1c1410;--muted:#6b5a45;--line:#1c1410;--soft:#dccba5;--red:#ce2b1f;--red-2:#b51f15;--yellow:#f5c21b;--green:#2e7d4f;--blue:#1f4e9c;--magenta:#b8236f;--brown:#1c1410;--t-ngang:var(--blue);--t-huyen:var(--green);--t-sac:var(--red);--t-hoinga:var(--magenta);--t-nang:var(--ink);--display:"Anton", "Impact", sans-serif;--shadow:5px 5px 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}*{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;font-weight:500;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{margin:0;line-height:1}a{color:inherit}.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) + 100px);flex-direction:column;flex:1;gap:18px;display:flex}.screen.full{padding-bottom:calc(var(--safe-bottom) + 16px)}.tabbar{z-index:10;background:var(--ink);padding:8px 8px calc(var(--safe-bottom) + 8px);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar-inner{grid-template-columns:repeat(4,1fr);gap:6px;width:100%;max-width:560px;display:grid}.tab{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--paper);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:7px 0 6px;font-size:14px;display:flex}.tab svg{width:22px;height:22px}.tab.on{background:var(--yellow);color:var(--ink)}.tab-ico{place-items:center;display:grid}.display{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;font-weight:400;line-height:.95}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--red);font-size:12px;font-weight:900}.title-xl{font-family:var(--display);text-transform:uppercase;font-size:clamp(42px,13vw,58px);font-weight:400;line-height:.95}.title-l{font-family:var(--display);text-transform:uppercase;font-size:32px;font-weight:400;line-height:1}.title-m{font-size:20px;font-weight:900;line-height:1.15}.press{text-shadow:3px 3px 0 var(--ink)}.muted{color:var(--muted)}.small{font-size:14px}.card{background:var(--card);border:3px solid var(--line);box-shadow:var(--shadow);padding:14px}.card.flat{box-shadow:none}.sign{border:3px solid var(--line);box-shadow:6px 6px 0 var(--line);color:var(--paper);background:repeating-conic-gradient(from 0deg at 50% 110%, var(--red) 0deg 7deg, var(--red-2) 7deg 14deg);padding:20px 18px}.sign .eyebrow{color:var(--paper)}.sunburst{background:repeating-conic-gradient(from 0deg at 50% 110%, var(--red) 0deg 7deg, var(--red-2) 7deg 14deg)}.sunburst-gold{background:repeating-conic-gradient(from 0deg at 50% 40%, var(--red) 0deg 9deg, var(--yellow) 9deg 18deg)}.ht{background-color:var(--paper-2);border:3px dashed var(--line);background-image:radial-gradient(#1c141033 1px,#0000 1.6px);background-size:5px 5px}.ribbon{background:var(--red);color:var(--paper);border:3px solid var(--line);letter-spacing:.12em;text-transform:uppercase;padding:5px 12px;font-size:12px;font-weight:900;display:inline-block}.stamp{border:4px solid var(--red);color:var(--red);text-align:center;font-family:var(--display);text-transform:uppercase;border-radius:50%;place-items:center;line-height:1;display:grid;transform:rotate(-11deg)}.poster{background:var(--card);border:3px solid var(--line);box-shadow:6px 6px 0 var(--line);color:var(--ink);text-decoration:none;display:block;overflow:hidden}.poster-img{border-bottom:3px solid var(--line);position:relative;overflow:hidden}.poster-img img{object-fit:cover;width:100%;height:100%;display:block}.poster-img .ribbon{border-left:0;position:absolute;top:12px;left:0}.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:3px solid var(--line);font-family:var(--display);background:var(--ink);color:var(--yellow);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;font-size:17px;display:inline-flex}.btn{appearance:none;border:3px solid var(--line);background:var(--card);box-shadow:4px 4px 0 var(--line);font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;text-align:center;color:var(--ink);touch-action:manipulation;border-radius:0;padding:13px 16px;font-size:20px;font-weight:400;text-decoration:none;transition:transform 50ms,box-shadow 50ms}.btn:active:not(:disabled){box-shadow:1px 1px 0 var(--line);transform:translate(3px,3px)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--red);color:var(--yellow)}.btn.go{background:var(--yellow);color:var(--ink)}.btn.danger{background:var(--ink);color:var(--yellow);box-shadow:4px 4px 0 var(--red)}.btn.block{width:100%;display:block}.btn.small{box-shadow:3px 3px 0 var(--line);padding:8px 12px;font-size:16px}.link{cursor:pointer;color:inherit;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.icon-btn{appearance:none;border:3px solid var(--line);background:var(--card);box-shadow:3px 3px 0 var(--line);cursor:pointer;width:48px;height:48px;color:var(--ink);touch-action:manipulation;border-radius:0;flex-shrink:0;place-items:center;display:inline-grid}.icon-btn:active{box-shadow:1px 1px 0 var(--line);transform:translate(2px,2px)}.icon-btn.big{background:var(--red);width:92px;height:92px;color:var(--yellow);box-shadow:4px 4px 0 var(--line);border-width:4px;border-radius:50%}.icon-btn.big svg{width:44px;height:44px}.icon-btn.ghost{box-shadow:none}.icon-btn svg{width:22px;height:22px}.options{gap:10px;display:grid}.options.grid2{grid-template-columns:1fr 1fr}.option{appearance:none;border:3px solid var(--line);background:var(--card);box-shadow:3px 3px 0 var(--line);text-align:left;cursor:pointer;min-height:54px;color:var(--ink);touch-action:manipulation;border-radius:0;padding:12px 14px;font-weight:700;position:relative}.option.center{text-align:center;font-family:var(--display);font-size:30px;font-weight:400}.option:active:not(:disabled){box-shadow:1px 1px 0 var(--line);transform:translate(2px,2px)}.option.right{background:var(--green);color:var(--paper)}.option.wrong{background:var(--red);color:var(--paper)}.option.dim{opacity:.5}.option.right *,.option.wrong *{opacity:1;color:var(--paper)!important}.option .stamp-mini{border:3px solid var(--yellow);width:46px;height:46px;font-family:var(--display);border-radius:50%;place-items:center;margin-top:-23px;font-size:12px;display:grid;position:absolute;top:50%;right:8px;transform:rotate(-14deg);color:var(--yellow)!important}.lesson-top{align-items:center;gap:10px;display:flex}.bar{flex:1;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;display:grid}.bar>i{border:2px solid var(--line);height:16px}.bar>i.on{background:var(--red)}.bar>i.now{background:var(--yellow)}.prompt{font-family:var(--display);text-transform:uppercase;font-size:30px;font-weight:400;line-height:1}.big-vi{font-size:clamp(36px,11vw,52px);font-weight:900;line-height:1.1}.listen-stage{border:3px solid var(--line);box-shadow:5px 5px 0 var(--line);background:repeating-conic-gradient(from 0deg at 50% 50%, var(--yellow) 0deg 9deg, #f0b000 9deg 18deg);justify-content:center;align-items:center;gap:18px;padding:22px 0;display:flex}.feedback{z-index:20;border-top:4px 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:8px;max-width:560px;margin:0 auto;display:flex}.feedback .title-m{font-family:var(--display);text-transform:uppercase;color:var(--yellow);text-shadow:3px 3px 0 var(--ink);font-size:28px;font-weight:400}.feedback.ok{background:var(--green);color:var(--paper)}.feedback.ko{background:var(--red);color:var(--paper)}@keyframes rise{0%{transform:translateY(100%)}}.tiles{flex-wrap:wrap;gap:8px;display:flex}.answer-line{border-bottom:3px dashed var(--line);min-height:66px;padding:8px 0}.tile{appearance:none;border:3px solid var(--line);background:var(--card);box-shadow:3px 3px 0 var(--line);cursor:pointer;border-radius:0;padding:8px 12px;font-size:20px;font-weight:900}.tile.used{visibility:hidden}.input{border:3px solid var(--line);background:#fff8e6;border-radius:0;outline:none;width:100%;padding:13px 14px;font-size:20px;font-weight:800}.input:focus{box-shadow:4px 4px 0 var(--red)}.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}.lessons{flex-direction:column;display:flex}.lesson-row{border:0;border-top:2px dashed var(--line);text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;align-items:center;gap:12px;padding:10px 12px;font-size:15px;font-weight:700;display:flex}.lesson-row:disabled{cursor:default;color:var(--muted)}.lesson-num{border:3px solid var(--line);width:34px;height:34px;font-family:var(--display);flex-shrink:0;place-items:center;font-size:17px;display:grid}.lesson-num svg{width:18px;height:18px}.lesson-row.done .lesson-num{background:var(--red);color:var(--yellow)}.lesson-row.next .lesson-num{background:var(--yellow)}.list{flex-direction:column;display:flex}.list-row{border-bottom:2px dashed var(--soft);align-items:center;gap:12px;padding:10px 0;display:flex}.list-row:last-child{border-bottom:0}.code{font-family:var(--display);min-width:52px;font-size:15px}.empty{text-align:center;padding:28px 16px}.flash{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:230px;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:16px;display:flex}.grades .btn small{text-transform:none;font-family:Be Vietnam Pro,sans-serif;font-size:12px;font-weight:700}.voice-warn{border:3px dashed var(--red);background:var(--card);padding:10px 12px;font-size:14px;font-weight:600}.toggle{border:3px solid var(--line);display:flex}.toggle button{background:var(--card);font-family:var(--display);text-transform:uppercase;cursor:pointer;border:0;flex:1;padding:10px;font-size:17px}.toggle button+button{border-left:3px solid var(--line)}.toggle button.on{background:var(--ink);color:var(--yellow)}.center{text-align:center}.hero-logo{border:3px solid var(--line);width:88px;height:88px;box-shadow:var(--shadow)}.stat{flex-direction:column;gap:2px;display:flex}.stat b{font-family:var(--display);font-size:32px;font-weight:400;line-height:1}.stat span{letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900}.stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}details summary{cursor:pointer;font-family:var(--display);text-transform:uppercase;font-size:18px;list-style:none}details summary::-webkit-details-marker{display:none}.goal{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid}.goal>i{border:2px solid var(--line);height:14px}.goal>i.on{background:var(--red)}.goal>i.now{background:var(--yellow)}input[type=range]{accent-color:var(--red)}input[type=checkbox]{accent-color:var(--red);width:22px;height:22px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.option.center .stamp-mini{background:var(--green);width:42px;height:42px;margin-top:0;font-size:11px;top:-14px;right:-12px}.input::placeholder{color:var(--muted);font-size:17px;font-weight:600}