:root{--ink-rgb:26,26,46;--accent-rgb:255,183,197;--accent-dark-rgb:217,111,147;--light-rgb:255,255,255;--hero-rgb:21,16,28;--done-rgb:84,191,167;--danger-rgb:176,51,51;--info-rgb:106,174,232;--fg:#1a1a2e;--muted:#6f6f7a;--ink-faint:rgba(var(--ink-rgb),0.24);--wash:rgba(var(--ink-rgb),0.04);--wash-2:rgba(var(--ink-rgb),0.06);--line-hair:rgba(var(--ink-rgb),0.06);--line:rgba(var(--ink-rgb),0.1);--line-strong:rgba(var(--ink-rgb),0.16);--line-heavy:rgba(var(--ink-rgb),0.24);--bg:#fafafa;--surface:#ffffff;--surface-sunk:#f2f2f4;--surface-sunk-2:#e9e9ee;--surface-glass:rgba(var(--light-rgb),0.9);--scrim:rgba(0,0,0,0.72);--overlay:rgba(var(--ink-rgb),0.45);--accent:#ffb7c5;--accent-dark:#d96f93;--accent-grad:linear-gradient(135deg,#e893ab,#d96f93);--accent-wash:rgba(var(--accent-rgb),0.08);--accent-soft:rgba(var(--accent-rgb),0.14);--accent-soft-2:rgba(var(--accent-rgb),0.22);--accent-strong:rgba(var(--accent-rgb),0.4);--accent-line:rgba(var(--accent-dark-rgb),0.4);--accent-line-strong:rgba(var(--accent-dark-rgb),0.6);--focus-ring:0 0 0 3px rgba(var(--accent-rgb),0.22);--done:#1a7a4a;--done-wash:rgba(var(--done-rgb),0.12);--done-line:rgba(var(--done-rgb),0.55);--danger:#b03333;--danger-wash:rgba(var(--danger-rgb),0.1);--danger-line:rgba(var(--danger-rgb),0.4);--info:#2a6fb0;--info-wash:rgba(var(--info-rgb),0.14);--info-line:rgba(var(--info-rgb),0.3);--lang-en-wash:rgba(var(--info-rgb),0.16);--lang-en-text:#2a6fb0;--lang-zh-wash:rgba(224,123,123,0.16);--lang-zh-text:#a83a3a;--lang-ko-wash:rgba(138,155,255,0.16);--lang-ko-text:#4a5cc4;--lang-vi-wash:rgba(242,209,107,0.26);--lang-vi-text:#9a6f10;--thumb-anime:linear-gradient(135deg,#ffb7c5,#f2d16b 48%,#6aaee8);--thumb-jlpt:linear-gradient(135deg,#f7d7df,#ffb7c5 55%,#e093af);--brand-zalo:#0068ff;--brand-facebook:#1877f2;--brand-instagram:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);--on-dark-solid:rgb(var(--light-rgb));--on-dark:rgba(var(--light-rgb),0.85);--on-dark-2:rgba(var(--light-rgb),0.62);--on-dark-3:rgba(var(--light-rgb),0.45);--on-dark-line:rgba(var(--light-rgb),0.14);--on-dark-fill:rgba(var(--light-rgb),0.2);--on-dark-fill-2:rgba(var(--light-rgb),0.28);--on-dark-bar:rgba(var(--light-rgb),0.6);--sheen:rgba(var(--light-rgb),0.7);--hero-ink:#1b1526;--hero-ink-2:#35203a;--hero-scrim-1:rgba(var(--hero-rgb),0.72);--hero-scrim-2:rgba(var(--hero-rgb),0.62);--hero-scrim-3:rgba(var(--hero-rgb),0.24);--hero-veil:rgba(var(--hero-rgb),0.9);--shadow-rest:0 4px 24px rgba(var(--ink-rgb),0.06);--shadow-hover:0 12px 32px rgba(var(--ink-rgb),0.12);--shadow-pop:0 10px 28px rgba(var(--ink-rgb),0.16);--shadow-overlay:0 24px 60px rgba(var(--ink-rgb),0.24);--shadow-cta:0 6px 20px rgba(var(--accent-dark-rgb),0.35);--shadow-cta-hover:0 8px 26px rgba(var(--accent-dark-rgb),0.42);--shadow-on-media:0 2px 8px rgba(0,0,0,0.35);--shadow-on-dark:0 18px 44px rgba(0,0,0,0.42);--shadow-text:0 4px 18px rgba(var(--ink-rgb),0.18);--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:16px;--text-lg:20px;--text-xl:24px;--text-2xl:32px;--text-3xl:44px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--measure-prose:640px;--motion-instant:80ms;--motion-fast:120ms;--motion-base:180ms;--motion-slow:260ms;--motion-slower:420ms;--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-pill:999px;--z-under-1:-1;--z-under-2:-2;--z-under-3:-3;--z-base:1;--z-raised:3;--z-menu:30;--z-sticky:90;--z-dock:100;--z-pop:200;--z-skip:500;--z-overlay:1000;--z-toast:1100;color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--ink-rgb:228,228,242;--accent-dark-rgb:241,155,181;--done-rgb:95,208,164;--danger-rgb:255,143,143;--info-rgb:138,194,240;--fg:#ecebf3;--muted:#a1a1b0;--ink-faint:rgba(var(--ink-rgb),0.3);--wash:rgba(var(--ink-rgb),0.05);--wash-2:rgba(var(--ink-rgb),0.08);--line-hair:rgba(var(--ink-rgb),0.09);--line:rgba(var(--ink-rgb),0.14);--line-strong:rgba(var(--ink-rgb),0.22);--line-heavy:rgba(var(--ink-rgb),0.32);--bg:#0f0f14;--surface:#17171f;--surface-sunk:#1e1e28;--surface-sunk-2:#282833;--surface-glass:rgba(15,15,20,0.82);--overlay:rgba(0,0,0,0.64);--accent-dark:#f19bb5;--accent-grad:linear-gradient(135deg,#f1a3b9,#e07f9f);--accent-wash:rgba(var(--accent-rgb),0.1);--accent-soft:rgba(var(--accent-rgb),0.15);--accent-soft-2:rgba(var(--accent-rgb),0.22);--accent-strong:rgba(var(--accent-rgb),0.45);--accent-line:rgba(var(--accent-dark-rgb),0.45);--accent-line-strong:rgba(var(--accent-dark-rgb),0.65);--focus-ring:0 0 0 3px rgba(var(--accent-rgb),0.3);--done:#5fd0a4;--done-wash:rgba(var(--done-rgb),0.14);--done-line:rgba(var(--done-rgb),0.5);--danger:#ff8f8f;--danger-wash:rgba(var(--danger-rgb),0.13);--danger-line:rgba(var(--danger-rgb),0.4);--info:#8ac2f0;--info-wash:rgba(var(--info-rgb),0.14);--info-line:rgba(var(--info-rgb),0.32);--lang-en-wash:rgba(var(--info-rgb),0.18);--lang-en-text:#8ac2f0;--lang-zh-wash:rgba(224,123,123,0.2);--lang-zh-text:#f09a9a;--lang-ko-wash:rgba(138,155,255,0.22);--lang-ko-text:#a6b2ff;--lang-vi-wash:rgba(242,209,107,0.2);--lang-vi-text:#e0bd5e;--thumb-anime:linear-gradient(135deg,#c98a96,#bda256 48%,#5285ad);--thumb-jlpt:linear-gradient(135deg,#a9848c,#c98a96 55%,#a9708a);--shadow-rest:0 4px 24px rgba(0,0,0,0.4);--shadow-hover:0 12px 32px rgba(0,0,0,0.55);--shadow-pop:0 10px 28px rgba(0,0,0,0.6);--shadow-overlay:0 24px 60px rgba(0,0,0,0.72);--shadow-text:0 4px 18px rgba(0,0,0,0.5);--shadow-cta:0 6px 20px rgba(0,0,0,0.45);--shadow-cta-hover:0 8px 26px rgba(0,0,0,0.55)}