body { font-family: system-ui, sans-serif; max-width: 42rem; margin: 2rem auto; padding: 0 1rem; line-height: 1.5; }
input[type=search] { width: 100%; padding: .5rem; font-size: 1rem; box-sizing: border-box; }
turbo-frame#suggestions { display: flex; flex-wrap: wrap; gap: .25rem; margin: .5rem 0; }
.chips { display: flex; flex-wrap: wrap; gap: .5rem; padding: 0; list-style: none; }
.chips li { display: flex; align-items: center; gap: .25rem; background: #eef; border-radius: 1rem; padding: .1rem .6rem; }
.chips form, turbo-frame form { display: inline; }
.chips button { border: none; background: none; cursor: pointer; font-size: 1rem; }
.pantry { color: #666; font-size: .9rem; }
.recipes { padding: 0; list-style: none; }
.recipes li { padding: .5rem 0; border-bottom: 1px solid #eee; }
.recipes span, .recipes small { display: block; color: #666; }
.missing li { color: #b00; }
.photo { max-width: 100%; border-radius: .5rem; }