:root{--nf-midnight-500:#1A1A35;--nf-midnight-300:#333368;--nf-cream-300:#FEFDFD;--nf-cream-500:#F2F0E7;--nf-cream-700:#F3E8D4;--nf-cream-800:#E2D0A3;--nf-violet-100:#F7F7FF;--nf-violet-200:#E7E7F9;--nf-violet-300:#C0C0EE;--nf-violet-400:#6666B5;--nf-violet-500:#43438B;--nf-violet-800:#3B3B7A;--nf-cornflower-300:#E2E9F4;--nf-cornflower-400:#B9CAE5;--nf-cornflower-500:#7395CB;--nf-cornflower-700:#4370B6;--nf-cornflower-800:#2C4892;--nf-pistachio-300:#EBF3E4;--nf-pistachio-400:#B7DFA7;--nf-pistachio-500:#92C672;--nf-pistachio-700:#56803B;--nf-pistachio-800:#354829;--nf-salmon-300:#FDEEE9;--nf-salmon-400:#FACCBF;--nf-salmon-500:#FF9479;--nf-salmon-800:#EF572B;--nf-salmon-900:#A33318;--nf-sunglow-300:#FDF5D7;--nf-sunglow-400:#FFE594;--nf-sunglow-500:#FFE173;--nf-sunglow-800:#FFD745;--nf-sunglow-900:#8A6A10;--nf-rose-300:#F9E7F1;--nf-rose-500:#F4D0E3;--nf-rose-700:#EAAAC8;--nf-rose-800:#C27C9D;--nf-lavender-300:#FCF2FD;--nf-lavender-400:#FBD0FF;--nf-lavender-500:#EABAF3;--nf-lavender-800:#C66EDC;--nf-bg:var(--nf-cream-300);--nf-bg-warm:var(--nf-cream-500);--nf-bg-elevated:var(--nf-cream-300);--nf-bg-sunken:var(--nf-cream-700);--nf-bg-dark:var(--nf-midnight-500);--nf-heading:var(--nf-midnight-300);--nf-text:var(--nf-midnight-500);--nf-text-on-tint:var(--nf-midnight-500);--nf-text-invert:var(--nf-cream-300);--nf-primary:var(--nf-violet-500);--nf-primary-hover:var(--nf-violet-800);--nf-primary-soft:var(--nf-violet-200);--nf-accent:var(--nf-salmon-400);--nf-accent-soft:var(--nf-salmon-300);--nf-success:var(--nf-pistachio-700);--nf-success-soft:var(--nf-pistachio-300);--nf-warning:var(--nf-sunglow-800);--nf-warning-soft:var(--nf-sunglow-300);--nf-danger:var(--nf-salmon-900);--nf-danger-soft:var(--nf-salmon-300);--nf-border:var(--nf-cream-800);--nf-border-soft:var(--nf-cream-700);--nf-font-display:"p22-mackinac-pro", Georgia, serif;--nf-font-body:"Nunito", ui-sans-serif, -apple-system, "Segoe UI", Roboto, sans-serif;--nf-font-mono:ui-monospace, "SF Mono", Menlo, monospace;--nf-text-xl-size:clamp(20px, 1.8vw, 22px);--nf-text-lg-size:clamp(18px, 1.6vw, 20px);--nf-text-md-size:clamp(17px, 1.5vw, 18px);--nf-text-sm-size:clamp(14px, 1.2vw, 15px);--nf-text-xs-size:clamp(12px, 1vw, 13px);--nf-title-display-size:clamp(34px, 4.5vw, 48px);--nf-title-xl-size:clamp(28px, 3.8vw, 38px);--nf-title-lg-size:clamp(24px, 2.8vw, 30px);--nf-title-md-size:clamp(20px, 2vw, 24px);--nf-title-sm-size:clamp(18px, 1.8vw, 20px);--nf-subtitle-size:clamp(16px, 1.2vw, 17px);--nf-label-size:clamp(13px, 1.2vw, 14px);--nf-title-display-lh:1.05;--nf-title-xl-lh:1.1;--nf-title-lg-lh:1.18;--nf-title-md-lh:1.25;--nf-title-sm-lh:1.3;--nf-subtitle-lh:1.3;--nf-label-lh:1.3;--nf-text-xl-lh:1.5;--nf-text-lg-lh:1.55;--nf-text-md-lh:1.5;--nf-text-sm-lh:1.5;--nf-text-xs-lh:1.5;--nf-title-display-sp:-0.015em;--nf-title-xl-sp:-0.012em;--nf-title-lg-sp:-0.008em;--nf-title-md-sp:-0.004em;--nf-label-sp:0.04em;--nf-w-regular:400;--nf-w-medium:500;--nf-w-bold:700;--nf-space-1:4px;--nf-space-2:8px;--nf-space-3:12px;--nf-space-4:16px;--nf-space-5:20px;--nf-space-6:clamp(20px, calc(1.2vw + 16px), 24px);--nf-space-8:clamp(24px, calc(1.6vw + 18px), 32px);--nf-space-10:clamp(28px, calc(2vw + 20px), 40px);--nf-space-12:clamp(32px, calc(2.5vw + 22px), 48px);--nf-space-16:clamp(40px, calc(4vw + 24px), 64px);--nf-space-20:clamp(48px, calc(5vw + 28px), 80px);--nf-space-24:clamp(56px, calc(6vw + 32px), 96px);--nf-space-32:clamp(72px, calc(8vw + 40px), 128px);--nf-r-1:4px;--nf-r-2:8px;--nf-r-4:16px;--nf-r-8:32px;--nf-r-pill:999px;--nf-illust-card-aspect:4 / 3;--nf-illust-inline-aspect:1 / 1;--nf-illust-pairing-aspect:1 / 1;--nf-shadow-xs:0 1px 2px rgba(26, 26, 53, 0.06);--nf-shadow-sm:0 2px 6px rgba(26, 26, 53, 0.07), 0 1px 2px rgba(26, 26, 53, 0.05);--nf-shadow-md:0 8px 20px rgba(26, 26, 53, 0.08), 0 2px 6px rgba(26, 26, 53, 0.05);--nf-shadow-lg:0 20px 40px rgba(26, 26, 53, 0.10), 0 6px 14px rgba(26, 26, 53, 0.06);--nf-shadow-xl:0 32px 64px rgba(26, 26, 53, 0.14), 0 12px 24px rgba(26, 26, 53, 0.08);--nf-ease:cubic-bezier(.4, 0, .2, 1);--nf-ease-out:cubic-bezier(.2, .8, .2, 1);--nf-dur-fast:120ms;--nf-dur:200ms;--nf-dur-slow:360ms;--nf-divider:color-mix(in srgb, var(--nf-midnight-500) 10%, transparent);--nf-ring:0 0 0 3px var(--nf-violet-500);--nf-info:var(--nf-cornflower-700);--nf-text-muted:color-mix(in srgb, var(--nf-midnight-500) 70%, transparent);--nf-bg-hero:linear-gradient(180deg, var(--nf-violet-300) 0%, var(--nf-violet-200) 100%);--nf-ring-on-dark:0 0 0 3px color-mix(in srgb, var(--nf-sunglow-500) 60%, transparent);--nf-text-body:#454355}