@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./lexend-vietnamese-wght-normal.RvljkFvg.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-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./lexend-latin-ext-wght-normal.B6JQhE1e.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-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./lexend-latin-wght-normal.ci0D1wrL.woff2) format("woff2-variations");unicode-range:U+0000-00FF,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{--font-family: "Lexend Variable", "Lexend", system-ui, sans-serif;--font-size-base: 1.125rem;--font-size-lg: 1.5rem;--font-size-xl: 2rem;--font-size-sm: 1rem;--font-size-xs: .875rem;--letter-spacing: .05em;--line-height: 1.8;--max-line-length: 55ch;--color-text: #333333;--color-text-muted: #666666;--color-text-inverse: #fefefe;--color-bg: #fff8f0;--color-bg-card: #ffffff;--color-bg-elevated: #fef3e2;--color-bg-input: #fffbf5;--color-primary: #d4956a;--color-primary-hover: #c4854a;--color-primary-light: #f0ddd0;--color-success: #7bae7f;--color-success-light: #e2f0e3;--color-error: #d48a8a;--color-error-light: #f5e0e0;--color-accent: #8ba4c4;--color-accent-light: #dfe8f3;--color-streak: #e8a838;--color-streak-light: #fdf0d5;--color-xp: #9b8ec4;--color-xp-light: #ebe7f5;--color-border: #e0d5c5;--color-border-focus: #d4956a;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--button-min-height: 3rem;--button-radius: .75rem;--card-radius: 1rem;--input-radius: .5rem;--shadow-sm: 0 1px 3px rgba(139, 109, 75, .08);--shadow-md: 0 4px 12px rgba(139, 109, 75, .1);--shadow-lg: 0 8px 24px rgba(139, 109, 75, .12);--transition-speed: 0ms}[data-theme=dark]{--color-text: #e0d6c8;--color-text-muted: #a89b8a;--color-text-inverse: #1a1714;--color-bg: #1a1714;--color-bg-card: #252019;--color-bg-elevated: #2e2820;--color-bg-input: #2e2820;--color-primary: #d4956a;--color-primary-hover: #e0a87e;--color-primary-light: #3d2e22;--color-success: #7bae7f;--color-success-light: #1e2e1f;--color-error: #d48a8a;--color-error-light: #2e1e1e;--color-accent: #8ba4c4;--color-accent-light: #1e2530;--color-streak: #e8a838;--color-streak-light: #2e2518;--color-xp: #9b8ec4;--color-xp-light: #221e2e;--color-border: #3d3529;--color-border-focus: #d4956a;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .3)}@media(prefers-reduced-motion:no-preference){:root{--transition-speed: .2s}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);letter-spacing:var(--letter-spacing);line-height:var(--line-height);color:var(--color-text);background-color:var(--color-bg);min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,button,textarea,select{font-family:inherit;font-size:inherit;letter-spacing:inherit;line-height:inherit}[dir=rtl]{text-align:right}[dir=ltr]{text-align:left}:focus-visible{outline:3px solid var(--color-border-focus);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell.svelte-12qhfyh{display:flex;flex-direction:column;min-height:100dvh}.app-header.svelte-12qhfyh{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-sm);background:var(--color-bg-card);border-block-end:1px solid var(--color-border);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:10}.header-start.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-xs)}.app-logo.svelte-12qhfyh{font-size:var(--font-size-lg);text-decoration:none}.app-name.svelte-12qhfyh{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.header-end.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-sm)}.header-stat.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-2xs);font-size:var(--font-size-sm);font-weight:600}.header-stat.xp.svelte-12qhfyh{color:var(--color-xp)}.header-stat.streak.svelte-12qhfyh{color:var(--color-streak)}.stat-icon.svelte-12qhfyh{font-size:var(--font-size-base)}.lang-toggle.svelte-12qhfyh{padding:var(--space-2xs) var(--space-xs);border:2px solid var(--color-border);border-radius:var(--input-radius);background:var(--color-bg);color:var(--color-text);font-weight:700;font-size:var(--font-size-xs);cursor:pointer;min-width:2.5rem;text-align:center;transition:border-color var(--transition-speed)}.lang-toggle.svelte-12qhfyh:hover{border-color:var(--color-primary)}.theme-toggle.svelte-12qhfyh{padding:var(--space-2xs) var(--space-xs);border:2px solid var(--color-border);border-radius:var(--input-radius);background:var(--color-bg);cursor:pointer;font-size:var(--font-size-sm);line-height:1;min-width:2.5rem;text-align:center;transition:border-color var(--transition-speed)}.theme-toggle.svelte-12qhfyh:hover{border-color:var(--color-primary)}.app-main.svelte-12qhfyh{flex:1;padding:var(--space-sm);padding-block-end:calc(var(--space-xl) + 4rem);max-width:600px;width:100%;margin-inline:auto}.app-nav.svelte-12qhfyh{position:fixed;bottom:0;inset-inline:0;display:flex;justify-content:space-around;background:var(--color-bg-card);border-block-start:1px solid var(--color-border);box-shadow:0 -2px 8px #8b6d4b0f;padding:var(--space-xs) 0;z-index:10}.nav-item.svelte-12qhfyh{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--color-text-muted);font-size:var(--font-size-xs);padding:var(--space-2xs) var(--space-sm);border-radius:var(--button-radius);transition:color var(--transition-speed);min-width:4rem}.nav-item.svelte-12qhfyh:hover{color:var(--color-primary)}.nav-icon.svelte-12qhfyh{font-size:1.25rem}.nav-label.svelte-12qhfyh{font-weight:500}