:root{--desk:#eef3e8;--board:#467f22;--board-edge:#305a16;--foil:#dcefc8;--past:#b3261e;--today:#c25400;--soon:#8a6d00;--ok:#3b6f1d}@media (prefers-color-scheme:dark){:root:not(.light-only){--desk:#111510;--board:#3b6b1d;--board-edge:#223f10;--foil:#dcefc8}}.states{grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 18px;display:grid}.states div{text-align:center;background:#f4f7f0;border-radius:10px;padding:8px 6px}.states span{color:#5a6476;white-space:nowrap;font-size:12px;display:block}.states b{font-variant-numeric:tabular-nums;font-size:20px}.states .s-past b{color:var(--past)}.states .s-today b{color:var(--today)}.states .s-soon b{color:var(--soon)}.states .s-ok b{color:var(--ok)}.quick{flex-wrap:wrap;gap:6px;display:flex}.quick .chip{color:#2f4f1a;background:#f7fbf2;border-style:dashed;border-color:#a9c98c;font-size:13px}.quick .chip:active{background:var(--foil)}.hint{color:#2f4f1a;word-break:keep-all;background:#f1f7e8;border-radius:10px;margin:-4px 0 0;padding:10px 12px;font-size:14px;line-height:1.55}.row2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stepper{background:#fff;border:1px solid #d3d8e0;border-radius:10px;grid-template-columns:44px minmax(0,1fr) 44px;display:grid;overflow:hidden}.stepper button{color:#1b2230;font:inherit;cursor:pointer;background:#f4f7f0;border:0;font-size:20px}.stepper button:active{background:var(--foil)}.field .stepper input{text-align:center;font-variant-numeric:tabular-nums;border:0;border-radius:0}#cancel-edit{justify-self:center}.list-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.list-head h2{margin:0}.filter span{padding:5px 10px;font-size:13px}.foods{gap:8px;margin:0;padding:0;list-style:none;display:grid}.food{--c:var(--ok);border:1px solid var(--rule);border-left:5px solid var(--c);border-radius:10px;padding:12px}.food.s-past{--c:var(--past);background:#fdf1f0}.food.s-today{--c:var(--today);background:#fdf3ea}.food.s-soon{--c:var(--soon);background:#fbf7e6}.food-main{align-items:center;gap:12px;display:flex}.dday{background:var(--c);color:#fff;text-align:center;font-variant-numeric:tabular-nums;border-radius:8px;flex:none;min-width:64px;padding:5px 8px;font-size:14px;font-weight:700}.what{flex:1;min-width:0;display:grid}.act.edit{color:#5a6476;text-underline-offset:3px;background:0 0;border-color:#0000;flex:none;align-self:flex-start;text-decoration:underline}.what strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.what .meta{color:#5a6476;font-size:13px}.food-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.act{color:#1b2230;font:inherit;cursor:pointer;background:#fff;border:1px solid #d3d8e0;border-radius:8px;padding:6px 10px;font-size:13px}.act.main{border-color:var(--board);background:var(--board);color:#fff;font-weight:700}.month{grid-template-columns:1fr 1fr;gap:8px;display:grid}.month div{background:#f4f7f0;border-radius:10px;padding:10px 12px;font-size:13px}.month span{color:#5a6476;font-size:12px;display:block}.month b{font-variant-numeric:tabular-nums;margin-right:2px;font-size:22px}.month .ate b{color:var(--ok)}.month .tossed b{color:var(--past)}.undo{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:5;color:#fff;background:#1f2a17;border-radius:12px;align-items:center;gap:12px;width:min(688px,100% - 32px);padding:12px 14px;font-size:14px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 20px -8px #00000080}.undo span{word-break:keep-all;flex:1;min-width:0}.undo button{border:1px solid var(--foil);color:var(--foil);font:inherit;cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:6px 12px;font-weight:700}@media (prefers-color-scheme:dark){:root:not(.light-only) .food{background:#1a1f17}:root:not(.light-only) .food.s-past{background:#2a1716}:root:not(.light-only) .food.s-today{background:#2a1d12}:root:not(.light-only) .food.s-soon{background:#26220f}:root:not(.light-only) .food .meta,:root:not(.light-only) .month span{color:#9aa3b2}:root:not(.light-only) .month div{background:#20271b}:root:not(.light-only) .month .ate b{color:#8fc65a}:root:not(.light-only) .month .tossed b{color:#f08a82}}