[data-css-theme] [data-zone=learner]{--learner-color-brand:#2563eb;--learner-color-brand-strong:#1d4ed8;--learner-color-brand-soft:#eff6ff;--learner-color-brand-border:#bfdbfe;--learner-color-brand-accent:#06b6d4;--learner-color-brand-gradient:linear-gradient(135deg,#3b82f6,#06b6d4);--learner-track-aptis:#2563eb;--learner-track-vstep:#0d9488;--learner-track-toeic:#0284c7;--learner-track-toefl:#4f46e5;--learner-track-ielts:#e11d48;--learner-track-pte:#ea580c;--learner-track-det:#58cc02;--learner-track-ket:#0e7490;--learner-track-pet:#a16207;--learner-track-cae:#9d174d;--learner-track-free:#16a34a;--learner-track-kids:#db2777;--learner-tsw-banner-bg:radial-gradient(58% 80% at 8% 6%,rgba(37,99,235,0.55) 0%,transparent 58%),radial-gradient(52% 78% at 94% 96%,rgba(6,182,212,0.42) 0%,transparent 60%),linear-gradient(125deg,#0a1326,#0e2342 52%,#0a2c4d);--learner-tsw-banner-fallback:#0b1a33;--learner-tsw-banner-ink-soft:rgba(255,255,255,0.62);--learner-tsw-banner-ink-faint:rgba(255,255,255,0.1);--learner-tsw-banner-line:rgba(255,255,255,0.18);--learner-tsw-banner-btn:rgba(255,255,255,0.08);--learner-tsw-banner-btn-hover:rgba(255,255,255,0.2);--learner-tsw-banner-accent:#7dd3fc;--learner-tsw-date-speaking:linear-gradient(160deg,#3b82f6,#06b6d4);--learner-tsw-date-writing:linear-gradient(160deg,#f59e0b,#f97316);--learner-tsw-flame:linear-gradient(150deg,#f59e0b,#ef4444);--learner-tsw-flame-shadow:rgba(239,68,68,0.5);--learner-tsw-pulse:#fb7185;--learner-tsw-pulse-ring:rgba(251,113,133,0.5);--learner-tsw-progress-accent:linear-gradient(180deg,#fb923c,#f97316);--learner-tsw-cta-warning:#ea580c;--learner-tsw-cta-warning-strong:#c2410c;--learner-tsw-rcard-bg:#ffffff;--learner-tsw-date-speaking:#3b82f6;--learner-tsw-date-writing:#f59e0b;--learner-tsw-flame-ink:#fde68a;--learner-tsw-hero-dot:rgba(37,99,235,0.10);--learner-tsw-on-tile-soft:rgba(255,255,255,0.9);--learner-tsw-cta-shadow:0 6px 18px -8px rgba(37,99,235,0.45);--learner-tsw-cta-shadow-warn:0 6px 18px -8px rgba(234,88,12,0.45);--learner-color-page:#f8fafc;--learner-color-surface:#ffffff;--learner-color-surface-soft:#f1f5f9;--learner-color-surface-raised:#ffffff;--learner-color-sidebar:#0b1220;--learner-color-sidebar-text:#cbd5e1;--learner-color-sidebar-text-strong:#f8fafc;--learner-color-sidebar-active:rgba(37,99,235,0.16);--learner-color-sidebar-active-text:#ffffff;--learner-color-sidebar-active-icon:#60a5fa;--learner-color-border:#e2e8f0;--learner-color-border-soft:#eef2f7;--learner-color-border-strong:#cbd5e1;--learner-color-scrim:rgba(15,23,42,0.55);--learner-gold:#f59e0b;--learner-silver:#94a3b8;--learner-bronze:#c2853f;--learner-color-text:#0f172a;--learner-color-text-strong:#020617;--learner-color-text-body:#334155;--learner-color-text-muted:#64748b;--learner-color-text-subtle:#94a3b8;--learner-color-text-inverse:#ffffff;--learner-color-on-accent:#ffffff;--learner-ink:#020617;--learner-flag-us-red:#b22234;--learner-flag-us-navy:#3c3b6e;--learner-flag-uk-navy:#012169;--learner-flag-uk-red:#c8102e;--learner-flag-line:#ffffff;--learner-game-topbar:linear-gradient(90deg,#ef4444,#f97316 33%,#ec4899 66%,#a855f7);--learner-tt-heat:linear-gradient(90deg,#f59e0b,#f97316);--learner-color-success:#16a34a;--learner-color-success-soft:#dcfce7;--learner-color-warning:#d97706;--learner-color-warning-soft:#fef3c7;--learner-color-danger:#dc2626;--learner-color-danger-soft:#fee2e2;--learner-color-info:#2563eb;--learner-color-info-soft:#dbeafe;--learner-color-success-strong:#15803d;--learner-color-learning:#f97316;--learner-color-learning-strong:#ea580c;--learner-color-learning-soft:#fff4ec;--learner-tone-blue-soft:#eff6ff;--learner-tone-blue-icon:#3b82f6;--learner-tone-blue-text:#2563eb;--learner-tone-blue-ring:#dbeafe;--learner-tone-sky-soft:#f0f9ff;--learner-tone-sky-icon:#0ea5e9;--learner-tone-sky-text:#0284c7;--learner-tone-sky-ring:#e0f2fe;--learner-tone-violet-soft:#f5f3ff;--learner-tone-violet-icon:#8b5cf6;--learner-tone-violet-text:#7c3aed;--learner-tone-violet-ring:#ede9fe;--learner-tone-amber-soft:#fffbeb;--learner-tone-amber-icon:#f59e0b;--learner-tone-amber-text:#d97706;--learner-tone-amber-ring:#fef3c7;--learner-tone-orange-soft:#fff7ed;--learner-tone-orange-icon:#f97316;--learner-tone-orange-text:#ea580c;--learner-tone-orange-ring:#ffedd5;--learner-tone-emerald-soft:#ecfdf5;--learner-tone-emerald-icon:#10b981;--learner-tone-emerald-text:#059669;--learner-tone-emerald-ring:#d1fae5;--learner-tone-green-soft:#f0fdf4;--learner-tone-green-icon:#22c55e;--learner-tone-green-text:#16a34a;--learner-tone-green-ring:#dcfce7;--learner-tone-rose-soft:#fff1f2;--learner-tone-rose-icon:#f43f5e;--learner-tone-rose-text:#e11d48;--learner-tone-rose-ring:#ffe4e6;--learner-tone-slate-soft:#f1f5f9;--learner-tone-slate-icon:#64748b;--learner-tone-slate-text:#334155;--learner-tone-slate-ring:#e2e8f0;--learner-radius-xs:6px;--learner-radius-sm:10px;--learner-radius-md:14px;--learner-radius-lg:20px;--learner-radius-xl:28px;--learner-radius-pill:999px;--learner-space-1:4px;--learner-space-2:8px;--learner-space-3:12px;--learner-space-4:16px;--learner-space-5:20px;--learner-space-6:24px;--learner-space-7:32px;--learner-space-8:40px;--learner-space-9:48px;--learner-space-10:64px;--learner-font-display:"Be Vietnam Pro",system-ui,sans-serif;--learner-font-body:"Be Vietnam Pro",system-ui,sans-serif;--learner-text-xs:12px;--learner-text-sm:13px;--learner-text-base:14.5px;--learner-text-md:16px;--learner-text-lg:18px;--learner-text-xl:22px;--learner-text-2xl:28px;--learner-text-3xl:34px;--learner-shadow-xs:0 1px 2px rgba(15,23,42,0.05);--learner-shadow-sm:0 1px 2px rgba(15,23,42,0.04),0 4px 12px rgba(15,23,42,0.05);--learner-shadow-md:0 6px 20px rgba(15,23,42,0.08);--learner-shadow-lg:0 12px 36px rgba(15,23,42,0.12);--learner-shadow-pop:0 24px 48px rgba(15,23,42,0.16);--learner-ease-out:cubic-bezier(0.16,1,0.3,1);--learner-ease-in-out:cubic-bezier(0.4,0,0.2,1);--learner-duration-fast:120ms;--learner-duration-base:200ms;--learner-duration-slow:320ms;--hc-brand-primary:var(--learner-color-brand);--hc-brand-primary-strong:var(--learner-color-brand-strong);--hc-brand-primary-soft:var(--learner-color-brand-soft);--hc-brand-primary-soft-2:var(--learner-color-surface-soft);--hc-brand-primary-border:var(--learner-color-brand-border);--hc-brand-secondary:var(--learner-color-brand-accent);--hc-brand-gradient:var(--learner-color-brand-gradient);--hc-shell-bg:var(--learner-color-page);--hc-sidebar-bg:var(--learner-color-sidebar);--hc-sidebar-text:var(--learner-color-sidebar-text);--hc-sidebar-text-strong:var(--learner-color-sidebar-text-strong);--hc-sidebar-active-bg:var(--learner-color-sidebar-active);--hc-sidebar-active-text:var(--learner-color-sidebar-active-text);--hc-sidebar-active-icon:var(--learner-color-sidebar-active-icon);--hc-topbar-bg:var(--learner-color-surface);--hc-content-bg:var(--learner-color-page);--hc-card-bg:var(--learner-color-surface);--hc-card-soft:var(--learner-color-surface-soft);--hc-border:var(--learner-color-border);--hc-border-soft:var(--learner-color-border-soft);--hc-border-strong:var(--learner-color-border-strong);--hc-text:var(--learner-color-text);--hc-text-strong:var(--learner-color-text-strong);--hc-text-muted:var(--learner-color-text-muted);--hc-text-subtle:var(--learner-color-text-subtle);--hc-warning:var(--learner-color-warning);--hc-warning-soft:var(--learner-color-warning-soft);--hc-success:var(--learner-color-success);--hc-success-soft:var(--learner-color-success-soft);--hc-danger:var(--learner-color-danger);--hc-danger-soft:var(--learner-color-danger-soft);--hc-shadow-card:var(--learner-shadow-sm);--hc-radius-card:var(--learner-radius-md);--lhp-color-bg:var(--learner-color-page);--lhp-color-surface:var(--learner-color-surface);--lhp-color-border:var(--learner-color-border);--lhp-color-text:var(--learner-color-text);--lhp-color-text-muted:var(--learner-color-text-muted);--lhp-color-primary:var(--learner-color-brand);--lhp-color-primary-soft:var(--learner-color-brand-soft);--lhp-radius-card:var(--learner-radius-md);--lhp-shadow-card:var(--learner-shadow-sm);--learner-band-pink:#ec4899;--learner-band-red:#ef4444;--learner-band-yellow:#eab308;--learner-band-blue:#3b82f6;--learner-band-green:#22c55e;--learner-band-orange:#f97316;--learner-band-turquoise:#14b8a6;--learner-band-purple:#8b5cf6;--learner-band-gold:#f59e0b;--learner-band-white:#94a3b8;--learner-band-lime:#84cc16;--learner-band-brown:#b45309;--learner-egg:#f5b50a;--learner-egg-deep:#d97706;--learner-egg-soft:#fef3c7;--learner-egg-shell:#fde68a;--learner-egg-gradient:linear-gradient(150deg,#fcd34d,#f5b50a 55%,#d97706);--learner-on-image-chip:rgba(255,255,255,0.9);--learner-on-image-btn:rgba(255,255,255,0.82);--learner-on-accent-fill:rgba(255,255,255,0.16);--learner-on-accent-fill-strong:rgba(255,255,255,0.26);--learner-color-scrim:rgba(2,6,23,0.62);--learner-rarity-common:#64748b;--learner-rarity-rare:#2563eb;--learner-rarity-epic:#db2777;--learner-rarity-legendary:#f59e0b;--learner-rarity-common-soft:#f1f5f9;--learner-rarity-rare-soft:#eff6ff;--learner-rarity-epic-soft:#fdf2f8;--learner-rarity-legendary-soft:#fffbeb;--learner-ls-active:#2563eb;--learner-ls-active-strong:#1d4ed8;--learner-ls-active-soft:rgba(37,99,235,0.12);--learner-ls-en-hl:#fef08a;--learner-ls-en-hl-ink:#3a2e00;--learner-ls-focus-scrim:rgba(8,10,16,0.82);--learner-ls-focus-blur:7px;--learner-ls-focus-ink:#ffffff;--learner-ls-focus-ink-soft:rgba(255,255,255,0.78);--learner-ls-focus-hint:rgba(255,255,255,0.45);--learner-ls-focus-wm:rgba(255,255,255,0.3);--learner-ls-focus-glow:rgba(255,255,255,0.55);--learner-ls-tier-0:#64748b;--learner-ls-tier-0-bg:rgba(100,116,139,0.12);--learner-ls-tier-1:#16a34a;--learner-ls-tier-1-bg:rgba(22,163,74,0.12);--learner-ls-tier-2:#0891b2;--learner-ls-tier-2-bg:rgba(8,145,178,0.12);--learner-ls-tier-3:#d97706;--learner-ls-tier-3-bg:rgba(217,119,6,0.14);--learner-ls-tier-4:#2563eb;--learner-ls-tier-4-bg:rgba(37,99,235,0.12);--learner-ls-tier-5:#e11d48;--learner-ls-tier-5-bg:rgba(225,29,72,0.12);--learner-mono-1-soft:#eff6ff;--learner-mono-1-ink:#2563eb;--learner-mono-2-soft:#ecfdf5;--learner-mono-2-ink:#0d9488;--learner-mono-3-soft:#fff7ed;--learner-mono-3-ink:#d97706;--learner-mono-4-soft:#f0f9ff;--learner-mono-4-ink:#0284c7;--learner-mono-5-soft:#fef2f2;--learner-mono-5-ink:#e11d48;--learner-mono-6-soft:#f0fdf4;--learner-mono-6-ink:#16a34a;--learner-mono-7-soft:#f1f5f9;--learner-mono-7-ink:#475569;--learner-mono-8-soft:#ecfeff;--learner-mono-8-ink:#0891b2}[data-css-theme=dark] [data-zone=learner]{--learner-color-brand:#60a5fa;--learner-track-aptis:#60a5fa;--learner-track-vstep:#2dd4bf;--learner-track-toeic:#38bdf8;--learner-track-toefl:#818cf8;--learner-track-ielts:#fb7185;--learner-track-pte:#fb923c;--learner-track-det:#7ee63f;--learner-track-ket:#22d3ee;--learner-track-pet:#eab308;--learner-track-cae:#f472b6;--learner-track-free:#4ade80;--learner-track-kids:#f472b6;--learner-color-brand-strong:#93c5fd;--learner-color-brand-soft:rgba(37,99,235,0.22);--learner-color-brand-border:rgba(96,165,250,0.40);--learner-color-brand-accent:#22d3ee;--learner-color-brand-gradient:linear-gradient(135deg,#3b82f6,#22d3ee);--learner-tsw-rcard-bg:#162236;--learner-color-page:#0b1120;--learner-color-surface:#131c2e;--learner-color-surface-soft:#1b2538;--learner-color-surface-raised:#18233a;--learner-color-sidebar:#070c16;--learner-color-sidebar-text:#cbd5e1;--learner-color-sidebar-text-strong:#f8fafc;--learner-color-sidebar-active:rgba(37,99,235,0.24);--learner-color-sidebar-active-text:#ffffff;--learner-color-sidebar-active-icon:#93c5fd;--learner-color-border:#273349;--learner-color-border-soft:#1e2a3d;--learner-color-border-strong:#3a4860;--learner-color-scrim:rgba(2,6,23,0.68);--learner-gold:#fbbf24;--learner-silver:#cbd5e1;--learner-bronze:#d49a5a;--learner-color-text:#e2e8f0;--learner-color-text-strong:#f8fafc;--learner-color-text-body:#cbd5e1;--learner-color-text-muted:#94a3b8;--learner-color-text-subtle:#64748b;--learner-color-text-inverse:#0b1120;--learner-color-on-accent:#ffffff;--learner-ink:#020617;--learner-color-success:#22c55e;--learner-color-success-soft:rgba(34,197,94,0.16);--learner-color-success-strong:#4ade80;--learner-color-warning:#f59e0b;--learner-color-warning-soft:rgba(245,158,11,0.16);--learner-color-danger:#f87171;--learner-color-danger-soft:rgba(248,113,113,0.16);--learner-color-info:#60a5fa;--learner-color-info-soft:rgba(96,165,250,0.16);--learner-color-learning:#fb923c;--learner-color-learning-strong:#fdba74;--learner-color-learning-soft:rgba(249,115,22,0.18);--learner-tone-blue-soft:rgba(59,130,246,0.15);--learner-tone-blue-icon:#60a5fa;--learner-tone-blue-text:#93c5fd;--learner-tone-blue-ring:rgba(59,130,246,0.3);--learner-tone-sky-soft:rgba(14,165,233,0.15);--learner-tone-sky-icon:#38bdf8;--learner-tone-sky-text:#7dd3fc;--learner-tone-sky-ring:rgba(14,165,233,0.3);--learner-tone-violet-soft:rgba(139,92,246,0.16);--learner-tone-violet-icon:#a78bfa;--learner-tone-violet-text:#c4b5fd;--learner-tone-violet-ring:rgba(139,92,246,0.3);--learner-tone-amber-soft:rgba(245,158,11,0.15);--learner-tone-amber-icon:#fbbf24;--learner-tone-amber-text:#fcd34d;--learner-tone-amber-ring:rgba(245,158,11,0.3);--learner-tone-orange-soft:rgba(249,115,22,0.15);--learner-tone-orange-icon:#fb923c;--learner-tone-orange-text:#fdba74;--learner-tone-orange-ring:rgba(249,115,22,0.3);--learner-tone-emerald-soft:rgba(16,185,129,0.15);--learner-tone-emerald-icon:#34d399;--learner-tone-emerald-text:#6ee7b7;--learner-tone-emerald-ring:rgba(16,185,129,0.3);--learner-tone-green-soft:rgba(34,197,94,0.15);--learner-tone-green-icon:#4ade80;--learner-tone-green-text:#86efac;--learner-tone-green-ring:rgba(34,197,94,0.3);--learner-tone-rose-soft:rgba(244,63,94,0.15);--learner-tone-rose-icon:#fb7185;--learner-tone-rose-text:#fda4af;--learner-tone-rose-ring:rgba(244,63,94,0.3);--learner-tone-slate-soft:rgba(148,163,184,0.12);--learner-tone-slate-icon:#94a3b8;--learner-tone-slate-text:#cbd5e1;--learner-tone-slate-ring:rgba(148,163,184,0.22);--learner-shadow-xs:0 1px 2px rgba(0,0,0,0.4);--learner-shadow-sm:0 1px 2px rgba(0,0,0,0.35),0 6px 16px rgba(0,0,0,0.4);--learner-shadow-md:0 14px 32px -12px rgba(0,0,0,0.6);--learner-shadow-lg:0 18px 44px rgba(0,0,0,0.55);--hc-brand-primary:var(--learner-color-brand);--hc-brand-primary-strong:var(--learner-color-brand-strong);--hc-brand-primary-soft:var(--learner-color-brand-soft);--hc-brand-primary-soft-2:var(--learner-color-surface-soft);--hc-brand-primary-border:var(--learner-color-brand-border);--hc-shell-bg:var(--learner-color-page);--hc-topbar-bg:var(--learner-color-surface);--hc-content-bg:var(--learner-color-page);--hc-card-bg:var(--learner-color-surface);--hc-card-soft:var(--learner-color-surface-soft);--hc-border:var(--learner-color-border);--hc-border-soft:var(--learner-color-border-soft);--hc-border-strong:var(--learner-color-border-strong);--hc-text:var(--learner-color-text);--hc-text-strong:var(--learner-color-text-strong);--hc-text-muted:var(--learner-color-text-muted);--hc-text-subtle:var(--learner-color-text-subtle);--hc-warning:var(--learner-color-warning);--hc-warning-soft:var(--learner-color-warning-soft);--hc-success:var(--learner-color-success);--hc-success-soft:var(--learner-color-success-soft);--hc-danger:var(--learner-color-danger);--hc-danger-soft:var(--learner-color-danger-soft);--lhp-color-bg:var(--learner-color-page);--lhp-color-surface:var(--learner-color-surface);--lhp-color-border:var(--learner-color-border);--lhp-color-text:var(--learner-color-text);--lhp-color-text-muted:var(--learner-color-text-muted);--lhp-color-primary:var(--learner-color-brand);--lhp-color-primary-soft:var(--learner-color-brand-soft);--learner-band-white:#cbd5e1;--learner-band-brown:#d97706;--learner-egg-soft:rgba(245,181,10,0.16);--learner-egg-shell:#b45309;--learner-color-scrim:rgba(0,0,0,0.72);--learner-rarity-common:#94a3b8;--learner-rarity-rare:#60a5fa;--learner-rarity-epic:#f472b6;--learner-rarity-legendary:#fbbf24;--learner-rarity-common-soft:rgba(148,163,184,0.14);--learner-rarity-rare-soft:rgba(96,165,250,0.16);--learner-rarity-epic-soft:rgba(244,114,182,0.16);--learner-rarity-legendary-soft:rgba(251,191,36,0.16);--learner-ls-active:#60a5fa;--learner-ls-active-strong:#93c5fd;--learner-ls-active-soft:rgba(96,165,250,0.18);--learner-ls-tier-0:#94a3b8;--learner-ls-tier-0-bg:rgba(148,163,184,0.18);--learner-ls-tier-1:#4ade80;--learner-ls-tier-1-bg:rgba(74,222,128,0.18);--learner-ls-tier-2:#22d3ee;--learner-ls-tier-2-bg:rgba(34,211,238,0.18);--learner-ls-tier-3:#fbbf24;--learner-ls-tier-3-bg:rgba(251,191,36,0.18);--learner-ls-tier-4:#60a5fa;--learner-ls-tier-4-bg:rgba(96,165,250,0.18);--learner-ls-tier-5:#fb7185;--learner-ls-tier-5-bg:rgba(251,113,133,0.18);--learner-mono-1-soft:rgba(96,165,250,0.20);--learner-mono-1-ink:#93c5fd;--learner-mono-2-soft:rgba(45,212,191,0.18);--learner-mono-2-ink:#5eead4;--learner-mono-3-soft:rgba(245,158,11,0.18);--learner-mono-3-ink:#fcd34d;--learner-mono-4-soft:rgba(56,189,248,0.18);--learner-mono-4-ink:#7dd3fc;--learner-mono-5-soft:rgba(251,113,133,0.18);--learner-mono-5-ink:#fda4af;--learner-mono-6-soft:rgba(74,222,128,0.18);--learner-mono-6-ink:#86efac;--learner-mono-7-soft:rgba(148,163,184,0.20);--learner-mono-7-ink:#cbd5e1;--learner-mono-8-soft:rgba(34,211,238,0.18);--learner-mono-8-ink:#67e8f9}