@font-face{font-display:swap;font-family:Bricolage Grotesque Variable;font-style:normal;font-weight:200 800;src:url(./bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Bricolage Grotesque Variable;font-style:normal;font-weight:200 800;src:url(./bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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-display:swap;font-family:Bricolage Grotesque Variable;font-style:normal;font-weight:200 800;src:url(./bricolage-grotesque-latin-wght-normal.DLoelf7F.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Figtree Variable;font-style:normal;font-weight:300 900;src:url(./figtree-latin-ext-wght-normal.DCwSJGxG.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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-display:swap;font-family:Figtree Variable;font-style:normal;font-weight:300 900;src:url(./figtree-latin-wght-normal.D_ZTVpCC.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{color-scheme:light;--brand-50:#f2efff;--brand-100:#e5dfff;--brand-200:#cdc3ff;--brand-300:#ada0ff;--brand-400:#8a79ff;--brand-500:#6450f5;--brand-600:#5038e0;--brand-700:#3f2bb8;--brand-800:#312392;--brand-900:#231a66;--ink:#1b1740;--ink-soft:#4a4670;--ink-mute:#66628c;--ink-faint:#a3a0bf;--paper:#fbf8f3;--paper-2:#f4efe6;--surface:#fff;--line:rgba(27,23,64,.1);--line-strong:rgba(27,23,64,.18);--mint-50:#eefbf5;--mint-100:#d9f6e8;--mint-500:#14b37d;--mint-600:#0e9868;--mint-700:#0a7a53;--coral-50:#fff1f3;--coral-100:#ffe1e6;--coral-500:#ef4462;--coral-600:#d42c4b;--coral-700:#b01f3a;--gold-100:#fff1cc;--gold-300:#ffd66b;--gold-400:#ffc233;--gold-500:#ffab0a;--gold-600:#e08c00;--gold-800:#8a4f00;--flame-100:#ffe6d9;--flame-400:#ff8a4c;--flame-500:#ff6b2c;--flame-600:#e5501a;--flame-700:#b83a0b;--level-1:#8ccf3a;--level-2:#3fbf6a;--level-3:#17a06f;--level-4:#12898f;--level-5:#ffab0a;--focus:#6450f5;--font-display:"Bricolage Grotesque Variable","Bricolage Grotesque",ui-rounded,system-ui,sans-serif;--font-ui:"Figtree Variable","Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;--font-ipa:"Segoe UI","Noto Sans","DejaVu Sans","Figtree Variable",system-ui,sans-serif;--font-emoji:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;--fs-xs:.8125rem;--fs-sm:.9375rem;--fs-md:1.0625rem;--fs-lg:1.25rem;--fs-xl:1.5rem;--fs-2xl:2rem;--fs-hero:2.75rem;--r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:24px;--r-xl:32px;--r-pill:999px;--shadow-sm:0 1px 2px rgba(27,23,64,.06),0 1px 3px rgba(27,23,64,.05);--shadow-md:0 2px 4px rgba(27,23,64,.04),0 8px 24px rgba(27,23,64,.08);--shadow-lg:0 4px 8px rgba(27,23,64,.05),0 24px 56px rgba(27,23,64,.16);--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--ease-drawer:cubic-bezier(.32,.72,0,1);--dur-fast:.12s;--dur-base:.18s;--dur-slow:.26s;--shift-sm:6px;--shift-md:14px;--shift-lg:28px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}@media(prefers-reduced-motion:reduce){:root{--shift-sm:0px;--shift-md:0px;--shift-lg:0px}}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:5rem}body{background:var(--paper);color:var(--ink);font:500 var(--fs-md) /1.5 var(--font-ui);margin:0;min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;overflow-x:hidden;text-rendering:optimizeLegibility}body:before{background:radial-gradient(60rem 32rem at -8% -12%,rgba(138,121,255,.2),transparent 62%),radial-gradient(48rem 28rem at 108% 4%,rgba(255,194,51,.16),transparent 58%),radial-gradient(40rem 24rem at 50% 118%,rgba(20,179,125,.1),transparent 60%);content:"";inset:0;pointer-events:none;position:fixed;z-index:-1}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:0;line-height:1.1;margin:0;text-wrap:balance}p{text-wrap:pretty}ol,p,ul{margin:0}ol,ul{list-style:none;padding:0}a{color:var(--brand-700);text-underline-offset:.2em}button,input,select,textarea{color:inherit;font:inherit}button{cursor:pointer}img,svg{display:block;max-width:100%}::-moz-selection{background:var(--brand-200)}::selection{background:var(--brand-200)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}:where(button,a,input,summary):focus:not(:focus-visible){outline:none}[tabindex="-1"]:focus{outline:none}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.skip-link{background:var(--ink);border-radius:var(--r-sm);color:#fff;font-weight:700;left:.75rem;padding:.6rem 1rem;position:fixed;text-decoration:none;top:.75rem;transform:translateY(-200%);z-index:1000}.skip-link:focus{transform:none}.emoji{font-family:var(--font-emoji);font-style:normal;font-weight:400;line-height:1}.container{margin-inline:auto;max-width:72rem;padding-inline:clamp(1rem,4vw,2rem);width:100%}.eyebrow{font-size:var(--fs-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.eyebrow,.muted{color:var(--ink-mute)}.tabular{font-variant-numeric:tabular-nums}.btn{--btn-top:var(--brand-500);--btn-bottom:var(--brand-600);--btn-edge:var(--brand-800);--btn-fg:#fff;--btn-depth:4px;--btn-glow:0 12px 22px -10px rgba(49,35,146,.55);--btn-inset:inset 0 1px 0 hsla(0,0%,100%,.3);align-items:center;background:linear-gradient(180deg,var(--btn-top),var(--btn-bottom));border:0;border-radius:var(--r-md);box-shadow:0 var(--btn-depth) 0 var(--btn-edge),var(--btn-glow),var(--btn-inset);color:var(--btn-fg);display:inline-flex;font-family:var(--font-ui);font-size:1.1875rem;font-weight:800;gap:.6rem;justify-content:center;letter-spacing:.01em;line-height:1.1;min-height:3.25rem;padding:.75rem 1.5rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.btn:active:not(:disabled):not([aria-disabled=true]){--btn-depth:1px;transform:translateY(3px) scale(.985)}@media(hover:hover)and (pointer:fine){.btn:hover:not(:disabled):not([aria-disabled=true]){--btn-depth:5px;transform:translateY(-1px)}.btn:hover:not(:disabled):not([aria-disabled=true]):active{--btn-depth:1px;transform:translateY(3px) scale(.985)}}.btn:disabled,.btn[aria-disabled=true]{--btn-top:#e9e6f1;--btn-bottom:#e2dfec;--btn-edge:#d3cfe1;--btn-fg:#74708f;--btn-glow:0 0 0 transparent;--btn-inset:inset 0 0 0 transparent;cursor:not-allowed}.btn--secondary{--btn-top:#fff;--btn-bottom:#fff;--btn-edge:rgba(27,23,64,.16);--btn-fg:var(--brand-700);--btn-glow:0 10px 20px -12px rgba(27,23,64,.3);--btn-inset:inset 0 0 0 2px rgba(27,23,64,.1)}.btn--success{--btn-top:var(--mint-600);--btn-bottom:var(--mint-700);--btn-edge:#06563a;--btn-glow:0 12px 22px -10px rgba(6,86,58,.55)}.btn--danger{--btn-top:var(--coral-600);--btn-bottom:var(--coral-700);--btn-edge:#7e1428;--btn-glow:0 12px 22px -10px rgba(126,20,40,.5)}.btn--gold{--btn-top:var(--gold-300);--btn-bottom:var(--gold-400);--btn-edge:var(--gold-600);--btn-fg:var(--ink);--btn-glow:0 12px 22px -10px rgba(224,140,0,.55)}.btn--ghost{--btn-top:transparent;--btn-bottom:transparent;--btn-edge:transparent;--btn-fg:var(--brand-700);--btn-glow:0 0 0 transparent;--btn-inset:inset 0 0 0 transparent;font-size:var(--fs-md);min-height:2.75rem;padding-inline:1rem}.btn--ghost:active:not(:disabled){transform:scale(.97)}@media(hover:hover)and (pointer:fine){.btn--ghost:hover:not(:disabled){--btn-top:var(--brand-50);--btn-bottom:var(--brand-50);transform:none}}.btn--lg{border-radius:var(--r-lg);min-height:3.75rem;padding-inline:2rem}.btn--block{display:flex;width:100%}.icon-btn{background:transparent;border:0;border-radius:50%;color:var(--ink-soft);display:inline-grid;height:2.75rem;padding:0;place-items:center;width:2.75rem;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.icon-btn:active{transform:scale(.92)}@media(hover:hover)and (pointer:fine){.icon-btn:hover{background:#1b174012}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:clamp(1.1rem,3vw,1.75rem)}.chip{align-items:center;background:var(--brand-50);border-radius:var(--r-pill);color:var(--brand-800);display:inline-flex;font-size:var(--fs-sm);font-weight:800;gap:.4rem;line-height:1;min-height:2rem;padding:.25rem .75rem;white-space:nowrap}.chip--xp{background:var(--gold-100);color:var(--gold-800)}.chip--streak{background:var(--flame-100);color:var(--flame-700)}.chip--mint{background:var(--mint-100);color:var(--mint-700)}.field{display:grid;gap:.4rem}.field__label{color:var(--ink);font-size:var(--fs-sm);font-weight:700}.field__hint{color:var(--ink-mute);font-size:var(--fs-xs)}.field__error{color:var(--coral-700);font-size:var(--fs-sm);font-weight:600}.input{background:var(--surface);border:2px solid var(--line-strong);border-radius:var(--r-md);font-size:1.0625rem;font-weight:600;min-height:3.25rem;padding:.75rem 1rem;transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);width:100%}.input::-moz-placeholder{color:var(--ink-faint);font-weight:500}.input::placeholder{color:var(--ink-faint);font-weight:500}.input:focus{border-color:var(--brand-500);box-shadow:0 0 0 4px #6450f52e;outline:none}.input[aria-invalid=true]{border-color:var(--coral-500)}@media(hover:hover)and (pointer:fine){.input:hover:not(:focus){border-color:#1b17404d}}dialog.modal{background:var(--surface);border:0;border-radius:var(--r-lg);box-shadow:var(--shadow-lg);color:var(--ink);padding:0;width:min(92vw,26rem)}dialog.modal::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1b174080}dialog.modal[open]{animation:modal-in .22s var(--ease-out) both}dialog.modal[open]::backdrop{animation:fade-in .22s var(--ease-out) both}.modal__body{display:grid;gap:.75rem;padding:1.75rem 1.5rem 1.25rem}.modal__actions{display:grid;gap:.75rem;padding:0 1.5rem 1.5rem}@keyframes fade-in{0%{opacity:0}}@keyframes fade-up{0%{opacity:0;transform:translateY(var(--shift-md))}}@keyframes modal-in{0%{opacity:0;transform:scale(.96)}}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}60%{opacity:1;transform:scale(1.04)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@keyframes float-up{0%{opacity:0;transform:translateY(10px) scale(.85)}18%{opacity:1;transform:translateY(0) scale(1.08)}to{opacity:0;transform:translateY(-52px) scale(1)}}@keyframes shimmer{0%{background-position:200%}to{background-position:-200%}}@keyframes flicker{0%,to{transform:scale(1) rotate(-1.5deg)}50%{transform:scale(1.08) rotate(1.5deg)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.enter{animation:fade-up .34s var(--ease-out) both;animation-delay:calc(var(--i, 0)*55ms)}@media(prefers-reduced-motion:reduce){.decor-motion{animation:none!important}}.phase-enter-active{transition:opacity .22s var(--ease-out),transform .28s var(--ease-out)}.phase-leave-active{transition:opacity .11s var(--ease-out),transform .14s var(--ease-out)}.phase-enter-from{opacity:0;transform:translate(var(--shift-lg))}.phase-leave-to{opacity:0;transform:translate(calc(var(--shift-lg)*-.6))}.page-enter-active{transition:opacity .22s var(--ease-out),transform .26s var(--ease-out)}.page-leave-active{transition:opacity .1s var(--ease-out)}.page-enter-from{opacity:0;transform:translateY(var(--shift-sm))}.page-leave-to{opacity:0}.logo[data-v-3f28b07c]{align-items:center;display:inline-flex;gap:.6rem}.logo__word[data-v-3f28b07c]{color:var(--ink);font-family:var(--font-display);font-size:1.35rem;font-weight:800;letter-spacing:0}.mascot[data-v-be1ba95f]{flex:none;overflow:visible}.mascot--bob[data-v-be1ba95f]{animation:bob 3.2s var(--ease-in-out) infinite}.state[data-v-4da36795]{animation:fade-up .36s var(--ease-out) both;display:grid;gap:.75rem;justify-items:center;margin-inline:auto;max-width:26rem;padding:2rem 1rem;text-align:center}.state__title[data-v-4da36795]{font-size:var(--fs-xl);margin-top:.5rem}.state__text[data-v-4da36795]{color:var(--ink-soft)}.state__actions[data-v-4da36795]{display:grid;gap:.75rem;margin-top:.75rem;width:100%}.fail[data-v-77d29224]{align-content:center;display:grid;gap:1.5rem;justify-items:center;min-height:100dvh;padding:2rem 1rem}