@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-opsz-normal-D9N6E8K1.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(/assets/bricolage-grotesque-latin-ext-opsz-normal-IcJDqblK.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(/assets/bricolage-grotesque-latin-opsz-normal-Cre6nC2_.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:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAa0ABQAAAAADOwAAAZHAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbbhwoP0hWQVJtP01WQVJGBmA/U1RBVIEcAGQvXBEICoMkgmcLFgAwhEwBNgIkAyYEIAWGXAdiDAcbOgtRlHLSRcD8TEzkdoghPRuspKefbVnJIM5yRfA8vZv9uTNJSCZY21Scrigr6qyJ/C3sE1OFKuVP3e+lxUTbYio1zb/kFdk2bufY2BlhWERRBrcDUBhB5GEpd2Cy+MDxqf9zLPX+XVsk5r+s50d6IpWLatqbdT6f2MAikiOKQocbjya2QT0DqPDX4R0jQBgAUAiCRhDA0EkvYeLk9X3I2bEWI8jBAihIANm+kUWQBgggWChcBBdFhXlAUgOCAgBA0AgKjUJ8HKvjddFCKSgAVklEBYAeEJgCQJH0qB3B+neDg4sAA4hAD0AVIEAA0IACJGeaUjMIIIhBUE/zNABjTQMBwEVRcwcYBUCObLERABAgjAA1M/ZSa9hSi4OlpsnZ2KBOVUsAZlRGl1W0NZ6gSwhQPIAFs7YFL0QS91vRQgdgx2VDAnIegKpQvwAJIoLgooBAGtCJcHizg0TDiz8vhPgIcVXaDJu37ZyDAIjFy4AAiC1JAA0olJwN6nFAACQk/zfQVUuA3t5ELKMT9hpBSRj+HBSggYCIAIEkUoC4PCIQIWHGA8+IStxf0PW15ntP22gc+Wo+BLyQAHECQiAVd+c3Ba8gZ4NOACBaLOhsbIMkAXEmuHsSAvkf4oJaAogH6nEQAzoBIEihUAwAA0AACAObAGcANYAAABaqgMmpWAhiiVyrvNyqFV8tMQ5Iyq6r9Lf7W82i8ILl2cv8zbfdJ5lnPzSnvt/XXPfRR/5pH3xA+u5uS0798EPJ3Fft33w36Wc+8E/7aIB/9fvvb1pE9erNXLB9mkw//cSg8Cnx03VGXDvZnRzKqV9Xkhn7eRHb3wVjHpg19nkZpX9bBU+vnHegrsuQcbW9Bi7oO33h+8SU0Tly/MbeYUuG1cftVz6oNxrW0qH1iezq446fkDFo/rgvTkqt7zmteFzncZ0uxXti09FFF2z+C7CODpjUudOE5NSeb3bv/mbPKcmOEzpWQ3VBgBAuj/AOY3qMm7UvgA8qo3+qvAUBBAX0wADQG4AG+jCKaSxkBe/zvcTG8jRpRZgqhCog4sd++cOo7J+/RdvaaMoc78Ri/PNPSclx6fDvG1Kt3qQFi1rq+5EaavTtt9TVvfvucYsA5wc4oESU+E1ikF9TkrOkIsIH5Fawx7SBNLnMcWlM3skBluCmQNs7GeyFvYVDamsqwhxx18n/+WdxzDgOLU1AqbUlb3m+KOT9+ONvY/7XlrdLS//5v7nN97XHj0VzJpJvz4spq0V7ioXDuv2YrSxtF/KZmvbWfKtorXSh8dfvgGu+ev/nFSaXM6jyuCE/f/EpmuP7Rqu8R98vP/+tXUdrOgKlZP9Q/s+fRF9+3CHZd4EugfPv158me9X7v/6aSMCxMJmIr//65bNXngl7+uiPP5oKx+y27D8trp+psUzMacpm80XlnYeMAct0LynxhNYgaP3dtn8/LBAi+ksr+7NvjjtJV+UXrz0uLXV1x08AZRN1S2A8EaVE5afk/dfGjz//+fdHn36Xdttz2d9/z+bawZ8/slNN1aYtq+ZPGzNuPGdwOsfYflwmHCkPgs5DcKizvdpS/3gEUMW9/lvQvWp1bGTW1fpngC/uSVYAfH3TeSusL8TtlHUD4KAAEHjahk4YpuffGwEBN/dUmpHqdHyJ3Ap8O3UlQ4gCNrMRwLBBKiskL6a+RoBi/9XGlgc8L4/CUejQxaiIyqmomdhktOhfgDbDfaNDb4+yKIPd6IgmzDa0CByijWFmL2dlSRKagTIWXeIU9HDphoZiJeBTjAefHMxDhVSRFUgVcOkW3EGMahYVMFjWHhMluB2wAcbHYqF1LpsDF9C6s+CI2fDgh4wSuFEyGadjXAmIk3CugIRibLIti9ZtC8S4VSqfikGqPaoI122XyRYLBmsOmdiiTpqK1OklUQzpMcZmQRQV4M4oJCMkfRQXK+qvjifUcQd1bRdetW/LWjacYxvcttnVjWg5h0q4xw6rZyejSpZVZ78LzC4uyDNRQ4bymHSTMyM+SZ7D75mg/7YTlmNz7W8T00h0VEiGKB+F7iWYZFvSTiA4LVxttm2ATt5EoUWLJbY4EnLGrfsvEROlHtzlKn3H9VUT5tU/2dt3/EBv7foYzV/W4upyj04woO/gh6Vwwt3WGQAA)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.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:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.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:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.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{--teal:#1f6f63;--teal-dark:#164f47;--teal-soft:#ddebe6;--mint:#6fb5a4;--line-art:#7fb2a5;--ink:#17262a;--muted:#4d5e5a;--paper:#eef2ec;--surface:#fff;--border:#dce4df;--border-strong:#d2dcd6;--border-ghost:#b9ccc5;--amber:#f2a65a;--amber-pale:#ffd9ae;--warn-bg:#f6e9dc;--warn-ink:#5a3410;--night:#12352f;--night-card:#1a433b;--night-border:#25544a;--night-line:#3e6a61;--night-ink:#eaf3ef;--night-muted:#b4cec6;--backdrop:#dfe6e1;--font-body:"Plus Jakarta Sans Variable", system-ui, sans-serif;--font-display:"Bricolage Grotesque Variable", "Plus Jakarta Sans Variable", sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}.app{--gap:18px;--pad-y:20px;--h1:30px;--h2:23px;--btn:54px;--chip-y:12px;--cta-bottom:24px;--text-body:16px;--text-list:15px;--text-lead:17px;--top-space:48px}.app[data-density="1"]{--gap:13px;--pad-y:14px;--h1:26px;--h2:21px;--btn:50px;--chip-y:10px;--cta-bottom:16px;--text-body:15px;--text-list:14.5px;--text-lead:15.5px;--top-space:20px}.app[data-density="2"]{--gap:10px;--pad-y:10px;--h1:24px;--h2:20px;--btn:48px;--chip-y:8px;--cta-bottom:12px;--text-body:14px;--text-list:13.5px;--text-lead:14px;--top-space:4px}.app[data-density="2"] .eyebrow.dup{display:none}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--backdrop);font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#root{height:100%}a{color:var(--teal)}a:hover{color:var(--teal-dark)}button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--amber);outline-offset:2px}.app{width:100%;max-width:480px;height:var(--app-h,100dvh);background:var(--paper);color:var(--ink);flex-direction:column;margin:0 auto;transition:background .7s,color .7s;display:flex;position:relative;overflow:hidden}@media (width>=560px) and (height>=760px){body{justify-content:center;align-items:center;display:flex}#root{height:auto}.app{width:420px;height:min(880px, calc(var(--app-h,100dvh) - 48px));border-radius:40px;box-shadow:0 30px 80px #17262a2e}}.app.immersive{background:var(--night);color:var(--night-ink)}.h1{font-family:var(--font-display);font-weight:700;font-size:var(--h1);letter-spacing:-.02em;margin:0;line-height:1.08}.h2{font-family:var(--font-display);font-weight:700;font-size:var(--h2);letter-spacing:-.01em;margin:0;line-height:1.15}.muted{color:var(--muted)}.immersive .muted{color:var(--night-muted)}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--teal);font-size:12px;font-weight:700}.immersive .eyebrow{color:var(--amber)}.topbar{padding:calc(var(--safe-top) + 8px) 16px 6px;flex-direction:column;gap:6px;display:flex}.topbar-row{align-items:center;gap:8px;display:flex}.topbar-title{letter-spacing:.08em;text-transform:uppercase;text-align:center;flex:1;font-size:13px;font-weight:700}.topbar-num{opacity:.7;justify-content:center;align-items:center;width:44px;height:44px;font-size:13px;font-weight:700;display:flex}.segs{gap:5px;padding:0 8px;display:flex}.seg{opacity:.16;background:currentColor;border-radius:3px;flex:1;height:5px;transition:all .5s}.seg.on{opacity:1;background:var(--teal)}.immersive .seg.on{background:var(--amber)}.stage{flex:1;min-height:0;position:relative}.screen{flex-direction:column;animation:.55s cubic-bezier(.2,.7,.2,1) fadeUp;display:flex;position:absolute;inset:0}.body{min-height:0;padding:8px 24px var(--pad-y);gap:var(--gap);flex-direction:column;flex:1;display:flex;overflow-y:auto}.body.center{text-align:center;align-items:center}.body.tight{gap:min(14px, var(--gap))}.fit{flex:1 1 0;width:100%;position:relative}.fit-inner{transform-origin:50%;position:absolute;top:50%;left:50%}.cta{padding:10px 24px calc(var(--safe-bottom) + var(--cta-bottom));flex-direction:column;gap:10px;display:flex}.cta.row{flex-direction:row;justify-content:center;align-items:center;gap:18px}.btn{font:inherit;min-height:var(--btn);cursor:pointer;background:var(--teal);color:#fff;border:0;border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:16px;font-weight:700;transition:transform .15s,opacity .2s;display:flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.38;cursor:not-allowed}.btn.ghost{color:var(--teal);border:1.5px solid var(--border-ghost);background:0 0}.immersive .btn{background:var(--amber);color:var(--ink)}.immersive .btn.ghost{color:var(--night-ink);border-color:var(--night-line);background:0 0}.chip{font:inherit;text-align:left;min-height:48px;padding:var(--chip-y) 16px;border:1.5px solid var(--border-strong);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:16px;align-items:center;gap:12px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.chip.on{border-color:var(--teal);background:var(--teal-soft);box-shadow:0 0 0 3px #1f6f631f}.chip:disabled{cursor:not-allowed;opacity:.6}.chip .tick{border:1.5px solid var(--border-ghost);border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex}.chip.on .tick{background:var(--teal);border-color:var(--teal)}.pill{font:inherit;border:1.5px solid var(--border-strong);background:var(--surface);min-height:44px;color:var(--ink);cursor:pointer;border-radius:999px;padding:0 16px;font-size:14px;font-weight:600;transition:all .2s}.pill.on{background:var(--teal);border-color:var(--teal);color:#fff}.tag{background:var(--teal-soft);color:var(--teal-dark);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:600}.badge{background:var(--amber);color:var(--ink);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.badge.soon{background:var(--border);color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:18px}.immersive .card{background:var(--night-card);border-color:var(--night-border)}.notice{background:var(--warn-bg);color:var(--warn-ink);border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;line-height:1.45;display:flex}.notice a{color:var(--warn-ink);font-weight:700}.iconbtn{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:14px;justify-content:center;align-items:center;padding:0;display:flex}.iconbtn.round{border:1.5px solid var(--night-line);border-radius:50%;width:52px;height:52px}.iconbtn.play{background:var(--amber);width:72px;height:72px;color:var(--ink);border-radius:50%}.iconbtn:disabled{opacity:.5;cursor:not-allowed}.range{width:100%;accent-color:var(--teal);height:28px;margin:0}.score{font-family:var(--font-display);color:var(--teal);font-size:26px;font-weight:700}textarea.field{font:inherit;border:1.5px solid var(--border-strong);background:var(--surface);color:var(--ink);resize:none;border-radius:16px;padding:12px 14px;font-size:16px}textarea.field:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #1f6f631f}.ask{align-items:flex-start;gap:10px;display:flex}.bubble{background:var(--surface);border:1px solid var(--border);border-radius:6px 22px 22px;padding:14px 16px;font-size:16px;font-weight:500;line-height:1.45;animation:.5s .1s both fadeUp}.answers{flex-direction:column;gap:10px;animation:.5s .35s both fadeUp;display:flex}.avatar{background:var(--teal);border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.avatar:after{content:"";border:2px solid var(--teal);opacity:.3;border-radius:50%;animation:2.4s ease-out infinite ringOut;position:absolute;inset:-4px}.orbwrap{flex:none;justify-content:center;align-items:center;width:220px;height:220px;display:flex;position:relative}.orb{border-radius:50%;position:absolute}.orb.a{background:#cfe3dc;animation:6s ease-in-out infinite breathe;inset:0}.orb.b{background:#a7cdc1;animation:6s ease-in-out .4s infinite breathe;inset:30px}.orb.c{background:var(--teal);animation:6s ease-in-out .8s infinite breathe;inset:62px}.figure{flex:none;width:260px;height:300px;position:relative}.figure>svg{animation:.5s fadeUp;position:absolute;inset:0}.pt{background:#eaf3ef2e;border:1.5px solid #eaf3ef73;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;transition:all .4s;position:absolute}.pt.done{background:var(--mint);border-color:var(--mint)}.pt.active{background:var(--amber);border-color:var(--amber-pale);width:20px;height:20px;margin:-10px 0 0 -10px;box-shadow:0 0 0 6px #f2a65a40}.pt.active:before,.pt.active:after,.gamut:before,.gamut:after{content:"";border:2px solid var(--amber);border-radius:50%;animation:.55s ease-out infinite tapRing;position:absolute;inset:-6px}.pt.active:after,.gamut:after{animation-delay:.27s}.sore,.gamut{background:var(--amber);border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute}.sore.ring:after{content:"";border:3px solid #0000;border-top-color:var(--amber);border-right-color:var(--amber);border-radius:50%;animation:1.6s linear infinite spin;position:absolute;inset:-12px}.rdots{justify-content:center;align-items:center;gap:10px;display:flex}.rdot{opacity:.22;background:currentColor;border-radius:50%;width:12px;height:12px;transition:all .4s}.rdot.on{opacity:1;background:var(--amber);transform:scale(1.15)}.hl{color:var(--amber-pale);border-bottom:2px solid var(--amber);font-weight:700}.progress{background:#eaf3ef26;border-radius:2px;width:100%;height:4px}.progress>div{background:var(--amber);border-radius:2px;height:4px;transition:width .25s linear}.blink{transform-origin:60px 24px;animation:2.2s ease-in-out infinite blinkWide}.roll{animation:2.4s linear infinite roll}.wave{align-items:center;gap:5px;height:48px;display:flex}.wave i{background:var(--amber);border-radius:3px;width:6px;animation:1s ease-in-out infinite wave}.wave i:nth-child(2){animation-delay:.1s}.wave i:nth-child(3){animation-delay:.2s}.wave i:nth-child(4){animation-delay:.3s}.wave i:nth-child(5){animation-delay:.4s}.wave i:nth-child(6){animation-delay:.5s}.wave i:nth-child(7){animation-delay:.6s}.lockstep{padding:var(--chip-y) 14px;opacity:.4;border:1.5px solid #0000;border-radius:16px;align-items:flex-start;gap:12px;transition:all .4s;display:flex}.lockstep.done{opacity:.55}.lockstep.on{opacity:1;background:var(--night-card);border-color:var(--amber)}.lockstep .num{background:var(--night-border);width:28px;height:28px;color:var(--night-ink);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.lockstep.on .num{background:var(--amber);color:var(--ink)}.glassfill{animation:3s ease-in-out infinite alternate fill}.livedot{background:#3ddc97;border-radius:50%;width:8px;height:8px;animation:1.4s infinite dot}.checkring{animation:.7s cubic-bezier(.2,1.4,.4,1) both pop}.bar{border-radius:5px;height:10px;transition:width 1s cubic-bezier(.2,.7,.2,1)}.toast{left:16px;right:16px;bottom:calc(var(--safe-bottom) + 16px);z-index:10;background:var(--ink);color:var(--night-ink);border-radius:18px;align-items:center;gap:12px;padding:12px 12px 12px 16px;font-size:14px;font-weight:600;animation:.4s fadeUp;display:flex;position:absolute;box-shadow:0 10px 30px #00000040}.toast span{flex:1}.toast button{font:inherit;background:var(--amber);min-height:44px;color:var(--ink);cursor:pointer;border:0;border-radius:12px;padding:0 14px;font-size:14px;font-weight:700}.toast button.plain{color:var(--night-ink);background:0 0}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes ringOut{0%{opacity:.45;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes dot{0%,to{opacity:.25}50%{opacity:1}}@keyframes breathe{0%,to{transform:scale(.9)}50%{transform:scale(1.04)}}@keyframes tapRing{0%{opacity:.9;transform:scale(.7)}to{opacity:0;transform:scale(1.7)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blinkWide{0%,to{transform:scaleY(1)}25%{transform:scaleY(.06)}45%{transform:scaleY(.06)}65%{transform:scaleY(1.28)}80%{transform:scaleY(1.28)}}@keyframes roll{0%{transform:translateY(-5px)}25%{transform:translate(5px)}50%{transform:translateY(5px)}75%{transform:translate(-5px)}to{transform:translateY(-5px)}}@keyframes wave{0%,to{height:10px}50%{height:44px}}@keyframes fill{0%{transform:translateY(46px)}to{transform:translateY(8px)}}@keyframes pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.screen,.bubble,.answers,.figure>svg,.toast,.orb,.avatar:after,.glassfill{animation:none}}