:root{--ink:#19312d;--muted:#667773;--green:#133d36;--mint:#dff1e8;--cream:#f5f3ec;--orange:#e8874b;--red:#b9463f;--white:#fff;--line:#dfe5e1;--shadow:0 12px 35px rgba(20,61,54,.12)}*{box-sizing:border-box}body{margin:0;background:#f7f8f5;color:var(--ink);font:16px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif;padding-bottom:92px}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{display:flex;justify-content:space-between;align-items:center;padding:22px max(20px,calc((100% - 1040px)/2));background:#f7f8f5}.topbar h1,.page-heading h2{margin:0;font-size:1.7rem;letter-spacing:-.04em}.eyebrow{margin:0 0 3px;font-size:.72rem;font-weight:800;letter-spacing:.14em;color:#59716b}.light{color:#b9d5cd}.icon-button,.primary-small{border:0;background:var(--green);color:white;border-radius:14px;padding:10px 15px;font-weight:800;font-size:1rem}.icon-button{font-size:1.5rem;width:48px;height:48px;padding:0}main{max-width:1040px;margin:auto;padding:0 20px}.view{display:none;animation:rise .22s ease}.view.active{display:block}@keyframes rise{from{opacity:.3;transform:translateY(5px)}}.urgent-card{min-height:185px;background:linear-gradient(135deg,#123f37,#245c51);color:white;border-radius:28px;padding:26px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow)}.urgent-card h2{font-size:2rem;line-height:1.05;margin:5px 0 10px;max-width:600px}.urgent-card p:last-child{color:#d2e4df;margin:0}.date-badge{display:grid;place-items:center;flex:0 0 76px;height:76px;border-radius:50%;background:#f1c979;color:var(--green);font-weight:900;font-size:1.3rem;margin-left:15px}.section-heading,.page-heading{display:flex;align-items:end;justify-content:space-between;margin:30px 2px 14px}.section-heading h2{margin:0;font-size:1.25rem}.text-button{border:0;background:none;color:#28665a;font-weight:800}.stack{display:grid;gap:10px}.item-card{display:flex;align-items:center;gap:14px;background:white;border:1px solid var(--line);padding:14px;border-radius:17px;text-align:left;width:100%;color:var(--ink)}.item-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--cream);font-size:1.35rem}.item-copy{flex:1;min-width:0}.item-copy strong,.item-copy small{display:block}.item-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-copy small{color:var(--muted);margin-top:2px}.status{font-size:.76rem;font-weight:800;padding:5px 9px;border-radius:20px;background:var(--mint);white-space:nowrap}.status.urgent{background:#fee4df;color:#942f29}.status.soon{background:#fff0d8;color:#90541f}.meal-card{margin-top:28px;width:100%;border:0;border-radius:21px;background:#edf2e9;padding:20px;display:flex;align-items:center;gap:14px;text-align:left;color:var(--ink)}.meal-card span:nth-child(2){flex:1}.meal-card strong,.meal-card small{display:block}.meal-card small{color:var(--muted);margin-top:3px}.meal-icon{font-size:2rem}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.category-card{border:1px solid var(--line);background:white;border-radius:18px;padding:16px;text-align:left;color:var(--ink)}.category-card span,.category-card strong,.category-card small{display:block}.category-card span{font-size:1.45rem;margin-bottom:10px}.category-card small{color:var(--muted);margin-top:3px}.search{display:flex;gap:8px;align-items:center;background:white;border:1px solid var(--line);border-radius:15px;padding:0 14px;margin:18px 0}.search input{border:0;outline:0;background:transparent;width:100%;padding:14px 2px}.filters{display:flex;gap:8px;overflow:auto;padding-bottom:12px;scrollbar-width:none}.filter{border:1px solid var(--line);background:white;border-radius:99px;padding:8px 13px;white-space:nowrap;color:var(--muted)}.filter.active{background:var(--green);color:white;border-color:var(--green)}.intro{color:var(--muted);max-width:650px}.meal-result{background:white;border:1px solid var(--line);border-radius:20px;padding:20px}.meal-result .meal-top{display:flex;justify-content:space-between;gap:15px}.meal-result h3{font-size:1.25rem;margin:0 0 5px}.meal-result p{color:var(--muted);margin:10px 0}.uses{color:#28665a!important;font-weight:700;font-size:.9rem}.secondary,.danger,.primary{border-radius:13px;padding:12px 16px;font-weight:800}.secondary{background:white;border:1px solid #b8c7c2;color:var(--green)}.primary{background:var(--green);border:0;color:white}.danger{background:#fff;border:1px solid #e1aaa6;color:var(--red)}.full{width:100%;margin-top:12px}.settings-card{background:white;border:1px solid var(--line);padding:20px;border-radius:20px;margin:12px 0}.settings-card h3{margin-top:0}.settings-card p{color:var(--muted)}.file-label{text-align:center;display:block}.file-label input{display:none}.bottom-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;height:78px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding-bottom:env(safe-area-inset-bottom)}.nav-button{width:min(18%,120px);border:0;background:none;color:#788681;font-size:.72rem;font-weight:700}.nav-button span{display:block;font-size:1.3rem;height:28px}.nav-button.active{color:var(--green)}.add-main{align-self:flex-start;margin-top:-18px;width:60px;height:60px;border:5px solid #f7f8f5;border-radius:50%;background:var(--orange);color:white;font-size:2rem;line-height:1}dialog{border:0;border-radius:24px;padding:0;width:min(620px,calc(100% - 24px));box-shadow:0 30px 90px #0d2d2780;color:var(--ink)}dialog::backdrop{background:#102c2778;backdrop-filter:blur(3px)}form{padding:22px}.dialog-head{display:flex;justify-content:space-between}.dialog-head h2{margin:0}.close{border:0;background:#eef1ef;border-radius:50%;width:38px;height:38px;font-size:1.5rem}form label{display:block;font-weight:700;font-size:.88rem;margin-top:14px}form input,form select,form textarea{display:block;width:100%;border:1px solid #cdd8d4;border-radius:11px;background:white;padding:11px;margin-top:5px;color:var(--ink)}form textarea{min-height:75px;resize:vertical}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkbox{display:flex;align-items:center;gap:8px}.checkbox input{width:auto;margin:0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.hidden{display:none!important}#toast{position:fixed;z-index:100;bottom:95px;left:50%;transform:translate(-50%,20px);background:#172e2a;color:white;border-radius:12px;padding:11px 18px;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}.empty{background:white;border:1px dashed #bdcbc6;text-align:center;padding:28px;border-radius:18px;color:var(--muted)}@media(max-width:650px){.category-grid{grid-template-columns:repeat(2,1fr)}.topbar{padding:18px 20px}.urgent-card{min-height:170px;padding:22px}.urgent-card h2{font-size:1.6rem}.date-badge{flex-basis:62px;height:62px}.two-col{grid-template-columns:1fr}.nav-button{width:20%}}@media(min-width:800px){body{padding-bottom:25px}.bottom-nav{position:sticky;top:0;bottom:auto;order:-1;margin:0 auto 25px;width:520px;border:1px solid var(--line);border-radius:18px;height:64px}.add-main{align-self:center;margin:0;border:0;width:46px;height:46px}.topbar{padding-top:32px}.view{padding-bottom:40px}}
