#menu-search { padding: 0.5rem 0.75rem; border-radius: var(--radius); border: 1px solid color-mix(in oklab, var(--color-text) 20%, transparent); background: var(--color-surface); color: var(--color-text); max-width: 22rem; }
  .allergen-chip { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.8rem; padding: 0.25rem 0.6rem; border: 1px solid color-mix(in oklab, var(--color-text) 20%, transparent); border-radius: 999px; cursor: pointer; }
  .allergen-chip:has(input:checked) { border-color: var(--color-accent); background: color-mix(in oklab, var(--color-accent) 12%, transparent); }