@layer tokens,base,components,utilities;@layer tokens{:root{--brand-h: 290;--brand-s: 100%;--brand-l: 40%;--accent-h: 13;--accent-s: 100%;--accent-l: 66%;--fallback-h: 312;--fallback-s: 92%;--fallback-l: 58%;--tertiary-h: 162;--tertiary-s: 68%;--tertiary-l: 36%;--tertiary: hsl(var(--tertiary-h) var(--tertiary-s) var(--tertiary-l));--tertiary-weak: hsl(var(--tertiary-h) 60% 95%);--tertiary-soft: hsl(var(--tertiary-h) 60% 88%);--tertiary-strong: hsl(var(--tertiary-h) 68% 28%);--on-tertiary: white;--tertiary-weak: color-mix(in oklab, var(--tertiary) 14%, transparent);--tertiary-soft: color-mix(in oklab, var(--tertiary) 22%, transparent);--tertiary-strong: color-mix(in oklab, var(--tertiary) 80%, white);--zinc-0: #ffffff;--zinc-25: #fcfcfd;--zinc-50: #f8fafc;--zinc-100: #f1f5f9;--zinc-200: #e2e8f0;--zinc-300: #cbd5e1;--zinc-400: #94a3b8;--zinc-500: #64748b;--zinc-600: #475569;--zinc-700: #334155;--zinc-800: #1f2937;--zinc-900: #0f172a;--success-h: 152;--success-s: 60%;--success-l: 50%;--warning-h: 43;--warning-s: 90%;--warning-l: 50%;--danger-h: 0;--danger-s: 75%;--danger-l: 55%;--r-xs: 8px;--r-s: 12px;--r: 14px;--r-l: 18px;--r-xl: 24px;--round: 999px;--r-inner: calc(var(--r) - 2px);--r-inner-s: calc(var(--r-s) - 2px);--r-inner-l: calc(var(--r-l) - 2px);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-8: 2.5rem;--space-9: 3rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-overlay: cubic-bezier(.22, 1, .36, 1);--ease-menu: var(--ease-overlay);--dur-1: .12s;--dur-2: .18s;--dur-3: .26s;--dur-4: .3s;--dur-menu: .44s;--dur-overlay: .3s;--content-width: 950px;--content-width-narrow: 750px;--content-area-width: 1200px;--header-height: 60px;--content-max: 72rem;--gutter: clamp(16px, 4vw, 28px);--section-gap: clamp(16px, 3vw, 28px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--nav-width: 280px;--nav-width-collapsed: 84px;--nav-padding: 1rem;--panel-width-open: 0px;--panel-width-closed: 0px;--panel-width: var(--panel-width-open);--panel-width-collapsed: var(--panel-width-closed);--shell-gap: 0px;--font-scale: 1;--fs-xxs: calc(.65rem * var(--font-scale));--fs-xs: calc(.75rem * var(--font-scale));--fs-sm: calc(.875rem * var(--font-scale));--fs-md: calc(1rem * var(--font-scale));--fs: calc(1.125rem * var(--font-scale));--fs-l: calc(1.1375rem * var(--font-scale));--fs-xl: calc(1.5rem * var(--font-scale));--fs-xxl: calc(1.75rem * var(--font-scale));--fs-mega: calc(2.25rem * var(--font-scale));--lh-flat: 1;--lh-tight: 1.15;--lh-snug: 1.25;--lh: 1.4;--lh-body: 1.5;--lh-loose: 1.65;--ls-tight: -.01em;--ls-normal: 0em;--ls-wide: .04em;--ls-wider: .08em;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--fw-black: 900;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-brand: "Inria Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--brand: hsl(var(--brand-h) var(--brand-s) var(--brand-l));--brand-weak: hsl(var(--brand-h) 100% 96%);--brand-soft: hsl(var(--brand-h) 100% 92%);--brand-strong: hsl(var(--brand-h) 100% 40%);--accent: hsl(var(--accent-h) var(--accent-s) var(--accent-l));--accent-weak: hsl(var(--accent-h) 92% 96%);--accent-soft: hsl(var(--accent-h) 92% 92%);--accent-strong: hsl(var(--accent-h) 92% 44%);--text-1: rgba(0, 0, 0, .88);--text-2: rgba(0, 0, 0, .68);--text-3: rgba(0, 0, 0, .55);--text-inv: white;--on-brand: white;--on-accent: black;--surface-0: var(--zinc-25);--surface-1: var(--zinc-0);--surface-2: var(--zinc-50);--surface-3: var(--zinc-100);--surface-muted: var(--zinc-50);--surface-subtle: var(--zinc-25);--border-1: rgba(0, 0, 0, .1);--border-2: rgba(0, 0, 0, .06);--border-3: rgba(0, 0, 0, .16);--divider: color-mix(in oklab, var(--text-1) 8%, transparent);--focus-ring: 0 0 0 4px color-mix(in oklab, var(--accent) 18%, transparent);--focus-outline: 2px solid color-mix(in oklab, var(--accent) 38%, transparent);--input-pad: var(--space-4);--input-bg: var(--surface-1);--input-border: var(--border-1);--input-border-hover: rgba(0, 0, 0, .16);--input-border-focus: rgba(124, 58, 237, .28);--input-border-focus: color-mix(in oklab, var(--accent) 40%, transparent);--hit: 44px;--control-height: var(--hit);--control-height-sm: 40px;--control-radius: var(--r);--control-radius-inner: var(--r-inner);--control-pad-x: .9rem;--control-pad-y: .65rem;--input-max-visible-items: 5;--control-bg: var(--input-bg);--control-bg-hover: color-mix(in oklab, var(--text-1) 3%, transparent);--control-bg-disabled: color-mix(in oklab, var(--surface-1) 92%, var(--surface-0));--control-shadow: 0 1px 0 rgba(255, 255, 255, .6) inset;--control-border: var(--input-border);--control-border-hover: var(--input-border-hover);--control-border-focus: color-mix(in oklab, var(--accent) 50%, var(--input-border));--control-text: var(--text-1);--control-placeholder: color-mix(in oklab, var(--text-3) 82%, transparent);--link: color-mix(in oklab, var(--accent) 95%, black);--link-hover: color-mix(in oklab, var(--accent) 88%, black);--link-visited: color-mix(in oklab, var(--brand) 72%, black);--disabled-opacity: .55;--disabled-text: color-mix(in oklab, var(--text-2) 65%, transparent);--success: hsl(var(--success-h) var(--success-s) var(--success-l));--success-bg: hsl(var(--success-h) 60% 96%);--success-text: color-mix(in oklab, var(--success) 72%, black);--success-border: color-mix(in oklab, var(--success) 28%, transparent);--warning: hsl(var(--warning-h) var(--warning-s) var(--warning-l));--warning-bg: hsl(var(--warning-h) 95% 94%);--warning-text: color-mix(in oklab, var(--warning) 72%, black);--warning-border: color-mix(in oklab, var(--warning) 30%, transparent);--danger: hsl(var(--danger-h) var(--danger-s) var(--danger-l));--danger-bg: hsl(var(--danger-h) 75% 96%);--danger-text: color-mix(in oklab, var(--danger) 72%, black);--danger-border: color-mix(in oklab, var(--danger) 28%, transparent);--money-bg: color-mix(in oklab, var(--success) 12%, var(--surface-1));--care-bg: color-mix(in oklab, var(--accent) 12%, var(--surface-1));--popover-bg: var(--surface-2);--popover-border: var(--border-2);--popover-shadow: var(--elev-2);--help-text: var(--text-3);--help-danger: color-mix(in oklab, var(--danger) 72%, var(--text-1));--help-success: color-mix(in oklab, var(--success) 70%, var(--text-1));--shell-bg: var(--surface-0);--content-bg: var(--surface-1);--nav-bg: var(--surface-2);--panel-bg: var(--surface-2);--header-bg: var(--surface-2);--shell-border: var(--border-2);--shell-inset-highlight: 0 1px 0 rgba(255, 255, 255, .6) inset;--shell-inset-highlight-side: 1px 0 0 rgba(255, 255, 255, .6) inset;--nav-text: var(--text-2);--nav-text-muted: var(--text-3);--nav-active: var(--brand);--nav-title-size: .75rem;--nav-title-tracking: var(--ls-wider);--nav-item-radius: var(--r);--nav-item-padding-y: .55rem;--nav-item-padding-x: .75rem;--nav-hover-bg: color-mix(in oklab, var(--text-1) 3%, transparent);--nav-active-bg: color-mix(in oklab, var(--brand) 10%, transparent);--nav-active-text: color-mix(in oklab, var(--brand) 75%, black);--nav-rail: color-mix(in oklab, var(--text-1) 10%, transparent);--nav-rail-active: color-mix(in oklab, var(--brand) 35%, transparent);--icon-muted: color-mix(in oklab, var(--text-2) 55%, transparent);--scrollbar-thumb: color-mix(in oklab, var(--text-1) 18%, transparent);--scrollbar-track: transparent;--card-radius: var(--r-l);--card-radius-lg: var(--r-xl);--card-pad: clamp(14px, 1.2vw, 18px);--card-gap: clamp(12px, 1vw, 18px);--card-border: color-mix(in oklab, var(--text-1) 10%, transparent);--card-border-soft: color-mix(in oklab, var(--text-1) 7%, transparent);--elev-0: none;--elev-1: 0 1px 0 rgba(255, 255, 255, .6) inset, 0 10px 26px rgba(0, 0, 0, .06);--elev-2: 0 1px 0 rgba(255, 255, 255, .55) inset, 0 16px 40px rgba(0, 0, 0, .1);--elev-3: 0 1px 0 rgba(255, 255, 255, .5) inset, 0 22px 70px rgba(0, 0, 0, .12);--lift-y: 2px;--z-base: 0;--z-1: 10;--z-2: 20;--z-sticky: 10;--z-header: 200;--z-sidebar: 80;--z-panel: 70;--z-checkout: 110;--z-toast: 1100;--z-backdrop: 2000;--z-modal: 2100;--z-tooltip: 2200;--z-dropdown: 2200;--z-transition: 3000;--bg-hover: #f1f1f1;--selection-bg: color-mix(in oklab, var(--accent) 25%, transparent);--selection-text: var(--text-1);--error: hsl(4, 90%, 70%);--bg-dropdown-item-active: hsl(0, 0%, 98%);--clr-dropdown-item-active: #181d27}}@layer tokens{html[data-theme=dark]{--surface-0: var(--zinc-900);--surface-1: color-mix(in oklab, var(--zinc-900) 92%, white);--surface-2: color-mix(in oklab, var(--zinc-900) 86%, white);--surface-3: color-mix(in oklab, var(--zinc-900) 78%, white);--surface-muted: color-mix(in oklab, var(--surface-1) 88%, black);--surface-subtle: color-mix(in oklab, var(--surface-0) 92%, white);--text-1: rgba(255, 255, 255, .92);--text-2: rgba(255, 255, 255, .72);--text-3: rgba(255, 255, 255, .58);--text-inv: black;--on-brand: white;--on-accent: black;--border-1: rgba(255, 255, 255, .12);--border-2: rgba(255, 255, 255, .08);--border-3: rgba(255, 255, 255, .16);--divider: rgba(255, 255, 255, .1);--input-bg: rgba(255, 255, 255, .03);--input-border: rgba(255, 255, 255, .12);--input-border-hover: rgba(255, 255, 255, .18);--input-border-focus: color-mix(in oklab, var(--accent) 45%, transparent);--control-bg: var(--input-bg);--control-bg-hover: rgba(255, 255, 255, .05);--control-bg-disabled: color-mix(in oklab, var(--surface-1) 92%, var(--surface-0));--control-shadow: 0 1px 0 rgba(255, 255, 255, .04) inset;--control-border: var(--input-border);--control-border-hover: var(--input-border-hover);--control-border-focus: color-mix(in oklab, var(--accent) 55%, var(--input-border));--control-text: var(--text-1);--control-placeholder: color-mix(in oklab, var(--text-3) 82%, transparent);--link: color-mix(in oklab, var(--accent) 85%, white);--link-hover: color-mix(in oklab, var(--accent) 92%, white);--link-visited: color-mix(in oklab, var(--brand) 82%, white);--bg-hover: rgba(255, 255, 255, .04);--brand-weak: color-mix(in oklab, var(--brand) 14%, transparent);--brand-soft: color-mix(in oklab, var(--brand) 22%, transparent);--accent-weak: color-mix(in oklab, var(--accent) 12%, transparent);--accent-soft: color-mix(in oklab, var(--accent) 18%, transparent);--success-bg: rgba(34, 197, 94, .12);--warning-bg: rgba(234, 179, 8, .14);--danger-bg: rgba(239, 68, 68, .12);--success-text: color-mix(in oklab, var(--success) 70%, white);--warning-text: color-mix(in oklab, var(--warning) 70%, white);--danger-text: color-mix(in oklab, var(--danger) 70%, white);--success-border: color-mix(in oklab, var(--success) 26%, transparent);--warning-border: color-mix(in oklab, var(--warning) 28%, transparent);--danger-border: color-mix(in oklab, var(--danger) 26%, transparent);--focus-ring: 0 0 0 4px color-mix(in oklab, var(--accent) 18%, transparent);--focus-outline: 2px solid color-mix(in oklab, var(--accent) 38%, transparent);--elev-0: none;--elev-1: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 10px 26px rgba(0, 0, 0, .35);--elev-2: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 16px 40px rgba(0, 0, 0, .45);--elev-3: 0 1px 0 rgba(255, 255, 255, .05) inset, 0 22px 70px rgba(0, 0, 0, .55);--card-border: rgba(255, 255, 255, .14);--card-border-soft: rgba(255, 255, 255, .1);--shell-inset-highlight: 0 1px 0 rgba(255, 255, 255, .06) inset;--shell-inset-highlight-side: 1px 0 0 rgba(255, 255, 255, .06) inset;--nav-hover-bg: rgba(255, 255, 255, .05);--nav-active-bg: color-mix(in oklab, var(--brand) 16%, transparent);--nav-active-text: color-mix(in oklab, var(--brand) 80%, white);--nav-rail: rgba(255, 255, 255, .1);--nav-rail-active: color-mix(in oklab, var(--brand) 45%, transparent);--scrollbar-thumb: rgba(255, 255, 255, .18);--popover-bg: var(--surface-2);--popover-border: var(--border-2);--popover-shadow: var(--elev-2);--selection-bg: color-mix(in oklab, var(--accent) 30%, transparent);--selection-text: var(--text-1)}@media(prefers-color-scheme:dark){html:not([data-theme]){--surface-0: var(--zinc-900);--surface-1: color-mix(in oklab, var(--zinc-900) 92%, white);--surface-2: color-mix(in oklab, var(--zinc-900) 86%, white);--surface-3: color-mix(in oklab, var(--zinc-900) 78%, white);--surface-muted: color-mix(in oklab, var(--surface-1) 88%, black);--surface-subtle: color-mix(in oklab, var(--surface-0) 92%, white);--text-1: rgba(255, 255, 255, .92);--text-2: rgba(255, 255, 255, .72);--text-3: rgba(255, 255, 255, .58);--text-inv: black;--on-brand: white;--on-accent: black;--border-1: rgba(255, 255, 255, .12);--border-2: rgba(255, 255, 255, .08);--border-3: rgba(255, 255, 255, .16);--divider: rgba(255, 255, 255, .1);--input-bg: rgba(255, 255, 255, .03);--input-border: rgba(255, 255, 255, .12);--input-border-hover: rgba(255, 255, 255, .18);--input-border-focus: color-mix(in oklab, var(--accent) 45%, transparent);--control-bg: var(--input-bg);--control-bg-hover: rgba(255, 255, 255, .05);--control-bg-disabled: color-mix(in oklab, var(--surface-1) 92%, var(--surface-0));--control-shadow: 0 1px 0 rgba(255, 255, 255, .04) inset;--control-border: var(--input-border);--control-border-hover: var(--input-border-hover);--control-border-focus: color-mix(in oklab, var(--accent) 55%, var(--input-border));--control-text: var(--text-1);--control-placeholder: color-mix(in oklab, var(--text-3) 82%, transparent);--link: color-mix(in oklab, var(--accent) 85%, white);--link-hover: color-mix(in oklab, var(--accent) 92%, white);--link-visited: color-mix(in oklab, var(--brand) 82%, white);--bg-hover: rgba(255, 255, 255, .04);--brand-weak: color-mix(in oklab, var(--brand) 14%, transparent);--brand-soft: color-mix(in oklab, var(--brand) 22%, transparent);--accent-weak: color-mix(in oklab, var(--accent) 12%, transparent);--accent-soft: color-mix(in oklab, var(--accent) 18%, transparent);--success-bg: rgba(34, 197, 94, .12);--warning-bg: rgba(234, 179, 8, .14);--danger-bg: rgba(239, 68, 68, .12);--success-text: color-mix(in oklab, var(--success) 70%, white);--warning-text: color-mix(in oklab, var(--warning) 70%, white);--danger-text: color-mix(in oklab, var(--danger) 70%, white);--success-border: color-mix(in oklab, var(--success) 26%, transparent);--warning-border: color-mix(in oklab, var(--warning) 28%, transparent);--danger-border: color-mix(in oklab, var(--danger) 26%, transparent);--focus-ring: 0 0 0 4px color-mix(in oklab, var(--accent) 18%, transparent);--focus-outline: 2px solid color-mix(in oklab, var(--accent) 38%, transparent);--elev-0: none;--elev-1: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 10px 26px rgba(0, 0, 0, .35);--elev-2: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 16px 40px rgba(0, 0, 0, .45);--elev-3: 0 1px 0 rgba(255, 255, 255, .05) inset, 0 22px 70px rgba(0, 0, 0, .55);--card-border: rgba(255, 255, 255, .14);--card-border-soft: rgba(255, 255, 255, .1);--shell-inset-highlight: 0 1px 0 rgba(255, 255, 255, .06) inset;--shell-inset-highlight-side: 1px 0 0 rgba(255, 255, 255, .06) inset;--nav-hover-bg: rgba(255, 255, 255, .05);--nav-active-bg: color-mix(in oklab, var(--brand) 16%, transparent);--nav-active-text: color-mix(in oklab, var(--brand) 80%, white);--nav-rail: rgba(255, 255, 255, .1);--nav-rail-active: color-mix(in oklab, var(--brand) 45%, transparent);--scrollbar-thumb: rgba(255, 255, 255, .18);--popover-bg: var(--surface-2);--popover-border: var(--border-2);--popover-shadow: var(--elev-2);--selection-bg: color-mix(in oklab, var(--accent) 30%, transparent);--selection-text: var(--text-1)}}}html[data-theme=dark]{color-scheme:dark}html[data-theme=light]{color-scheme:light}@media(prefers-color-scheme:dark){html:not([data-theme]){color-scheme:dark}}@layer tokens{html[data-mode=senior]{--font-scale: 1.25;--lh-body: 1.6;--lh-loose: 1.75;--hit: 48px;--control-height: var(--hit);--input-pad: calc(var(--space-4) * 1.15);--card-pad: clamp(18px, 1.6vw, 24px);--card-gap: clamp(14px, 1.4vw, 22px);--lift-y: 0px;--dur-1: 0ms;--dur-2: .12s;--dur-3: .18s;--dur-4: .25s;--divider: color-mix(in oklab, var(--text-1) 12%, transparent)}}@layer utilities{.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::selection{background:var(--selection-bg);color:var(--selection-text)}}@media(prefers-reduced-motion:reduce){:root{--dur-1: 0ms;--dur-2: 0ms;--dur-3: 0ms;--dur-menu: 0ms;--dur-overlay: 0ms;--dur-slow: 0ms;--lift-y: 0px}}