:root{--green:#1a7a4a;--green-light:#e8f5ee;--green-mid:#52b788;--orange:#f77f00;--red:#c0392b;--bg:#f0f4f1;--card:#fff;--border:#dde8e1;--text:#1a1a1a;--text-muted:#6b7c74;--radius:12px;--radius-sm:8px;--nav-height:64px}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.5}h1,h2,h3{margin:0 0 .5rem;line-height:1.25}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1rem}p{margin:0 0 .75rem}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border-radius:var(--radius-sm);border:none;padding:.5rem 1rem;font-family:inherit;font-size:.9rem;transition:opacity .15s}button:active{opacity:.75}.btn-primary{background:var(--green);color:#fff;font-weight:600}.btn-secondary{background:var(--green-light);color:var(--green);font-weight:600}.btn-danger{color:var(--red);background:#fde8e6;font-weight:600}.btn-ghost{color:var(--text-muted);border:1px solid var(--border);background:0 0}.btn-sm{padding:.3rem .6rem;font-size:.8rem}.btn-icon{color:var(--text-muted);border-radius:var(--radius-sm);background:0 0;padding:.4rem;line-height:1}.card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);padding:1rem}.page{padding:1rem;padding-bottom:calc(var(--nav-height) + 1.5rem);max-width:640px;margin:0 auto}.page-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.tag{background:var(--green-light);color:var(--green);text-transform:capitalize;border-radius:99px;padding:.15rem .5rem;font-size:.72rem;font-weight:600;display:inline-block}.tag-loved{color:#856404;background:#fff3cd}.tag-fine{color:#0c5aa6;background:#e2f0fb}.tag-never_again{color:var(--red);background:#fde8e6}.tag-untried{color:var(--text-muted);background:#f0f4f1}.badge{border-radius:99px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.8rem;font-weight:600;display:inline-flex}.badge-loved{color:#856404;background:#fff3cd}.badge-fine{color:#0c5aa6;background:#e2f0fb}.badge-never_again{color:var(--red);background:#fde8e6}.badge-untried{color:var(--text-muted);background:#f0f4f1}.bottom-nav{height:var(--nav-height);border-top:1px solid var(--border);z-index:100;padding-bottom:env(safe-area-inset-bottom);background:#fff;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.2rem;padding:.4rem 0;font-size:.7rem;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.nav-item.active{color:var(--green)}.nav-icon{font-size:1.4rem;line-height:1}.drawer-backdrop{z-index:200;background:#0006;align-items:flex-end;display:flex;position:fixed;inset:0}.drawer{border-radius:var(--radius) var(--radius) 0 0;background:#fff;width:100%;max-height:85vh;padding:1rem;overflow-y:auto}.drawer-handle{background:var(--border);border-radius:99px;width:40px;height:4px;margin:0 auto 1rem}.form-group{margin-bottom:1rem}label{color:var(--text-muted);margin-bottom:.3rem;font-size:.85rem;font-weight:600;display:block}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);background:#fff;padding:.6rem .75rem;font-family:inherit;font-size:.95rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--green);outline-offset:-1px;border-color:#0000}.chip-group{flex-wrap:wrap;gap:.4rem;display:flex}.chip{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:#fff;border-radius:99px;padding:.3rem .7rem;font-size:.8rem;font-weight:500;transition:all .15s}.chip.active{background:var(--green);color:#fff;border-color:var(--green)}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 1rem}.empty-state .icon{margin-bottom:.5rem;font-size:2.5rem}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:1.25rem 0 .5rem;font-size:.75rem;font-weight:700}.divider{background:var(--border);height:1px;margin:.75rem 0}.rating-widget{gap:.4rem;display:flex}.rating-btn{border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:center;background:#fff;flex:1;padding:.4rem .2rem;font-size:.75rem;font-weight:600;transition:all .15s}.rating-btn.loved.active{color:#856404;background:#fff3cd;border-color:#856404}.rating-btn.fine.active{color:#0c5aa6;background:#e2f0fb;border-color:#0c5aa6}.rating-btn.never_again.active{border-color:var(--red);color:var(--red);background:#fde8e6}.surplus-toggle{gap:.3rem;display:flex}.surplus-btn{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:#fff;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.surplus-btn.active{background:var(--green);color:#fff;border-color:var(--green)}.slot-card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;margin-bottom:.5rem;padding:.75rem}.slot-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.4rem;font-size:.72rem;font-weight:700}.slot-empty{border:2px dashed var(--border);border-radius:var(--radius-sm);min-height:44px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;font-size:.85rem;transition:border-color .15s;display:flex}.slot-empty:hover{border-color:var(--green);color:var(--green)}.slot-filled{align-items:center;gap:.5rem;display:flex}.slot-name{flex:1;font-size:.9rem;font-weight:600}.slot-leftover{color:var(--text-muted);font-size:.8rem;font-style:italic}.shopping-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:.75rem;padding:.75rem 0;display:flex}.shopping-item:last-child{border-bottom:none}.shopping-item input[type=checkbox]{width:20px;height:20px;accent-color:var(--green);flex-shrink:0;margin-top:.1rem}.shopping-item.purchased .item-name{color:var(--text-muted);text-decoration:line-through}.item-name{font-weight:600}.item-amount{color:var(--text-muted);font-size:.85rem}.item-meta{color:var(--text-muted);margin-top:.2rem;font-size:.78rem}.freeze-note{color:#0c5aa6;margin-top:.2rem;font-size:.78rem}.pantry-item{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.6rem 0;display:flex}.pantry-item:last-child{border-bottom:none}.low-warning{color:var(--orange);font-size:.75rem;font-weight:600}.alert{border-radius:var(--radius-sm);margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.alert-warning{color:#856404;background:#fff3cd;border-left:3px solid #ffc107}.alert-success{color:#155724;background:#d4edda;border-left:3px solid #28a745}.alert-info{color:#0c5aa6;background:#e2f0fb;border-left:3px solid #0d6efd}.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;display:grid}.recipe-card{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text);background:#fff;text-decoration:none;transition:box-shadow .15s;display:block;overflow:hidden}.recipe-card:hover{text-decoration:none;box-shadow:0 2px 12px #0000001f}.recipe-card-thumb{aspect-ratio:1;background:var(--surface);width:100%;overflow:hidden}.recipe-card-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block}.recipe-card:hover .recipe-card-thumb img{transform:scale(1.04)}.recipe-card-body{padding:.75rem}.recipe-card-name{margin-bottom:.3rem;font-size:.85rem;font-weight:700;line-height:1.3}.recipe-card-meta{color:var(--text-muted);margin-bottom:.4rem;font-size:.72rem}.recipe-card-tags{flex-wrap:wrap;gap:.25rem;display:flex}.recipe-hero{border-radius:var(--radius);background:var(--surface);width:100%;max-height:260px;margin-bottom:1rem;overflow:hidden}.recipe-hero img{object-fit:cover;width:100%;height:260px;display:block}.filter-bar{gap:.5rem;margin-bottom:1rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.filter-bar::-webkit-scrollbar{display:none}@media (width>=480px){.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}