:root{--fg:#1f2a24;--bg:#f6f8f4;--surface:#fff;--accent:#2f6b3f;--on-accent:#fff;--accent-soft:#e3f1e6;--muted:#5b6b60;--line:#dde6d8;--line-soft:#eef2eb;--line-strong:#c5d1c0;font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--fg:#e6ede7;--bg:#141a16;--surface:#1c241f;--accent:#6fbf86;--on-accent:#10261a;--accent-soft:#223a2a;--muted:#9aab9f;--line:#2c382f;--line-soft:#242e27;--line-strong:#3a4a3e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--fg:#e6ede7;--bg:#141a16;--surface:#1c241f;--accent:#6fbf86;--on-accent:#10261a;--accent-soft:#223a2a;--muted:#9aab9f;--line:#2c382f;--line-soft:#242e27;--line-strong:#3a4a3e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--fg);margin:0}.app{max-width:760px;padding-block:16px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin:0 auto}header h1{margin:0;font-size:1.5rem}.topbar{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.setup{gap:14px;display:flex}.setup button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:4px 0;font-size:.85rem}.setup button.active{color:var(--fg);border-bottom-color:var(--accent)}nav{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}nav button{color:var(--fg);border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;font:inherit;border-radius:8px;padding:8px 14px}nav button.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}section{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:16px;padding:16px}h2{margin:0 0 12px;font-size:1.1rem}label{gap:4px;margin-bottom:12px;font-weight:600;display:grid}label.check{align-items:center;gap:8px;margin-bottom:6px;font-weight:400;display:flex}select,input[type=number],input:not([type]){font:inherit;background:var(--surface);color:var(--fg);border:1px solid var(--line-strong);border-radius:8px;padding:8px}small,.hint{color:var(--muted);font-weight:400}fieldset{border:1px solid var(--line);border-radius:8px}.foods{margin:12px 0 0;padding:0;list-style:none}.foods li{border-bottom:1px solid var(--line-soft);justify-content:space-between;padding:8px 0;display:flex}.foods em{color:var(--accent);background:var(--accent-soft);border-radius:99px;padding:2px 8px;font-size:.85rem;font-style:normal}.soon{color:var(--muted);text-align:center;padding:24px}.chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.chips button{color:var(--fg);border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;font:inherit;border-radius:99px;padding:6px 12px;font-size:.9rem}.chips button.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}details.recipe{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:12px 16px}details.recipe summary{cursor:pointer;flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.meta{color:var(--muted);font-size:.9rem}.lines{margin:12px 0;padding:0;list-style:none}.lines li{border-bottom:1px solid var(--line-soft);justify-content:space-between;gap:12px;padding:6px 0;display:flex}.lines em{color:var(--muted);font-style:normal}details.recipe h4{margin:12px 0 4px}details.recipe ol{margin:4px 0;padding-left:20px}.soak{background:var(--accent-soft);border-radius:8px;margin:12px 0 0;padding:8px 12px}button.primary{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);cursor:pointer;font:inherit;border-radius:8px;padding:8px 14px}button.primary:disabled{opacity:.5;cursor:default}button.start.started{box-shadow:none;font-weight:700;background:var(--accent-soft)!important;color:var(--accent)!important;border-color:var(--accent)!important}button.start{box-shadow:0 2px 0 var(--line-strong), 0 0 0 4px var(--accent-soft);border-radius:99px;padding:10px 26px;font-size:1.05rem;font-weight:700}button.link{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:none;padding:4px;text-decoration:underline}textarea{font:inherit;border:1px solid var(--line-strong);background:var(--surface);color:var(--fg);box-sizing:border-box;border-radius:8px;width:100%;padding:8px}.row3{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.ing-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.ing-row>input[aria-label=Food]{flex:2 200px;min-width:0}.ing-row>input{flex:100px;min-width:0}.ing-row>select{flex:150px;min-width:0}.warn{color:var(--muted);flex-basis:100%}.problems{color:var(--fg);margin:8px 0;padding-left:20px}.ok{color:var(--accent);font-weight:600}.badge{background:var(--accent-soft);color:var(--accent);border-radius:99px;margin-left:8px;padding:1px 8px;font-size:.8rem;font-style:normal}.grocery-item{border-bottom:1px solid var(--line-soft);padding:8px 0;display:block}.grocery-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.grocery-head label.check{flex:200px;margin:0}.price-editor{background:var(--accent-soft);border-radius:8px;margin-top:8px;padding:10px}.foods.grocery li{display:block}.foods li.family{border-bottom:none;padding:16px 0 4px;display:block}.foods li.family h3{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.85rem}select,input,textarea{box-sizing:border-box;max-width:100%}label>select,label>input:not([type=checkbox]):not([type=radio]){width:100%}section button:not(.primary):not(.link):not(.active),.newfood button:not(.primary):not(.link){font:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--line-strong);cursor:pointer;border-radius:8px;margin-bottom:6px;padding:8px 14px}section .chips button{margin-bottom:0;font-size:.9rem}@media (width<=600px){.app{padding-top:10px}nav{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:4px;margin-inline:-16px;padding:0 16px 6px;overflow-x:auto}nav button{white-space:nowrap;flex:auto;min-height:44px;padding:8px 10px;font-size:.92rem}.setup button{min-height:44px;padding:0 2px}section{border-radius:10px;padding:12px}select,input,textarea{min-height:40px;font-size:16px}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-height:0}.chips button,button.primary,section button:not(.link){min-height:40px}details.recipe{padding:10px 12px}}section button.have-box{width:28px;height:28px;min-height:28px;color:var(--muted);border-radius:6px;flex:none;justify-content:center;align-items:center;margin:0;padding:0;font-size:1rem;font-weight:700;line-height:1;display:inline-flex}section button.have-box.on{background:var(--line-soft);border-color:var(--muted)}.grocery-head .check{align-items:center;gap:10px;display:flex}.nutri-wrap{overflow-x:auto}table.nutri{border-collapse:collapse;width:100%;font-size:.9rem}table.nutri th,table.nutri td{border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:middle;padding:4px 6px}table.nutri td:first-child{min-width:180px}table.nutri input{width:100%;min-width:56px}table.nutri td:nth-child(2) input{min-width:170px}table.nutri tr.done td:first-child:before{content:"✓ ";color:var(--accent,green)}table.nutri button{white-space:nowrap}.syncbar{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:.85rem;display:flex}.syncbar button{padding:4px 10px;font-size:.85rem}