:root{--unj-teal:#006569;--unj-teal-700:#004f52;--unj-teal-800:#003c3f;--unj-teal-600:#00797d;--unj-teal-500:#1d8f93;--unj-teal-300:#7cc0c2;--unj-teal-100:#d6ecec;--unj-teal-50:#eef7f7;--unj-yellow:#f4d35e;--unj-yellow-600:#c59f2a;--unj-yellow-400:#f7de85;--unj-yellow-200:#f9edbe;--unj-yellow-100:var(--unj-yellow-50);--unj-yellow-50:#fffbef;--accent-sand:#f4e7b2;--accent-mint:#ddeedb;--unj-red:#cf1e2e;--unj-red-700:#a81723;--unj-red-300:#e57a83;--unj-red-50:#fdecee;--neutral-0:#fff;--neutral-25:#fafbfb;--neutral-50:#f4f6f6;--neutral-100:#eceff0;--neutral-200:#dde2e3;--neutral-300:#c3cacc;--neutral-400:#9aa4a6;--neutral-500:#6b7679;--neutral-600:#4e5759;--neutral-700:#323a3c;--neutral-800:#1f2527;--neutral-900:#0f1415;--bg:var(--neutral-25);--bg-elevated:var(--neutral-0);--bg-muted:var(--neutral-50);--bg-inverse:var(--unj-teal);--bg-brand-soft:var(--unj-teal-50);--fg:var(--neutral-800);--fg-muted:var(--neutral-500);--fg-subtle:var(--neutral-400);--fg-on-brand:#fff;--fg-brand:var(--unj-teal);--border:var(--neutral-200);--border-strong:var(--neutral-300);--border-brand:var(--unj-teal);--brand:var(--unj-teal);--brand-hover:var(--unj-teal-700);--brand-pressed:var(--unj-teal-800);--accent:var(--unj-yellow);--accent-hover:var(--unj-yellow-600);--danger:var(--unj-red);--danger-hover:var(--unj-red-700);--status-active:#28a745;--status-pending:#f5a623;--status-inactive:var(--neutral-300);--font-sans:"Poppins", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body:"Inter", "Poppins", system-ui, sans-serif;--font-display:"Playfair Display", "Poppins", Georgia, serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-heading:var(--font-sans);--text-xs:12px;--text-sm:14px;--text-base:16px;--text-md:18px;--text-lg:20px;--text-xl:24px;--text-2xl:30px;--text-3xl:36px;--text-4xl:48px;--text-5xl:60px;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-loose:1.7;--tracking-tight:-.02em;--tracking-wide:.04em;--tracking-wider:.12em;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-pill:999px;--shadow-xs:0 1px 2px #0f14150a;--shadow-sm:0 1px 3px #0f14150f, 0 1px 2px #0f14150a;--shadow-md:0 4px 12px #0f141514, 0 2px 4px #0f14150a;--shadow-lg:0 12px 32px #0f14151a, 0 4px 8px #0f14150a;--shadow-brand:0 8px 24px #00656938;--gradient-hero:linear-gradient(100deg, #004f52 0%, #006569 45%, #3ea0a2 100%);--gradient-brand-soft:linear-gradient(135deg, #eef7f7, #f8fbfa);--unj-gradient-hero:var(--gradient-hero);--unj-gradient-soft:radial-gradient(circle at top left, #7cc0c22e, transparent 34%), linear-gradient(180deg, #fff, var(--unj-teal-50));--shadow-soft:0 18px 80px #003c3f1f;--content-max:1040px;--reading-max:800px;--desktop-shell-max:1320px;--touch-min:44px;--lesson-body-size:1.0625rem;--lesson-body-size-desktop:1.125rem;--prose-quote-bg:var(--unj-teal-50);--prose-mark-bg:var(--unj-yellow-200);--prose-pre-bg:#122223;--prose-pre-fg:#d9e6e6;--hl-kuning:#f4d35e8c;--hl-hijau:#74c68a6b;--hl-biru:#66b2d666;--hl-flash:#00656947;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--unj-yellow-500:var(--unj-yellow);--unj-red-600:var(--unj-red);--unj-green-600:var(--status-active);--unj-green-700:#15803d;--unj-teal-950:var(--unj-teal-800);--unj-ink:var(--fg);--unj-muted:var(--fg-muted);--unj-line:var(--border);--unj-soft:var(--unj-teal-50);--unj-bg:var(--bg);--unj-white:var(--neutral-0);--shadow-card:var(--shadow-md);--shadow-float:var(--shadow-lg)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--neutral-0:#142021;--neutral-25:#0e1718;--neutral-50:#182425;--neutral-100:#1f2e2f;--neutral-200:#2b3c3e;--neutral-300:#3c5052;--neutral-400:#6d8688;--neutral-500:#94a9aa;--neutral-600:#b2c3c4;--neutral-700:#cedcdc;--neutral-800:#e5eeee;--neutral-900:#f3f8f8;--unj-teal-50:#0f2b2d;--unj-teal-100:#16393c;--unj-teal-300:#4c9598;--unj-teal-500:#35a6aa;--unj-teal-600:#56b6b9;--unj-teal-700:#8bcccd;--unj-teal-800:#bde1e2;--unj-yellow-50:#2b2510;--unj-yellow-100:#322b13;--unj-yellow-200:#3e3517;--unj-yellow-600:#e5c65f;--accent-sand:#3a3420;--accent-mint:#20301f;--unj-red-50:#351317;--unj-red-300:#b5525b;--unj-red-700:#f2939b;--bg:var(--neutral-25);--bg-elevated:var(--neutral-0);--bg-muted:var(--neutral-50);--bg-brand-soft:var(--unj-teal-50);--fg:var(--neutral-800);--fg-muted:var(--neutral-500);--fg-subtle:var(--neutral-400);--fg-brand:var(--unj-teal-600);--border:var(--neutral-200);--border-strong:var(--neutral-300);--border-brand:var(--unj-teal-600);--brand:#1d8f93;--brand-hover:#26a4a8;--brand-pressed:#17787c;--accent-hover:#e5c65f;--danger:#e4606c;--danger-hover:#ef7d88;--status-active:#48c76a;--status-pending:#f7b955;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 3px #00000073, 0 1px 2px #00000059;--shadow-md:0 4px 12px #00000080, 0 2px 4px #00000059;--shadow-lg:0 12px 32px #0000008c, 0 4px 8px #00000059;--shadow-brand:0 8px 24px #00000080;--shadow-soft:0 18px 80px #00000080;--gradient-brand-soft:linear-gradient(135deg, #10282a, #0e1718);--unj-gradient-soft:radial-gradient(circle at top left, #35a6aa1f, transparent 34%), linear-gradient(180deg, #142021, #0f2b2d);--prose-quote-bg:var(--unj-teal-50);--prose-mark-bg:#4a3f14;--prose-pre-bg:#0b1516;--prose-pre-fg:#cfdede;--hl-kuning:#c59f2a6b;--hl-hijau:#48c76a4d;--hl-biru:#539ec252;--hl-flash:#35a6aa52}