*,:before,:after{box-sizing:border-box}body{margin:0}main{color:#222;max-width:34rem;margin:3rem auto;padding:0 1rem;font-family:system-ui,sans-serif}h1{font-size:1.6rem}.search label{margin-bottom:.4rem;font-weight:600;display:block}.search input{border:1px solid #bbb;border-radius:4px;width:100%;padding:.6rem .7rem;font-size:1rem}.combo{border-radius:4px}.combo:has(input:focus){outline:2px solid #4a7}.search input:focus{outline:none}.suggestions-panel{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .18s,opacity .14s;display:grid}.suggestions-panel.open{opacity:1;grid-template-rows:1fr}.suggestions{border:1px solid #bbb;border-top:none;border-radius:0 0 4px 4px;min-height:0;margin:0;padding:0;list-style:none;overflow:hidden}.search:has(.suggestions-panel.open) input{border-radius:4px 4px 0 0}.suggestions li{cursor:pointer;justify-content:space-between;gap:1rem;padding:.5rem .7rem;display:flex}.suggestions li.active{background:#eef6f1}.suggestions .count{color:#777;white-space:nowrap;font-size:.85rem}.pantry-header{justify-content:space-between;align-items:baseline;gap:1rem;margin-top:1.4rem;display:flex}.pantry-heading{margin:0;font-size:.95rem;font-weight:600}.pantry{flex-wrap:wrap;gap:.5rem;margin:.6rem 0 0;padding:0;list-style:none;display:flex}@keyframes chip-in{0%{opacity:0;transform:scale(.85)}}.pantry li{background:#eef6f1;border:1px solid #cde3d6;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .4rem .3rem .7rem;animation:.16s ease-out chip-in;display:flex}.pantry button{color:#567;cursor:pointer;background:0 0;border:0;padding:0 .3rem;font-size:1rem;line-height:1}.pantry button:hover{color:#c33}.clear{font:inherit;color:#777;cursor:pointer;background:0 0;border:0;flex:none;padding:0;font-size:.85rem;text-decoration:underline}.clear:hover{color:#c33}.empty,.error{color:#777;margin-top:1.2rem}.error{color:#c33}@media (prefers-reduced-motion:reduce){.suggestions-panel{transition:none}.pantry li{animation:none}}.results{margin-top:2rem}.results h2{font-size:.95rem;font-weight:600}.results[aria-busy=true]{opacity:.55;transition:opacity .12s}.results ul{margin:0;padding:0;list-style:none}.results li{border-top:1px solid #eee;gap:.8rem;padding:.8rem 0;display:flex}.results img{object-fit:cover;background:#f2f2f2;border-radius:4px;flex:none;width:88px;height:88px}.results .detail{min-width:0}.results h3{margin:0;font-size:1rem}.results .meta{color:#777;margin:.2rem 0 .4rem;font-size:.85rem}.results .have-all,.results .missing{margin:0;font-size:.9rem}.results .have-all{color:#2a7;font-weight:600}.results .missing{color:#555}.results .card{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:.8rem;padding:0;display:flex}.results .card:hover h3{text-decoration:underline}.back{font:inherit;color:#567;cursor:pointer;background:0 0;border:0;padding:0;font-size:.9rem}.back:hover{text-decoration:underline}.recipe h2{margin:1rem 0 .2rem;font-size:1.3rem}.recipe h3{margin:1.4rem 0 .5rem;font-size:1rem}.recipe .hero{object-fit:cover;background:#f2f2f2;border-radius:4px;width:176px;height:176px}.recipe .lines{margin:0;padding:0;list-style:none}.recipe .lines li{border-bottom:1px solid #f0f0f0;gap:.5rem;padding:.35rem 0;display:flex}.recipe .lines .tick{color:#2a7;flex:none;width:1rem}.recipe .lines li.have{color:#777}.more{width:100%;font:inherit;color:#567;cursor:pointer;background:#f7f7f7;border:1px solid #ddd;border-radius:4px;margin-top:1rem;padding:.6rem;font-size:.9rem;display:block}.more:hover:not(:disabled){background:#eef6f1}.more:disabled{color:#999;cursor:default}