:root{color-scheme:light;--cream: #f5efe4;--cream-2: #ebe3d2;--cream-3: #faf5ea;--paper: #ffffff;--ink: #2a2620;--ink-soft: #5a5448;--ink-muted: #6b6152;--line: #d6cfc0;--line-soft: #ebe3d2;--green: #2d4a2b;--green-hi: #3d5a3b;--green-soft: #e8efde;--on-green: #f5efe4;--rust: #c8593f;--rust-soft: #fdf0eb;--rust-deep: #8a3520;--amber: #a26c20;--amber-soft: #fff8eb;--amber-line: #e8dcc0;--violet: #5a4a8a;--violet-soft: #e8e3f0;--teal: #2a5560;--teal-soft: #dde7e8;--nav-bg: #2a2620;--on-nav: #f5efe4;--grain: #00000008;--shadow: rgba(0, 0, 0, .15);--scrim: rgba(245, 239, 228, 0)}:root[data-theme=dark]{color-scheme:dark;--cream: #17150f;--cream-2: #221f18;--cream-3: #262219;--paper: #211e17;--ink: #f0e9dc;--ink-soft: #cfc6b5;--ink-muted: #a79d8b;--line: #3a352a;--line-soft: #2c281f;--green: #8ebd80;--green-hi: #9dcc8f;--green-soft: #24301f;--on-green: #12170f;--rust: #e89a80;--rust-soft: #2e1d17;--rust-deep: #f2bfae;--amber: #dcaa4e;--amber-soft: #2b2317;--amber-line: #3d3320;--violet: #b0a2d8;--violet-soft: #241f30;--teal: #8cbdc6;--teal-soft: #1a2529;--nav-bg: #0e0c08;--on-nav: #f0e9dc;--grain: #ffffff0a;--shadow: rgba(0, 0, 0, .5);--scrim: rgba(23, 21, 15, 0)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--cream);color:var(--ink);font-family:Geist,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.display{font-family:Fraunces,Georgia,serif;letter-spacing:-.02em}.grain{background-image:radial-gradient(var(--grain) 1px,transparent 1px);background-size:4px 4px}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0;color:inherit}:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:8px}.bottom-nav :focus-visible{outline-color:var(--on-nav);outline-offset:-2px}input,textarea{font-family:inherit;-webkit-appearance:none}textarea{resize:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fade-up{animation:fadeUp .4s ease-out forwards}.spin{animation:spin 1s linear infinite}.skeleton{background:var(--cream-2);border-radius:24px;height:176px;animation:pulse 2s infinite}.img-loading{background:linear-gradient(90deg,var(--cream-2) 0%,var(--cream) 50%,var(--cream-2) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.screen{min-height:100vh;min-height:100dvh;padding-bottom:24px;position:relative}.container{padding:0 24px}.header{padding:48px 24px 16px;display:flex;align-items:center;gap:12px}.header h1{margin:0}.btn-primary{background:var(--green);color:var(--on-green);border-radius:999px;padding:14px 24px;font-size:18px;font-family:Fraunces,serif;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;transition:opacity .2s,transform .1s}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.3}.btn-secondary{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-icon{padding:8px;display:inline-flex;align-items:center;justify-content:center}.btn-warm{background:var(--rust);color:var(--on-green);border-radius:999px;padding:14px 24px;font-size:18px;font-family:Fraunces,serif;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%}.chip{padding:8px 16px;border-radius:999px;background:var(--paper);border:1px solid var(--line);color:var(--ink);font-size:14px;transition:all .15s;display:inline-flex;align-items:center;gap:6px}.chip.selected-green{background:var(--green);color:var(--on-green);border-color:var(--green)}.chip.selected-red{background:var(--rust);color:var(--on-green);border-color:var(--rust)}.input{width:100%;padding:12px 16px;border-radius:16px;background:var(--paper);border:1px solid var(--line);color:var(--ink);font-size:16px}.input:focus{border-color:var(--green)}.input:focus:not(:focus-visible),.textarea:focus:not(:focus-visible){outline:none}.input::placeholder,.textarea::placeholder{color:var(--ink-muted)}.textarea{width:100%;padding:16px;border-radius:16px;background:var(--paper);border:1px solid var(--line);color:var(--ink);font-size:16px;font-family:ui-monospace,monospace}.card{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:16px}.card-soft{background:var(--amber-soft);border:1px solid var(--amber-line);border-radius:16px;padding:16px}.card-error{background:var(--rust-soft);border:1px solid var(--rust);border-radius:16px;padding:16px;color:var(--rust-deep)}.uppercase-label{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--ink-muted)}.muted{color:var(--ink-muted)}.bottom-nav-wrap{position:fixed;bottom:0;left:0;right:0;padding:12px 16px calc(20px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--cream) 60%,var(--scrim));z-index:40}.bottom-nav{background:var(--nav-bg);border-radius:999px;display:flex;padding:5px;gap:2px}.nav-btn{flex:1;padding:9px 4px;border-radius:999px;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--on-nav);font-size:10px;text-transform:uppercase;letter-spacing:.05em;transition:background .15s}.nav-btn.active{background:var(--green-hi);color:var(--on-green)}.nav-btn.highlight{background:var(--rust);color:var(--on-green)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--cream);z-index:50;overflow-y:auto}.progress{display:flex;gap:6px;margin:16px 0 40px}.progress-dot{height:4px;flex:1;border-radius:999px;background:var(--line);transition:background .3s}.progress-dot.done{background:var(--green)}.slot-badge{font-size:11px;text-transform:uppercase;letter-spacing:.15em;padding:4px 10px;border-radius:999px}.slot-use-it-up{background:var(--amber-soft);color:var(--amber)}.slot-quick-easy{background:var(--green-soft);color:var(--green)}.slot-something-different{background:var(--rust-soft);color:var(--rust)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice-card{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:20px;min-height:140px;text-align:left;transition:transform .1s}.choice-card:active{transform:scale(.97)}.choice-icon{width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--on-green)}.row{display:flex;align-items:center;gap:12px}.row-spread{display:flex;align-items:center;justify-content:space-between;gap:12px}.item-icon{width:36px;height:36px;border-radius:999px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--cream)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.flex-1{flex:1;min-width:0}.icon{width:20px;height:20px;flex-shrink:0;stroke-width:1.75;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}.icon-sm{width:16px;height:16px}.icon-xs{width:14px;height:14px}.icon-lg{width:24px;height:24px}.icon-xl{width:40px;height:40px}.h-display-xl{font-size:60px;line-height:1}.h-display-lg{font-size:40px;line-height:1.1}.h-display-md{font-size:30px;line-height:1.2}.h-display-sm{font-size:24px;line-height:1.2}@media(max-width:360px){.h-display-xl{font-size:48px}.h-display-lg{font-size:34px}}.sticky-footer{position:fixed;bottom:0;left:0;right:0;padding:24px 24px calc(24px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--cream) 60%,var(--scrim));z-index:30}.badge{display:inline-flex;align-items:center;font-size:10px;text-transform:uppercase;letter-spacing:.1em;padding:2px 8px;border-radius:999px}.freshness-fresh{background:var(--green-soft);color:var(--green)}.freshness-use-soon{background:var(--amber-soft);color:var(--amber)}.freshness-check{background:var(--rust-soft);color:var(--rust)}.dot-2{width:8px;height:8px;border-radius:999px;flex-shrink:0}.range-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:var(--cream-2);outline:none;margin:4px 0}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:999px;background:var(--green);cursor:pointer;border:3px solid var(--cream);box-shadow:0 2px 6px var(--shadow)}.range-slider::-moz-range-thumb{width:24px;height:24px;border-radius:999px;background:var(--green);cursor:pointer;border:3px solid var(--cream);box-shadow:0 2px 6px var(--shadow)}.recipe-hero{width:100%;height:240px;object-fit:cover;border-radius:24px;margin-bottom:24px;background:var(--cream-2);display:block}.recipe-card-image{width:100%;height:140px;object-fit:cover;border-radius:16px;margin-bottom:16px;background:var(--cream-2);display:block}.item-tappable{cursor:pointer;transition:background .15s}.item-tappable:active{background:var(--cream-3)}.item-detail-row{margin-top:12px;padding-top:12px;border-top:1px solid var(--line-soft);font-size:13px;color:var(--ink-soft);line-height:1.5}.save-btn{padding:8px;border-radius:999px;transition:transform .15s}.save-btn:active{transform:scale(.85)}.save-btn.saved{color:var(--rust);fill:var(--rust)}.checkbox{width:22px;height:22px;border-radius:6px;border:2px solid var(--line);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s;background:var(--paper)}.checkbox.checked{background:var(--green);border-color:var(--green);color:var(--on-green)}.person-tag{font-size:10px;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:var(--nav-bg);color:var(--on-nav);padding:12px 24px;border-radius:999px;font-size:14px;z-index:100;animation:fadeUp .3s ease-out;max-width:90%;box-shadow:0 4px 12px var(--shadow)}.sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#00000059;display:flex;align-items:flex-end;justify-content:center;animation:fadeUp .2s ease-out}.sheet{background:var(--cream);border-radius:24px 24px 0 0;padding:24px 24px calc(24px + env(safe-area-inset-bottom));width:100%;max-width:520px;box-shadow:0 -4px 24px var(--shadow)}@media(min-width:560px){.sheet-scrim{align-items:center}.sheet{border-radius:24px;padding-bottom:24px}}.update-bar{position:fixed;left:50%;bottom:100px;transform:translate(-50%);z-index:110;display:flex;align-items:center;gap:10px;max-width:calc(100% - 32px);background:var(--nav-bg);color:var(--on-nav);padding:10px 12px 10px 20px;border-radius:999px;font-size:14px;box-shadow:0 4px 12px var(--shadow);animation:fadeUp .3s ease-out}.update-bar-action{background:var(--green);color:var(--on-green);border-radius:999px;padding:6px 14px;font-size:13px;font-family:Fraunces,serif;white-space:nowrap}.pill-toggle{display:flex;background:var(--cream-2);border-radius:999px;padding:4px;overflow-x:auto}.pill-toggle button{flex:1;min-width:80px;padding:8px 16px;border-radius:999px;font-size:13px;color:var(--ink-soft);transition:all .15s;white-space:nowrap}.pill-toggle button.active{background:var(--paper);color:var(--ink);box-shadow:0 1px 3px var(--shadow)}