Update src/app.css

src/app.css

@@ -75,3 +75,27 @@ html, body {
 @media (max-width: 640px) {     /* mobile: shrink */
   .figure img.resp { height: 96px; }
 }
+
+/* Food switcher buttons */
+.switcher {
+  display: flex;
+  gap: 10px;
+  margin: 16px 0 12px;
+}
+.switcher button {
+  border: 1px solid #ccd1ff;
+  padding: 8px 14px;
+  border-radius: 999px;
+  background: var(--brand-white);
+  color: var(--brand-bg);
+  font-weight: 700;
+  cursor: pointer;
+  transition: background .15s ease, box-shadow .15s ease, transform .02s ease;
+}
+.switcher button:hover { box-shadow: 0 0 0 2px rgba(185,192,255,.7) inset; }
+.switcher button:active { transform: translateY(1px); }
+.switcher button.selected,
+.switcher button[aria-selected="true"] {
+  background: #e6e9ff;
+  box-shadow: 0 0 0 2px #b9c0ff inset;
+}