:root{--kf-neutral-0: #ffffff;--kf-neutral-50: #f5f6f8;--kf-neutral-100: #e6e8ec;--kf-neutral-200: #c9cdd5;--kf-neutral-300: #a7adb9;--kf-neutral-400: #8b93a1;--kf-neutral-500: #5f6775;--kf-neutral-600: #3a3f4a;--kf-neutral-700: #2c313b;--kf-neutral-750: #262a33;--kf-neutral-800: #1a1d24;--kf-neutral-850: #14171d;--kf-neutral-900: #0f1218;--kf-neutral-950: #0f1115;--kf-blue-300: #9cc3ff;--kf-blue-400: #7bb0ff;--kf-blue-500: #5b9dff;--kf-blue-600: #3f7fe0;--kf-blue-700: #2d62b3;--kf-blue-ink: #06101f;--kf-red-400: #ff8a8a;--kf-red-500: #ff6b6b;--kf-red-600: #e04848;--kf-green-400: #4ade80;--kf-green-500: #22c55e;--kf-green-600: #16a34a;--kf-amber-400: #fbbf24;--kf-amber-500: #f59e0b;--kf-amber-600: #d97706;--kf-chart-1: #5b9dff;--kf-chart-2: #22c55e;--kf-chart-3: #f59e0b;--kf-chart-4: #a78bfa;--kf-chart-5: #f472b6;--kf-holo-300: #9fe9fa;--kf-holo-400: #6fe0f6;--kf-holo-500: #49d7f2;--kf-holo-rgb: 73, 215, 242;--kf-gauge-fill: #f59e0b;--kf-gauge-track: #3a2410;--kf-alert: #ff3b30;--kf-underglow: #1b4f8f;--kf-metal-edge: #2a2f38;--kf-font-display: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--kf-font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--kf-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--kf-font-sans: var(--kf-font-body);--kf-size-xs: .75rem;--kf-size-sm: .875rem;--kf-size-base: 1rem;--kf-size-lg: 1.125rem;--kf-size-xl: 1.6rem;--kf-size-2xl: 2rem;--kf-size-3xl: 2.5rem;--kf-weight-regular: 400;--kf-weight-medium: 500;--kf-weight-semibold: 600;--kf-weight-bold: 700;--kf-leading-tight: 1.2;--kf-leading-normal: 1.5;--kf-space-0: 0;--kf-space-1: 4px;--kf-space-2: 8px;--kf-space-3: 12px;--kf-space-4: 16px;--kf-space-6: 24px;--kf-space-8: 32px;--kf-space-12: 48px;--kf-space-16: 64px;--kf-radius-sm: 8px;--kf-radius-md: 12px;--kf-radius-lg: 16px;--kf-radius-full: 999px;--kf-shadow-card: 0 1px 2px rgba(0, 0, 0, .3);--kf-shadow-pop: 0 8px 24px rgba(0, 0, 0, .4);--kf-ring: 0 0 0 3px rgba(91, 157, 255, .45);--kf-content-max: 640px;--kf-ease: cubic-bezier(.2, 0, 0, 1);--kf-duration: .16s;--color-bg: var(--kf-neutral-950);--color-surface: var(--kf-neutral-800);--color-surface-alt: var(--kf-neutral-850);--color-surface-border: var(--kf-neutral-750);--color-text: var(--kf-neutral-100);--color-text-muted: var(--kf-neutral-400);--color-text-on-accent: var(--kf-blue-ink);--color-primary: var(--kf-blue-500);--color-primary-hover: var(--kf-blue-400);--color-primary-active: var(--kf-blue-600);--color-focus-ring: var(--kf-ring);--color-field-bg: var(--kf-neutral-900);--color-field-border: var(--kf-neutral-700);--color-field-text: var(--kf-neutral-100);--color-danger: var(--kf-red-500);--color-success: var(--kf-green-500);--color-warning: var(--kf-amber-500);--color-on-status: var(--kf-neutral-950);--color-holo: var(--kf-holo-500);--color-holo-glow: 0 0 24px rgba(var(--kf-holo-rgb), .55);--color-gauge-fill: var(--kf-gauge-fill);--color-gauge-track: var(--kf-gauge-track);--color-alert: var(--kf-alert);--color-underglow: var(--kf-underglow);--color-panel-edge: var(--kf-metal-edge);--color-sigil: var(--kf-neutral-100);--text-family: var(--kf-font-body);--text-family-display: var(--kf-font-display);--text-family-mono: var(--kf-font-mono);--text-display: var(--kf-size-xl);--text-heading: var(--kf-size-lg);--text-body: var(--kf-size-base);--text-small: var(--kf-size-sm);--text-leading: var(--kf-leading-normal);--space-inset: var(--kf-space-4);--space-stack: var(--kf-space-4);--space-inline: var(--kf-space-2);--radius-control: var(--kf-radius-sm);--radius-card: var(--kf-radius-md)}[data-color-scheme=light]{--color-bg: var(--kf-neutral-50);--color-surface: var(--kf-neutral-0);--color-surface-alt: var(--kf-neutral-50);--color-surface-border: var(--kf-neutral-200);--color-text: var(--kf-neutral-900);--color-text-muted: var(--kf-neutral-500);--color-text-on-accent: var(--kf-neutral-0);--color-primary: var(--kf-blue-600);--color-primary-hover: var(--kf-blue-500);--color-primary-active: var(--kf-blue-700);--color-field-bg: var(--kf-neutral-0);--color-field-border: var(--kf-neutral-200);--color-field-text: var(--kf-neutral-900);--color-danger: var(--kf-red-600);--color-success: var(--kf-green-600);--color-warning: var(--kf-amber-600);--color-on-status: var(--kf-neutral-0);--color-holo: #0e9bb5;--color-holo-glow: 0 0 16px rgba(14, 155, 181, .3);--color-gauge-track: #e6d3b3;--color-panel-edge: var(--kf-neutral-200);--color-sigil: var(--kf-neutral-900);--kf-shadow-card: 0 1px 2px rgba(15, 17, 21, .08);--kf-shadow-pop: 0 8px 24px rgba(15, 17, 21, .16)}@media (prefers-color-scheme: light){:root:not([data-color-scheme=dark]){--color-bg: var(--kf-neutral-50);--color-surface: var(--kf-neutral-0);--color-surface-alt: var(--kf-neutral-50);--color-surface-border: var(--kf-neutral-200);--color-text: var(--kf-neutral-900);--color-text-muted: var(--kf-neutral-500);--color-text-on-accent: var(--kf-neutral-0);--color-primary: var(--kf-blue-600);--color-field-bg: var(--kf-neutral-0);--color-field-border: var(--kf-neutral-200);--color-field-text: var(--kf-neutral-900)}}*,*:before,*:after{box-sizing:border-box}html{background:var(--color-bg);color:var(--color-text);font-family:var(--text-family);font-size:16px;line-height:var(--text-leading);-webkit-font-smoothing:antialiased}body{margin:0;min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover);text-decoration:underline}h1,h2,h3{font-family:var(--text-family-display);line-height:var(--kf-leading-tight);margin:0 0 var(--kf-space-3)}h1{font-size:var(--kf-size-2xl)}h2{font-size:var(--kf-size-xl)}h3{font-size:var(--kf-size-lg)}p{margin:0 0 var(--kf-space-4)}.eyebrow{font-family:var(--text-family-mono);font-size:var(--kf-size-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 var(--kf-space-2)}.container{width:100%;max-width:960px;margin:0 auto;padding:0 var(--kf-space-4)}main{flex:1 0 auto;padding:var(--kf-space-8) 0 var(--kf-space-16)}.site-header{border-bottom:1px solid var(--color-surface-border);background:var(--color-surface-alt)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--kf-space-4);padding:var(--kf-space-4) var(--kf-space-4);max-width:960px;margin:0 auto}.site-header__brand{font-family:var(--text-family-display);font-weight:var(--kf-weight-bold);font-size:var(--kf-size-lg);color:var(--color-text)}.site-header__brand:hover{text-decoration:none}.site-nav{display:flex;flex-wrap:wrap;gap:var(--kf-space-4);font-size:var(--text-small)}.site-nav a{color:var(--color-text-muted)}.site-nav a:hover{color:var(--color-text)}.site-footer{flex-shrink:0;border-top:1px solid var(--color-surface-border);background:var(--color-surface-alt);color:var(--color-text-muted);font-size:var(--text-small)}.site-footer__inner{max-width:960px;margin:0 auto;padding:var(--kf-space-6) var(--kf-space-4);display:flex;flex-wrap:wrap;gap:var(--kf-space-4);justify-content:space-between}.crumbs{font-size:var(--text-small);color:var(--color-text-muted);margin:0 0 var(--kf-space-4)}.crumbs a{color:var(--color-text-muted)}.crumbs a:hover,.crumbs span[aria-current]{color:var(--color-text)}.hero{padding:var(--kf-space-8) 0 var(--kf-space-6)}.hero h1{font-size:var(--kf-size-3xl);max-width:18ch}.hero p{max-width:60ch;color:var(--color-text-muted);font-size:var(--kf-size-lg)}.section-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--kf-space-4);margin:var(--kf-space-6) 0}.card{display:block;background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:var(--radius-card);padding:var(--space-inset);box-shadow:var(--kf-shadow-card);color:inherit;transition:border-color var(--kf-duration) var(--kf-ease),transform var(--kf-duration) var(--kf-ease)}.card:hover{text-decoration:none;border-color:var(--color-primary);transform:translateY(-1px)}.card__title{font-family:var(--text-family-display);font-weight:var(--kf-weight-semibold);margin:0 0 var(--kf-space-1)}.card__meta{font-size:var(--text-small);color:var(--color-text-muted)}.listing{list-style:none;margin:var(--kf-space-4) 0;padding:0;display:grid;gap:var(--kf-space-2)}.listing li{display:flex;align-items:baseline;justify-content:space-between;gap:var(--kf-space-3);padding:var(--kf-space-3) var(--space-inset);background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:var(--radius-control)}.listing__name{font-weight:var(--kf-weight-medium)}.listing__meta{font-size:var(--text-small);color:var(--color-text-muted);font-family:var(--text-family-mono)}.badge{display:inline-flex;align-items:center;gap:var(--kf-space-1);font-family:var(--text-family-mono);font-size:var(--kf-size-xs);padding:2px var(--kf-space-2);border-radius:var(--kf-radius-full);border:1px solid var(--color-surface-border);color:var(--color-text-muted);background:var(--color-surface-alt)}.badge--animal{color:var(--color-success);border-color:var(--color-success)}.badge--plant{color:var(--color-holo);border-color:var(--color-holo)}.badge--controversial{color:var(--color-warning);border-color:var(--color-warning)}.spec{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--kf-space-3);margin:var(--kf-space-4) 0;padding:0}.spec div{background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:var(--radius-control);padding:var(--kf-space-3)}.spec dt{font-family:var(--text-family-mono);font-size:var(--kf-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin:0 0 var(--kf-space-1)}.spec dd{margin:0;font-size:var(--kf-size-lg)}.ingredient-list{list-style:none;counter-reset:ingredient;margin:var(--kf-space-4) 0;padding:0;display:grid;gap:var(--kf-space-1)}.ingredient-list li{counter-increment:ingredient;display:flex;align-items:baseline;gap:var(--kf-space-3);padding:var(--kf-space-2) var(--kf-space-3);border-radius:var(--radius-control);background:var(--color-surface);border:1px solid var(--color-surface-border)}.ingredient-list li:before{content:counter(ingredient);font-family:var(--text-family-mono);font-size:var(--kf-size-xs);color:var(--color-text-muted);min-width:1.5em;text-align:right}.ingredient-list .raw{color:var(--color-text-muted);font-size:var(--text-small)}.note{border-left:3px solid var(--color-warning);background:var(--color-surface);border-radius:var(--radius-control);padding:var(--kf-space-3) var(--space-inset);margin:var(--kf-space-4) 0;font-size:var(--text-small)}.empty{color:var(--color-text-muted);padding:var(--kf-space-8) 0;text-align:center;font-style:italic}.sources{font-size:var(--text-small);color:var(--color-text-muted);margin-top:var(--kf-space-6)}.filter{display:grid;grid-template-columns:minmax(220px,280px) 1fr;gap:var(--kf-space-6);margin-top:var(--kf-space-6)}@media (max-width: 720px){.filter{grid-template-columns:1fr}}.filter__controls{align-self:start;position:sticky;top:var(--kf-space-4);display:grid;gap:var(--kf-space-4);background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:var(--radius-card);padding:var(--space-inset)}.filter__group{display:grid;gap:var(--kf-space-2)}.filter__group>legend,.filter__group>.label{font-family:var(--text-family-mono);font-size:var(--kf-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);padding:0;margin:0 0 var(--kf-space-1)}.filter__group label{display:flex;align-items:center;gap:var(--kf-space-2);font-size:var(--text-small)}.filter__group input[type=number]{width:100%;padding:var(--kf-space-2);background:var(--color-field-bg);border:1px solid var(--color-field-border);color:var(--color-field-text);border-radius:var(--radius-control);font:inherit}.filter__count{font-family:var(--text-family-mono);font-size:var(--text-small);color:var(--color-text-muted);margin-bottom:var(--kf-space-3)}.filter button{font:inherit;font-weight:var(--kf-weight-semibold);cursor:pointer;padding:var(--kf-space-2) var(--kf-space-4);border-radius:var(--radius-control);border:1px solid var(--color-surface-border);background:var(--color-surface-alt);color:var(--color-text)}.filter button[data-variant=primary]{background:var(--color-primary);color:var(--color-text-on-accent);border-color:var(--color-primary)}.filter__results{display:grid;gap:var(--kf-space-2);align-content:start}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header__app-cta[data-astro-cid-ctg3m53h]{white-space:nowrap;font-weight:600;padding:6px 14px;border:1px solid var(--color-primary);border-radius:var(--kf-radius-full, 999px);text-decoration:none;color:var(--color-primary);transition:background-color .15s ease,color .15s ease}.site-header__app-cta[data-astro-cid-ctg3m53h]:hover,.site-header__app-cta[data-astro-cid-ctg3m53h]:focus-visible{background:var(--color-primary);color:var(--color-text-on-accent)}