:root{--w-petrol-50: #E7F4F2;--w-petrol-100: #C8E8E4;--w-petrol-200: #92D4CC;--w-petrol-300: #57C0B4;--w-petrol-400: #2FA095;--w-petrol-500: #1A8C81;--w-petrol-600: #10796F;--w-petrol-700: #0C6159;--w-petrol-800: #094B45;--w-petrol-900: #063632;--w-navy-50: #EEF1F8;--w-navy-100: #D9DFF0;--w-navy-200: #B3BFE0;--w-navy-300: #8493C6;--w-navy-400: #4E63A0;--w-navy-500: #2E4480;--w-navy-600: #192E64;--w-navy-700: #142551;--w-navy-800: #0F1C3E;--w-navy-900: #0A122A;--w-pink-300: #FF7A9A;--w-pink-500: #FF3D6E;--w-pink-700: #C21F47;--w-pink-50: #FFECF1;--w-success: #16A34A;--w-success-text: #15803D;--w-success-bg: #E7F6EC;--w-warning: #F59E0B;--w-warning-text: #B45309;--w-warning-bg: #FEF3E2;--w-error: #DC2626;--w-error-bg: #FDE8E8;--surface-canvas: #FBFAF7;--surface-card: #FFFFFF;--surface-raised: #FFFFFF;--surface-sunken: #F3F1EC;--text-primary: var(--w-navy-700);--text-secondary: #5B6480;--text-inverse: #F2F5FB;--border-subtle: #0F1C3E1C;--border-strong: #0F1C3E3D;--interactive-primary: var(--w-petrol-600);--interactive-primary-hover: var(--w-petrol-700);--interactive-primary-active: var(--w-petrol-800);--interactive-on-primary: #FFFFFF;--interactive-secondary-bg: var(--w-petrol-50);--link: var(--w-petrol-600);--focus-ring: var(--w-petrol-600);--identity: var(--w-navy-600);--celebration: var(--w-pink-500);--celebration-bg: var(--w-pink-50);--celebration-text:var(--w-pink-700);--status-success: var(--w-success);--status-success-text: var(--w-success-text);--status-success-bg: var(--w-success-bg);--status-warning: var(--w-warning);--status-warning-text: var(--w-warning-text);--status-warning-bg: var(--w-warning-bg);--status-error: var(--w-error);--status-error-bg: var(--w-error-bg);--font-family: "Plus Jakarta Sans", system-ui, sans-serif;--font-h1: 800 40px/48px var(--font-family);--font-h2: 700 28px/36px var(--font-family);--font-h3: 700 20px/28px var(--font-family);--font-label: 600 15px/20px var(--font-family);--font-body: 400 15.5px/24px var(--font-family);--font-numeric: 600 15.5px/24px var(--font-family);--numeric-features: "tnum" 1;--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;--space-20: 80px;--space-24: 96px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--shadow-card: 0 1px 4px #0F1C3E10;--shadow-raised:0 4px 16px #0F1C3E1A;--duration-fast: .12s;--duration-base: .18s;--duration-slow: .24s;--ease-enter: cubic-bezier(.2, 0, 0, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--breath-duration: 2.4s;--focus-outline: 2px solid var(--focus-ring);--focus-offset: 2px}[data-theme=dark]{--surface-canvas: var(--w-navy-900);--surface-card: var(--w-navy-800);--surface-raised: var(--w-navy-700);--surface-sunken: #070D1F;--text-primary: #F2F5FB;--text-secondary: #B9C2DC;--text-inverse: var(--w-navy-700);--border-subtle: #FFFFFF1F;--border-strong: #FFFFFF3D;--interactive-primary: var(--w-petrol-600);--interactive-primary-hover: var(--w-petrol-500);--interactive-primary-active: var(--w-petrol-400);--interactive-on-primary: #FFFFFF;--interactive-secondary-bg: #57C0B421;--link: var(--w-petrol-300);--focus-ring: var(--w-petrol-300);--identity: #F2F5FB;--celebration: var(--w-pink-300);--celebration-bg: #FF3D6E26;--celebration-text:var(--w-pink-300);--status-success-text: #6FD79B;--status-success-bg: #16A34A2B;--status-warning-text: #F3C879;--status-warning-bg: #F59E0B26;--status-error: #F49E97;--status-error-bg: #DC262629}@media (prefers-reduced-motion: reduce){:root{--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms;--breath-duration: 0ms}}*{box-sizing:border-box}body{margin:0;font:var(--font-body);color:var(--text-primary);background:var(--surface-canvas)}.wl-shell{max-width:40rem;margin:0 auto;padding:var(--space-24) var(--space-6);display:grid;gap:var(--space-4)}.wl-badge{justify-self:start;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--interactive-secondary-bg);color:var(--interactive-primary);font:var(--font-label)}.wl-shell h1{margin:0;font:var(--font-h1);color:var(--text-primary)}.wl-lede{margin:0;color:var(--text-secondary)}.wl-meta{margin:0;color:var(--text-secondary);font:var(--font-label)}
