:root{--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--text-2xs:0.6875rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.75rem;--text-2xl:2.25rem;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.06em;--tracking-wider:0.12em;--green-50:#f0fdf4;--green-100:#dcfce7;--green-200:#7bf1a8;--green-300:#05df72;--green-400:#00c950;--green-500:#00a63e;--green-600:#008236;--green-700:#016630;--green-800:#0d542b;--green-900:#052e16;--gray-0:#ffffff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5dc;--gray-400:#9ca3af;--gray-500:#6a7282;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--gray-950:#0a0d14;--amber-100:#fef3c7;--amber-500:#d97706;--amber-700:#92400e;--red-100:#fee2e2;--red-500:#dc2626;--red-600:#b91c1c;--red-700:#991b1b;--color-surface-page:var(--gray-50);--color-surface-raised:var(--gray-0);--color-surface-sunken:var(--gray-100);--color-surface-sidebar:var(--gray-0);--color-surface-selected:var(--green-50);--color-surface-hover:var(--gray-100);--color-surface-overlay:rgba(17,24,39,0.45);--color-text-primary:var(--gray-900);--color-text-secondary:var(--gray-500);--color-text-muted:var(--gray-400);--color-text-inverse:var(--gray-0);--color-text-accent:var(--green-600);--color-border-subtle:var(--gray-200);--color-border-strong:var(--gray-300);--color-border-focus:var(--green-500);--color-accent:var(--green-600);--color-accent-hover:var(--green-700);--color-accent-subtle:var(--green-100);--color-on-accent:var(--gray-0);--color-danger:var(--red-500);--color-danger-hover:var(--red-600);--color-danger-subtle:var(--red-100);--color-on-danger:var(--gray-0);--color-expiry-fresh:var(--green-600);--color-expiry-fresh-surface:var(--green-100);--color-expiry-warning:var(--amber-500);--color-expiry-warning-surface:var(--amber-100);--color-expiry-likely-bad:var(--red-500);--color-expiry-likely-bad-surface:var(--red-100);--color-prep:#6d28d9;--color-prep-surface:#ede9fe;--color-prep-border:#c4b5fd;--color-custom:#1e40af;--color-custom-surface:#dbeafe;--color-custom-border:#93c5fd;--color-accent-wash:rgba(0,130,54,0.1);--color-prep-wash:rgba(109,40,217,0.16);--color-expiry-warning-wash:rgba(217,119,6,0.1);--color-scrim-image:rgba(0,0,0,0.4);--color-border-on-image:rgba(0,0,0,0.1);--space-3xs:2px;--space-2xs:4px;--space-xs:6px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--size-touch-target:48px;--size-sidebar:248px;--size-sidebar-rail:76px;--size-detail-pane:380px;--size-content-max:1100px;--elevation-0:none;--elevation-1:0 1px 2px rgba(17,24,39,0.06);--elevation-2:0 2px 8px rgba(17,24,39,0.08);--elevation-3:0 12px 32px rgba(17,24,39,0.18);--duration-fast:120ms;--duration-base:200ms;--easing-standard:cubic-bezier(0.2,0,0,1)}@media (prefers-color-scheme:dark){:root{--color-surface-page:var(--gray-950);--color-surface-raised:var(--gray-900);--color-surface-sunken:#161b26;--color-surface-sidebar:var(--gray-900);--color-surface-selected:rgba(0,166,62,0.16);--color-surface-hover:rgba(255,255,255,0.05);--color-surface-overlay:rgba(0,0,0,0.6);--color-text-primary:var(--gray-50);--color-text-secondary:var(--gray-400);--color-text-muted:var(--gray-500);--color-text-inverse:var(--gray-900);--color-text-accent:var(--green-300);--color-border-subtle:rgba(255,255,255,0.09);--color-border-strong:rgba(255,255,255,0.18);--color-border-focus:var(--green-300);--color-accent:var(--green-400);--color-accent-hover:var(--green-300);--color-accent-subtle:rgba(0,166,62,0.22);--color-on-accent:var(--gray-950);--color-danger:#f87171;--color-danger-hover:#fca5a5;--color-danger-subtle:rgba(220,38,38,0.22);--color-on-danger:var(--gray-950);--color-expiry-fresh:var(--green-300);--color-expiry-fresh-surface:rgba(0,166,62,0.18);--color-expiry-warning:#fbbf24;--color-expiry-warning-surface:rgba(217,119,6,0.22);--color-expiry-likely-bad:#f87171;--color-expiry-likely-bad-surface:rgba(220,38,38,0.22);--color-accent-wash:rgba(0,201,80,0.14);--color-prep-wash:rgba(196,181,253,0.2);--color-expiry-warning-wash:rgba(251,191,36,0.14);--color-scrim-image:rgba(0,0,0,0.55);--color-border-on-image:rgba(255,255,255,0.18);--color-prep:#c4b5fd;--color-prep-surface:rgba(109,40,217,0.28);--color-prep-border:rgba(196,181,253,0.5);--color-custom:#93c5fd;--color-custom-surface:rgba(30,64,175,0.3);--color-custom-border:rgba(147,197,253,0.5);--elevation-1:0 1px 2px rgba(0,0,0,0.5);--elevation-2:0 2px 8px rgba(0,0,0,0.55);--elevation-3:0 12px 32px rgba(0,0,0,0.7)}}*,:after,:before{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background:var(--color-surface-page);-webkit-font-smoothing:antialiased}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}