@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-soft-normal-DSA2Kggd.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-soft-normal-DKHvU-YN.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-soft-normal-C-lS_vzd.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.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{--bg:#14120f;--surface:#1e1b17;--surface-hi:#2a2621;--fg:#f5efe6;--fg-muted:#a39a8c;--border:#2e2a24;--danger:#ff6b6b;--success:#7fd98f;--accent-1:#ffc24b;--accent-2:#7aceff;--accent-3:#a8e063;--accent-4:#ff8a6b;--accent-5:#c9a7ff;--accent-6:#5ee0c0;--accent-1-shadow:#a67d31;--accent-2-shadow:#4f86a6;--accent-3-shadow:#6d9240;--accent-4-shadow:#a65946;--accent-5-shadow:#836ca6;--accent-6-shadow:#3d917d;--accent:var(--accent-1);--accent-shadow:var(--accent-1-shadow);--accent-soft:color-mix(in srgb, var(--accent) 10%, transparent);--accent-40:color-mix(in srgb, var(--accent) 40%, transparent);--font-display:"Fraunces Variable", "Fraunces", Georgia, "Times New Roman", serif;--font-body:"Space Grotesk Variable", "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--t-display-size:clamp(56px, 15vw, 96px);--t-display-weight:700;--t-display-leading:.95;--t-display-tracking:-.03em;--t-headline-size:28px;--t-headline-weight:600;--t-headline-leading:1.2;--t-headline-tracking:-.02em;--t-title-size:20px;--t-title-weight:600;--t-title-leading:1.3;--t-title-tracking:-.01em;--t-body-size:18px;--t-body-weight:400;--t-body-leading:1.5;--t-body-tracking:0;--t-caption-size:14px;--t-caption-weight:400;--t-caption-leading:1.4;--t-caption-tracking:0;--t-label-size:12px;--t-label-weight:600;--t-label-leading:1.2;--t-label-tracking:.12em;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--r-sm:8px;--r-md:12px;--r-lg:20px;--r-full:999px;--column:420px;--pad-x:var(--s-5);--tap:44px;--tap-lg:56px;--ease-entry:cubic-bezier(.16, 1, .3, 1);--d-entry:.3s;--d-exit:.2s;--d-stagger:50ms;--d-counter:.8s;--d-press:.12s;--d-gate-ok:.4s;--d-sheet:.35s}:root[data-accent="1"],[data-accent="1"]{--accent:var(--accent-1);--accent-shadow:var(--accent-1-shadow)}[data-accent="2"]{--accent:var(--accent-2);--accent-shadow:var(--accent-2-shadow)}[data-accent="3"]{--accent:var(--accent-3);--accent-shadow:var(--accent-3-shadow)}[data-accent="4"]{--accent:var(--accent-4);--accent-shadow:var(--accent-4-shadow)}[data-accent="5"]{--accent:var(--accent-5);--accent-shadow:var(--accent-5-shadow)}[data-accent="6"]{--accent:var(--accent-6);--accent-shadow:var(--accent-6-shadow)}.t-display{font-family:var(--font-display);font-size:var(--t-display-size);font-weight:var(--t-display-weight);line-height:var(--t-display-leading);letter-spacing:var(--t-display-tracking);font-variation-settings:"SOFT" 24, "opsz" 120;font-variant-numeric:tabular-nums}.t-headline{font-family:var(--font-display);font-size:var(--t-headline-size);font-weight:var(--t-headline-weight);line-height:var(--t-headline-leading);letter-spacing:var(--t-headline-tracking);font-variation-settings:"SOFT" 18, "opsz" 32;text-wrap:balance}.t-title{font-family:var(--font-body);font-size:var(--t-title-size);font-weight:var(--t-title-weight);line-height:var(--t-title-leading);letter-spacing:var(--t-title-tracking)}.t-body{font-family:var(--font-body);font-size:var(--t-body-size);font-weight:var(--t-body-weight);line-height:var(--t-body-leading);letter-spacing:var(--t-body-tracking);max-width:34ch}.t-caption{font-family:var(--font-body);font-size:var(--t-caption-size);font-weight:var(--t-caption-weight);line-height:var(--t-caption-leading);color:var(--fg-muted)}.t-label{font-family:var(--font-body);font-size:var(--t-label-size);font-weight:var(--t-label-weight);line-height:var(--t-label-leading);letter-spacing:var(--t-label-tracking);text-transform:uppercase;color:var(--fg-muted)}.tabular{font-variant-numeric:tabular-nums}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}html{background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--t-body-size);line-height:var(--t-body-leading);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior:none;-webkit-user-select:none;user-select:none}h1,h2,h3,p,figure,blockquote{margin:0}ol,ul{margin:0;padding:0;list-style:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.focus-ring:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{background:var(--bg);width:100%;height:100dvh;position:relative;overflow:hidden}.column{width:100%;max-width:var(--column);margin-inline:auto}.hairline{background:var(--border);z-index:40;pointer-events:none;height:2px;position:absolute;top:0;left:0;right:0}.hairline__fill{background:var(--accent);transform-origin:0;will-change:transform;width:100%;height:100%}.feed{scroll-snap-type:y mandatory;overscroll-behavior-y:contain;overscroll-behavior-x:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;scrollbar-width:none;height:100dvh;overflow:hidden auto}.feed::-webkit-scrollbar{display:none}.feed__item{scroll-snap-align:start;scroll-snap-stop:always;contain:layout paint style;width:100%;height:100dvh;position:relative}.feed__placeholder{width:100%;height:100%}.card{justify-content:center;gap:var(--s-4);width:100%;height:100%;padding:calc(env(safe-area-inset-top) + var(--s-6)) var(--pad-x) calc(env(safe-area-inset-bottom) + var(--s-6));overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;display:flex;position:relative;overflow-y:auto}.card::-webkit-scrollbar{display:none}.card>*{width:100%;max-width:var(--column);margin-inline:auto}.scroll-hint{left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + var(--s-5));color:var(--fg-muted);pointer-events:none;justify-content:center;display:flex;position:absolute}.generating-pulse{background:var(--accent);opacity:.35;z-index:30;height:2px;animation:1.6s ease-in-out infinite rung-pulse;position:absolute;bottom:0;left:0;right:0}@keyframes rung-pulse{0%,to{opacity:.15}50%{opacity:.5}}.offline-note{z-index:35;padding:var(--s-1) var(--s-4);text-align:center;background:var(--surface);color:var(--fg-muted);position:absolute;top:2px;left:0;right:0}.path-handle{height:calc(env(safe-area-inset-bottom) + 28px);padding-top:var(--s-2);z-index:25;background:0 0;justify-content:center;align-items:flex-start;display:flex;position:absolute;bottom:0;left:0;right:0}.path-handle__grip{border-radius:var(--r-full);background:var(--border);width:36px;height:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{justify-content:center;align-items:center;gap:var(--s-2);min-height:var(--tap);font-family:var(--font-body);letter-spacing:.02em;border-radius:var(--r-md);transition:transform var(--d-press) ease-out, border-bottom-width var(--d-press) ease-out;-webkit-tap-highlight-color:transparent;font-size:18px;font-weight:600;line-height:1;display:inline-flex}.btn--block{width:100%}.btn:disabled{opacity:.45;pointer-events:none}.btn--primary{background:var(--accent);color:#14120f;min-height:var(--tap-lg);border-bottom:4px solid var(--accent-shadow);padding:18px 28px}.btn--primary:active{border-bottom-width:2px;transform:translateY(2px)}.btn--secondary{color:var(--fg);border:1.5px solid var(--border);background:0 0;border-bottom-width:4px;padding:16px 24px}.btn--secondary:active{border-bottom-width:2px;transform:translateY(2px)}.btn--ghost{color:var(--fg-muted);text-underline-offset:4px;background:0 0;border:none;padding:12px 8px;text-decoration:underline}.option{align-items:center;gap:var(--s-3);width:100%;min-height:var(--tap-lg);padding:var(--s-2) 20px;text-align:left;background:var(--surface);color:var(--fg);border:1.5px solid var(--border);border-radius:var(--r-md);transition:background-color var(--d-press) ease-out, border-color var(--d-press) ease-out;-webkit-tap-highlight-color:transparent;font-size:18px;line-height:1.3;display:flex}.option__text{flex:1}.option__icon{flex:none;display:flex}.option:active{background:var(--surface-hi)}.option[data-state=selected]{background:var(--accent-soft);border-color:var(--accent)}.option[data-state=correct]{border-color:var(--success);color:var(--fg)}.option[data-state=correct] .option__icon{color:var(--success)}.option[data-state=wrong]{border-color:var(--danger)}.option[data-state=wrong] .option__icon{color:var(--danger)}.option:disabled{cursor:default}.option-list{gap:var(--s-3);flex-direction:column;display:flex}.chip{align-items:center;gap:var(--s-2);height:36px;padding:0 var(--s-4);border-radius:var(--r-full);border:1px solid var(--border);color:var(--fg-muted);transition:background-color var(--d-press) ease-out;background:0 0;font-size:14px;display:inline-flex}.chip:active,.chip[data-selected=true]{background:var(--surface-hi);color:var(--fg)}.chip:after{content:"";position:absolute;inset:-4px}.chip{position:relative}.field{gap:var(--s-2);flex-direction:column;display:flex}.field__input{width:100%;height:var(--tap-lg);font-family:var(--font-body);color:var(--fg);border:none;border-bottom:2px solid var(--accent);-webkit-user-select:text;user-select:text;background:0 0;border-radius:0;outline:none;padding:0;font-size:20px}.field__input::placeholder{color:var(--fg-muted)}.field__input:focus{border-bottom-width:3px}.field__input:focus-visible{outline:none}.rungs{scrollbar-width:none;padding:var(--s-1) 0;align-items:center;gap:6px;display:flex;overflow-x:auto}.rungs::-webkit-scrollbar{display:none}.rung{border-radius:var(--r-full);flex:none;width:8px;height:8px}.rung[data-state=mastered]{background:var(--accent)}.rung[data-state=weak]{background:var(--accent-40)}.rung[data-state=locked]{box-shadow:inset 0 0 0 1px var(--border);background:0 0}.rung[data-current=true]{background:var(--accent);animation:2s ease-in-out infinite rung-beat}@keyframes rung-beat{0%,to{transform:scale(1)}50%{transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){.rung[data-current=true]{animation:none}}.scrim{z-index:50;background:#0009;position:absolute;inset:0}.sheet{z-index:51;background:var(--surface);border-top-left-radius:var(--r-lg);border-top-right-radius:var(--r-lg);height:75dvh;padding:var(--s-3) var(--pad-x) calc(env(safe-area-inset-bottom) + var(--s-5));touch-action:none;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.sheet__handle{border-radius:var(--r-full);background:var(--border);width:36px;height:4px;margin:0 auto var(--s-4);flex:none}.sheet__body{overscroll-behavior:contain;touch-action:pan-y;flex:1;overflow-y:auto}.counter__value{color:var(--accent);align-items:baseline;gap:2px;display:flex}.counter__unit{font-size:.42em;font-weight:600}.bar{border-radius:var(--r-full);background:var(--border);width:100%;height:8px;overflow:hidden}.bar__fill{background:var(--accent);border-radius:var(--r-full);transform-origin:0;width:100%;height:100%}.range-row{margin-top:var(--s-2);justify-content:space-between;display:flex}.timeline{gap:var(--s-4);flex-direction:column;display:flex;position:relative}.timeline__rail{background:var(--border);width:100%;height:2px;margin-bottom:var(--s-2);position:relative}.timeline__rail-fill{background:var(--accent);transform-origin:0;position:absolute;inset:0}.timeline__event{align-items:baseline;gap:var(--s-3);display:flex}.timeline__dot{border-radius:var(--r-full);background:var(--accent);flex:none;width:8px;height:8px;transform:translateY(-2px)}.timeline__label{flex:1}.compare{gap:var(--s-4);grid-template-columns:1fr 1fr;display:grid}.compare__col{gap:var(--s-3);flex-direction:column;display:flex}.compare__title{color:var(--accent)}.compare__points{gap:var(--s-2);flex-direction:column;display:flex}.compare__point{color:var(--fg-muted);font-size:16px;line-height:1.4}.steps{gap:var(--s-3);flex-direction:column;display:flex}.step{align-items:baseline;gap:var(--s-3);display:flex}.step__index{width:24px;color:var(--accent);font-variant-numeric:tabular-nums;flex:none;font-weight:600}.gate{gap:var(--s-5);flex-direction:column;display:flex}.gate__feedback{align-items:flex-start;gap:var(--s-2);color:var(--fg-muted);display:flex}.gate__feedback .row{align-items:flex-start}.gate__feedback svg{flex:none;margin-top:4px}.gate__feedback[data-tone=correct]{color:var(--success)}.gate__feedback[data-tone=wrong]{color:var(--danger)}.gate__pip{left:var(--pad-x);bottom:calc(env(safe-area-inset-bottom) + var(--s-5));position:absolute}.term{color:var(--fg);font:inherit;border:none;border-bottom:1.5px dotted var(--fg-muted);cursor:pointer;background:0 0;padding:0}.term[aria-expanded=true]{border-bottom-color:var(--accent)}.term-panel{z-index:20;background:var(--surface);border-top-left-radius:var(--r-lg);border-top-right-radius:var(--r-lg);padding:var(--s-5) var(--pad-x) calc(env(safe-area-inset-bottom) + var(--s-5));gap:var(--s-2);flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.term-panel__inner{max-width:var(--column);gap:var(--s-2);flex-direction:column;width:100%;margin-inline:auto;display:flex}.pip{color:var(--accent);transform-origin:50% 100%;will-change:transform;display:inline-flex}.pip svg{width:100%;height:100%;display:block}.pip[data-state=thinking] .pip-eye--right{transform-origin:39px 30px;transition:transform .2s ease-out;transform:scaleY(.45)}.pip .pip-eye{transition:transform .2s ease-out}.screen{justify-content:center;gap:var(--s-5);height:100dvh;padding:calc(env(safe-area-inset-top) + var(--s-6)) var(--pad-x) calc(env(safe-area-inset-bottom) + var(--s-6));flex-direction:column;display:flex;position:relative;overflow-y:auto}.screen>*{width:100%;max-width:var(--column);margin-inline:auto}.screen--topic:before{content:"";background:linear-gradient(to bottom, color-mix(in srgb, var(--accent) 8%, transparent), transparent);pointer-events:none;height:40dvh;position:absolute;top:0;left:0;right:0}.chip-row{gap:var(--s-2);flex-wrap:wrap;display:flex}.stack{gap:var(--s-3);flex-direction:column;display:flex}.stack--lg{gap:var(--s-5)}.row{align-items:center;gap:var(--s-3);display:flex}.row--between{justify-content:space-between}.center{text-align:center;align-items:center;gap:var(--s-4);flex-direction:column;display:flex}.divider{background:var(--border);width:100%;height:1px}.muted{color:var(--fg-muted)}.accent{color:var(--accent)}.skeleton{border-radius:var(--r-md);background:var(--surface);animation:1.4s ease-in-out infinite rung-skeleton}@keyframes rung-skeleton{0%,to{background-color:var(--surface)}50%{background-color:var(--surface-hi)}}.screen--preparing{padding:0 var(--space-24);text-align:center;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}