:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cream:#faf8ef;--paper:#fff;--green:#496b2e;--green-deep:#354f20;--green-pale:#edf3e4;--gold:#f4c451;--gold-pale:#fff5d9;--amber:#b66a22;--amber-pale:#fff0dc;--ink:#26311e;--muted:#5f6659;--line:#e9e9dd;--shadow:0 10px 30px #3f482b17}*{box-sizing:border-box}html,body{background:var(--cream)}body{color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}a{color:inherit;text-decoration:none}h1,h2,p{margin-top:0}h1{letter-spacing:-.06em;margin-bottom:.35rem;font-size:clamp(2rem,8vw,2.65rem);line-height:1.02}h2{letter-spacing:-.035em;margin-bottom:.35rem;font-size:1.25rem;line-height:1.1}p{line-height:1.45}main{width:min(100%,46rem);padding:max(1.35rem,env(safe-area-inset-top)) 1rem calc(7.6rem + env(safe-area-inset-bottom));margin:0 auto}.muted-copy,.optional{color:var(--muted)}.eyebrow{color:var(--green);letter-spacing:.075em;text-transform:uppercase;margin-bottom:.35rem;font-size:.7rem;font-weight:800}.primary-button,.secondary-button,.round-add{border:0;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;min-height:3.15rem;font-weight:750;transition:transform .15s,box-shadow .15s;display:inline-flex}.primary-button{background:var(--green);color:#fff;box-shadow:0 7px 17px #496b2e3d}.primary-button:active,.round-add:active{transform:scale(.97)}.secondary-button{background:var(--paper);color:var(--green);box-shadow:var(--shadow)}.text-link,.inline-link{color:var(--green);background:0 0;border:0;align-items:center;gap:.25rem;font-weight:750;display:inline-flex}.home-header,.page-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.home-header{padding:.5rem .15rem 1.4rem}.page-header{margin:.45rem 0 1.3rem}.header-action{background:var(--paper);width:2.9rem;height:2.9rem;color:var(--green);box-shadow:var(--shadow);border-radius:50%;place-items:center;display:grid}.attention-section{margin-bottom:1rem}.section-heading{justify-content:space-between;align-items:end;display:flex}.attention-grid{gap:.7rem;display:grid}.attention-card{border-radius:1.15rem;grid-template-columns:2.65rem 1fr auto;align-items:center;gap:.7rem;min-height:5.35rem;padding:.82rem .9rem;display:grid}.attention-card.low{background:var(--gold-pale)}.attention-card.expiry{background:#f0f3e9;grid-template-columns:2.65rem 1fr}.attention-card strong,.attention-card small{display:block}.attention-card strong{font-size:.94rem}.attention-card small{color:var(--muted);margin-top:.13rem;font-size:.76rem}.attention-icon{width:2.4rem;height:2.4rem;color:var(--amber);background:#ffffffad;border-radius:.85rem;place-items:center;font-size:1.25rem;font-weight:800;display:grid}.inventory-glance{background:var(--paper);box-shadow:var(--shadow);border-radius:1.2rem;justify-content:space-between;align-items:end;margin:1.05rem 0;padding:1rem 1.05rem;display:flex}.glance-copy{grid-template-columns:auto 1fr;align-items:baseline;column-gap:.5rem;display:grid}.glance-copy .eyebrow{grid-column:span 2}.glance-copy strong{letter-spacing:-.07em;font-size:1.7rem}.glance-copy span{color:var(--muted);font-size:.8rem}.cook-card{background:#e5eed6;border-radius:1.35rem;justify-content:space-between;align-items:center;margin:1.3rem 0;padding:1.2rem;display:flex;overflow:hidden}.cook-card p:not(.eyebrow){color:#526044;max-width:16rem;margin-bottom:.7rem;font-size:.84rem}.cook-art{margin-right:-.8rem;font-size:4.4rem}.activity-section{background:var(--paper);box-shadow:var(--shadow);border-radius:1.35rem;padding:1.2rem}.activity-list{margin:.75rem 0 0;padding:0;list-style:none}.activity-list li{border-top:1px solid var(--line);gap:.7rem;padding:.78rem 0;display:flex}.activity-list strong,.activity-list small{display:block}.activity-list strong{font-size:.86rem}.activity-list small{color:var(--muted);margin-top:.15rem;font-size:.74rem}.activity-dot{background:var(--green-pale);width:1.9rem;height:1.9rem;color:var(--green);border-radius:50%;flex:0 0 1.9rem;place-items:center;display:grid}.empty-activity{color:var(--muted);text-align:center;padding:.8rem 0 .1rem;font-size:.82rem}.empty-activity svg{color:var(--gold)}.round-add{background:var(--green);color:#fff;flex:0 0 3.15rem;width:3.15rem;box-shadow:0 8px 18px #496b2e3d}.inventory-toolbar{gap:.75rem;margin-bottom:1rem;display:grid}.search-field{min-height:3.2rem;color:var(--muted);background:#f0f1e8;border-radius:1rem;align-items:center;gap:.6rem;padding:0 .95rem;display:flex}.search-field input{width:100%;color:var(--ink);background:0 0;border:0;outline:0}.filter-row{scrollbar-width:none;gap:.5rem;padding:.1rem 0 .35rem;display:flex;overflow-x:auto}.filter{color:#5f6659;background:#efefe7;border:0;border-radius:99px;flex:none;min-height:2.35rem;padding:0 .9rem;font-size:.78rem;font-weight:750}.filter.active{background:var(--green);color:#fff}.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.item-card{background:var(--paper);min-width:0;box-shadow:var(--shadow);border-radius:1.25rem;padding:.65rem;overflow:hidden}.item-main{display:block}.item-art{aspect-ratio:1.08;background:linear-gradient(145deg,#eff3e7,#faf8ed);border-radius:.92rem;place-items:center;width:100%;font-size:3.15rem;display:grid}.item-art.large{aspect-ratio:1;border-radius:1.1rem;flex:0 0 3.75rem;width:3.75rem;font-size:2rem}.item-name{padding:.72rem .2rem .05rem}.item-name strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em;font-size:.92rem;display:block;overflow:hidden}.item-name small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:.18rem;font-size:.7rem;display:block;overflow:hidden}.item-status{margin:.5rem .2rem}.status-badge,.low-badge{border-radius:99px;align-items:center;padding:.27rem .5rem;font-size:.65rem;font-weight:800;display:inline-flex}.status-badge{background:var(--green-pale);color:var(--green)}.low-badge{background:var(--amber-pale);color:var(--amber)}.quantity-row{grid-template-columns:2.2rem minmax(0,1fr) 2.2rem;align-items:center;gap:.22rem;margin-top:.55rem;display:grid}.quantity-row>button{min-height:2.35rem;color:var(--green-deep);background:#f1f2eb;border:0;border-radius:.72rem;font-size:1.25rem;font-weight:750}.quantity-row .quantity-value{background:0 0;flex-direction:column;justify-content:center;font-size:.86rem;display:flex}.quantity-value span{color:var(--muted);font-size:.63rem;font-weight:500}.manual-low{color:#997044;background:#fffaf1;border:1px solid #efe3d3;border-radius:.7rem;width:100%;min-height:2.25rem;margin-top:.45rem;font-size:.69rem;font-weight:800}.manual-low.selected{background:var(--amber-pale);color:var(--amber);border-color:#f0c67f}.empty-state{text-align:center;color:var(--muted);grid-column:span 2;padding:2.3rem 1rem}.undo-toast{z-index:4;left:50%;bottom:calc(6.5rem + env(safe-area-inset-bottom));color:#fff;background:#35442a;border-radius:1rem;align-items:center;gap:.55rem;width:min(100% - 2rem,32rem);padding:.8rem .9rem;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 9px 28px #0003}.undo-toast span{flex:1;font-size:.82rem}.undo-toast button{color:#fff;background:0 0;border:0;font-weight:800}.item-form{background:var(--paper);box-shadow:var(--shadow);border-radius:1.35rem;gap:1rem;padding:1.1rem;display:grid}.form-intro{align-items:center;gap:.7rem;padding-bottom:.15rem;display:flex}.form-intro h2{font-size:1.05rem}.form-intro p{color:var(--muted);margin:0;font-size:.78rem}.form-art{background:var(--green-pale);width:2.7rem;height:2.7rem;color:var(--green);border-radius:.95rem;place-items:center;font-size:1.3rem;font-weight:800;display:grid}.item-form label{color:#414a38;gap:.42rem;font-size:.8rem;font-weight:780;display:grid}.item-form input,.item-form textarea,.item-form select{border:1px solid var(--line);width:100%;min-height:3rem;color:var(--ink);background:#fbfbf7;border-radius:.85rem;outline:0;padding:.7rem .75rem}.item-form textarea{resize:vertical;min-height:auto}.item-form input:focus,.item-form textarea:focus,.item-form select:focus,.search-field:focus-within{border-color:#91a779;box-shadow:0 0 0 3px #91a7792b}.form-split{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.form-details{border-top:1px solid var(--line);padding-top:.9rem}.form-details summary{cursor:pointer;color:var(--green);font-size:.83rem;font-weight:800}.form-details summary span{color:var(--muted);margin-left:.25rem;font-size:.72rem;font-weight:500}.form-details>div{gap:.9rem;padding-top:1rem;display:grid}.toggle-row{grid-template-columns:auto 1fr;align-items:center}.toggle-row input{appearance:none;background:#d9ddd1!important;border:0!important;border-radius:99px!important;width:2.7rem!important;min-height:1.5rem!important;padding:.18rem!important}.toggle-row input:after{content:"";background:#fff;border-radius:50%;width:1.15rem;height:1.15rem;transition:all .15s;display:block;box-shadow:0 1px 3px #999}.toggle-row input:checked{background:var(--gold)!important}.toggle-row input:checked:after{transform:translate(1.15rem)}.toggle-row span{gap:.1rem;display:grid}.toggle-row small{color:var(--muted);font-weight:500}.form-submit{width:100%;margin-top:.15rem}.title-with-art{align-items:center;gap:.7rem;display:flex}.low-copy{color:var(--amber);font-weight:650}.bottom-nav{z-index:3;left:50%;bottom:max(.55rem,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-radius:1.3rem;grid-template-columns:repeat(5,1fr);align-items:center;width:min(100% - 1rem,34rem);min-height:4.15rem;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 10px 28px #313d2126}.bottom-nav a{color:#5f6659;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;min-height:3.65rem;font-size:.62rem;font-weight:750;display:flex}.bottom-nav .nav-add{background:var(--green);color:#fff;border-radius:50%;justify-self:center;width:3.25rem;min-height:3.25rem;box-shadow:0 7px 15px #496b2e47}.coming-soon-card{background:var(--paper);box-shadow:var(--shadow);text-align:center;border-radius:1.5rem;padding:1.6rem 1.25rem}.coming-soon-card p:not(.eyebrow){color:var(--muted);font-size:.9rem}.coming-soon-card .primary-button,.coming-soon-card .secondary-button{margin-top:.5rem;padding:0 1rem}.coming-art{margin:0 auto .6rem;font-size:4rem}.sign-in-page{align-items:center;min-height:100svh;padding:1.25rem;display:grid}.auth-layout{width:min(100%,28rem);margin:auto}.auth-brand{text-align:center;padding:1.35rem .5rem 1.8rem}.brand-mark{background:var(--green);color:#fff;border-radius:1.18rem;place-items:center;width:3.3rem;height:3.3rem;margin:0 auto .55rem;font-size:1.65rem;display:grid;position:relative;box-shadow:0 8px 20px #496b2e3b}.brand-mark i{background:var(--gold);width:1.25rem;height:1.25rem;color:var(--green-deep);border-radius:50%;place-items:center;font-size:1rem;font-style:normal;font-weight:800;display:grid;position:absolute;bottom:-.2rem;right:-.3rem}.brand-name{color:var(--green);margin-bottom:1rem;font-weight:800}.auth-brand h1{font-size:2.25rem}.auth-brand>p:not(.brand-name){color:var(--muted)}.pantry-still{opacity:.95;justify-content:center;gap:.2rem;margin:1.1rem auto -1.55rem;display:flex}.pantry-still span{background:#edf2e4;border-radius:1rem;place-items:center;width:2.7rem;height:2.9rem;font-size:1.55rem;display:grid;transform:rotate(-4deg)}.pantry-still span:nth-child(2n){margin-top:.35rem;transform:rotate(4deg)}.auth-card{background:var(--paper);border-radius:1.55rem;padding:1.35rem;box-shadow:0 15px 38px #3f482b1f}.auth-card h2{font-size:1.38rem}.google-button{border:1px solid var(--line);width:100%;min-height:3.1rem;color:var(--ink);background:#fff;border-radius:.95rem;font-weight:750}.google-button b{color:#4285f4;background:#fff;border-radius:50%;place-items:center;width:1.35rem;height:1.35rem;margin-right:.45rem;font-size:1rem;display:inline-grid}.auth-divider{color:var(--muted);align-items:center;gap:.7rem;margin:1.2rem 0;font-size:.72rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-card form{gap:.48rem;display:grid}.auth-card label{font-size:.8rem;font-weight:750}.email-input{border:1px solid var(--line);min-height:3rem;color:var(--muted);background:#fbfbf7;border-radius:.85rem;align-items:center;gap:.5rem;margin-bottom:.45rem;padding:0 .75rem;display:flex}.email-input input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.auth-card .primary-button{width:100%}.auth-message{background:var(--green-pale);color:var(--green);border-radius:.7rem;margin:1rem 0 0;padding:.65rem .75rem;font-size:.78rem}.private-copy{color:var(--muted);text-align:center;margin:1.05rem 0 0;font-size:.7rem}.private-copy span{color:var(--gold);padding:0 .25rem}@media (min-width:640px){main{padding-left:1.5rem;padding-right:1.5rem}.attention-grid{grid-template-columns:1fr 1fr}.attention-card.expiry{grid-template-columns:2.65rem 1fr}.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.empty-state{grid-column:span 3}.auth-layout{grid-template-columns:1fr 1fr;align-items:center;gap:2.5rem;width:min(100%,50rem);display:grid}.auth-brand{text-align:left}.brand-mark{margin-left:0}.pantry-still{justify-content:flex-start;margin-bottom:0}.auth-card{margin-top:0}.sign-in-page{width:min(100%,60rem)}}@media (min-width:900px){main{padding-top:2.5rem}.inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.empty-state{grid-column:span 4}}.back-link{min-height:2.75rem;color:var(--green);border-radius:.85rem;align-items:center;margin:-.5rem -.75rem;padding:.5rem .75rem;font-weight:750;display:inline-flex}.form-status{border-radius:.7rem;padding:.65rem .75rem;font-size:.85rem}.form-status.success{background:var(--green-pale);color:var(--green)}.form-status.error{background:var(--amber-pale);color:var(--amber)}.field-error{color:var(--amber);margin-top:.25rem;font-size:.78rem;display:block}.form-submit[disabled]{opacity:.65;cursor:wait}.item-form-fields{gap:1rem;display:grid}.back-link,.text-link,.inline-link,.quantity-row>button,.manual-low,.filter,.undo-toast button,.icon-button{min-width:2.75rem;min-height:2.75rem}.icon-button{color:inherit;background:0 0;border:0;place-items:center;display:inline-grid}.bottom-nav a.active{color:var(--green-deep);font-weight:850}.bottom-nav a span{font-size:.7rem}.form-status.error{color:#9f352a}.form-status.success{color:var(--green)}@media (max-width:379px){.inventory-grid{grid-template-columns:1fr}.empty-state{grid-column:1}}.loading-skeleton{background:linear-gradient(90deg,#eee 25%,#f7f7f1 50%,#eee 75%) 0 0/200% 100%;border-radius:1.2rem;height:12rem;animation:1.4s infinite loading}@keyframes loading{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.loading-skeleton{animation:none}}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #496b2e}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.exact-quantity{gap:.35rem;display:grid}.exact-quantity input,.exact-quantity button{min-height:2.75rem}
.item-art{overflow:hidden}.item-photo{object-fit:cover;width:100%;height:100%}.photo-picker{background:#f7faf2;border:1px dashed #b8c7a7;border-radius:1rem;padding:.9rem}.photo-picker>span{color:var(--muted);font-size:.73rem;font-weight:500}.item-form .photo-picker input{background:0 0;border:0;min-height:0;padding:.18rem 0}.form-photo-preview{aspect-ratio:1;object-fit:cover;width:min(100%,14rem);box-shadow:var(--shadow);border-radius:.85rem}