@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg: #faf7f2;--surface: #ffffff;--surface-2: #f3eee6;--border: #e5ddd0;--text: #2d2a24;--text-dim: #8a8377;--accent: #3d7a4e;--accent-soft: #e3f0e6;--amber: #b3771d;--amber-soft: #fbeed7;--red: #b3402e;--red-soft: #f9e3df;--leaf: #4a8f3c;--radius: 10px;--shadow: 0 1px 3px rgba(45, 42, 36, .08), 0 4px 14px rgba(45, 42, 36, .06)}body.dark{--bg: #161513;--surface: #201e1b;--surface-2: #2b2825;--border: #3b3732;--text: #efebe4;--text-dim: #9e978d;--accent: #58b073;--accent-soft: #1b3524;--amber: #dca03f;--amber-soft: #382711;--red: #da5845;--red-soft: #3b1d19;--leaf: #6cc15a;--shadow: 0 4px 20px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:15px;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}input,select{font:inherit;color:inherit}h1,h2,h3{margin:0}h2{font-size:1.25rem}h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin:18px 0 8px;display:flex;align-items:center;gap:10px}.dim{color:var(--text-dim)}.small-text{font-size:.8rem}.loading{display:grid;place-items:center;height:100vh;color:var(--text-dim)}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:16px;padding:10px 20px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.brand{font-weight:700;font-size:1.1rem}.tabs{display:flex;gap:4px;flex:1}.tab{display:flex;align-items:center;gap:6px;border:none;background:none;padding:8px 14px;border-radius:8px;color:var(--text-dim);font-weight:500;transition:background .2s ease,color .2s ease,transform .1s ease}.tab:hover{background:var(--surface-2)}.tab.active{background:var(--accent-soft);color:var(--accent)}.tab:active{transform:scale(.96)}.badge{background:var(--accent);color:#fff;border-radius:99px;font-size:.7rem;padding:1px 7px;font-weight:600}.topbar-actions{display:flex;align-items:center;gap:6px}.theme-toggle-floating{position:absolute;top:20px;right:20px;z-index:10}.content{flex:1;padding:20px;max-width:1200px;width:100%;margin:0 auto}.error-bar{background:var(--red-soft);color:var(--red);padding:8px 20px;cursor:pointer}.primary-btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:9px 16px;font-weight:600;transition:background .2s ease,filter .2s ease,transform .1s ease}.primary-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-btn:active{transform:translateY(0) scale(.97)}.primary-btn:disabled{opacity:.5;cursor:default;transform:none}.primary-btn.small{padding:5px 12px;font-size:.85rem;margin-left:10px}.ghost-btn{background:none;border:none;color:var(--text-dim);border-radius:6px;padding:4px 8px;transition:background .2s ease,color .2s ease,transform .1s ease}.ghost-btn:hover{background:var(--surface-2);color:var(--text)}.ghost-btn:active{transform:scale(.95)}.link-btn{background:none;border:none;padding:0;color:var(--accent);text-decoration:underline;font-weight:600}input[type=text],input[type=password],input:not([type]),select{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:9px 12px;outline:none}input:focus,select:focus{border-color:var(--accent)}.search{width:180px}.login-wrap{display:grid;place-items:center;min-height:100vh;padding:20px}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:36px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:12px;text-align:center}.login-emoji{font-size:3rem}.login-error{color:var(--red);font-size:.85rem}.planner{display:grid;grid-template-columns:minmax(0,1fr) clamp(360px,38%,520px);gap:24px;align-items:start}.needed-banner{background:var(--amber-soft);color:var(--amber);border-radius:var(--radius);padding:10px 14px;margin-bottom:14px;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.placing-hint{background:var(--accent-soft);color:var(--accent);border-radius:var(--radius);padding:10px 14px;margin-bottom:14px}.days{display:flex;flex-direction:column;gap:10px}.day{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;display:flex;align-items:stretch;gap:14px;transition:border-color .12s,background .12s}.day.today{border-left:4px solid var(--accent)}.day-head{width:96px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center}.day-name{font-weight:600}.day-date{font-size:.75rem;color:var(--text-dim)}.slots{display:flex;gap:8px;flex:1;min-width:0}.slot{flex:1;min-width:0;border:1px solid transparent;border-radius:8px;padding:4px 6px;display:flex;flex-direction:column;gap:3px;transition:border-color .12s,background .12s}.slot.slot-dinner{flex:1.35;background:var(--surface-2)}.slot.over{border-color:var(--accent);background:var(--accent-soft)}.slot.placeable{cursor:pointer;border-style:dashed;border-color:var(--border)}.slot.placeable:hover{border-color:var(--accent);background:var(--accent-soft)}.slot-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);white-space:nowrap}.slot-empty{color:var(--text-dim);font-size:.85rem;padding:4px 6px}.planned-entry{display:flex;align-items:center;gap:6px;background:var(--accent-soft);border-radius:8px;padding:5px 4px 5px 9px;cursor:grab;touch-action:manipulation;min-width:0}.planned-entry .planned-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem}.planned-entry.is-label{background:var(--surface-2);font-style:italic}.planned-name{font-weight:600}.clear-btn{background:none;border:none;color:var(--text-dim);font-size:1rem;padding:0 6px;border-radius:6px}.clear-btn:hover{color:var(--red)}.suggestions{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:0 16px 16px;position:sticky;top:84px;max-height:calc(100vh - 104px);overflow-y:auto}.suggest-head{display:flex;flex-direction:column;gap:10px;position:sticky;top:0;background:var(--surface);padding:16px 0 10px;z-index:2}.suggest-head h2{font-size:1.1rem}.suggest-head .search{width:100%}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}.chip{background:var(--surface-2);border:1px dashed var(--border);border-radius:99px;padding:5px 13px;font-size:.85rem;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:manipulation}.chip:hover{border-color:var(--accent)}.meal-section h3{margin-top:14px}.section-count{background:var(--surface-2);color:var(--text-dim);border-radius:99px;padding:0 7px;font-size:.72rem;font-weight:600}.suggest-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:start}.meal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:9px 11px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.meal-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}.meal-card:active{transform:translateY(0) scale(.98)}.meal-card.planned{opacity:.55}.ing-dots{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}.dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.dot-have{background:var(--accent)}.dot-low{background:var(--amber)}.dot-out{background:var(--red)}.dot-optional{box-shadow:inset 0 0 0 2px var(--surface);opacity:.55}.source-dragging{opacity:.4}.drag-overlay{cursor:grabbing;box-shadow:0 8px 24px #2d2a242e;margin:0}.meal-card.drag-overlay{background:var(--surface);border:1px solid var(--accent)}.chip.drag-overlay{background:var(--surface)}.planned-entry.drag-overlay{opacity:1}.meal-card-top{display:flex;align-items:baseline;justify-content:space-between;gap:6px;flex-wrap:wrap}.meal-name{font-weight:600;line-height:1.25}.meal-card .pill{flex-shrink:0}.meal-card-meta{display:flex;flex-direction:column;gap:2px;margin-top:4px}.meal-card-meta .pill-leaf{font-size:.68rem;padding:1px 7px}.pill{border-radius:99px;font-size:.72rem;font-weight:600;padding:2px 9px;white-space:nowrap}.pill.small{padding:1px 7px}.pill-green{background:var(--accent-soft);color:var(--accent)}.pill-amber{background:var(--amber-soft);color:var(--amber)}.pill-leaf{background:var(--accent-soft);color:var(--leaf);white-space:normal;width:fit-content}.empty-hint{color:var(--text-dim);background:var(--surface-2);border-radius:var(--radius);padding:12px 14px;margin:10px 0;line-height:1.5}.empty-hint.big{padding:24px;font-size:1rem;max-width:560px}.view-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.meal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.meal-tile{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.meal-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--accent)}.meal-tile-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px}.tile-actions{display:flex;gap:2px;flex-shrink:0}.ing-chips{display:flex;flex-wrap:wrap;gap:6px}.ing-chip{border-radius:99px;font-size:.78rem;padding:3px 10px;background:var(--surface-2);border:1px solid var(--border);display:inline-flex;align-items:center;gap:4px}.ing-chip.status-have{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.ing-chip.status-low{background:var(--amber-soft);border-color:transparent;color:var(--amber)}.ing-chip.status-out{background:var(--red-soft);border-color:transparent;color:var(--red)}.ing-chip.is-new{border-style:dashed}.ing-chip.optional{border:1px dashed var(--text-dim);opacity:.8}.ing-chip.clickable{cursor:pointer;font:inherit;font-size:.78rem}.ing-chip.clickable:hover{border-color:var(--accent)}.ing-chip.group{background:var(--surface-2)}.ing-chip .alt.status-have{color:var(--accent)}.ing-chip .alt.status-low{color:var(--amber)}.ing-chip .alt.status-out{color:var(--red)}.alt-sep{color:var(--text-dim);margin:0 1px}.opt-mark{font-size:.68rem;color:var(--text-dim);font-style:italic;margin-left:2px}.new-mark{font-size:.7rem;color:var(--accent)}.chip-x{background:none;border:none;padding:0 0 0 2px;color:inherit;opacity:.6}.chip-x:hover{opacity:1}.meal-notes{margin-top:8px;font-size:.85rem;color:var(--text-dim);font-style:italic}.legend{margin-top:18px;display:flex;gap:8px;align-items:center}.meal-form{background:var(--surface);border:1px solid var(--accent);border-radius:14px;padding:18px;margin-bottom:18px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow)}.tag-editor{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px}.tag-editor:focus-within{border-color:var(--accent)}.tag-input{border:none!important;outline:none;flex:1;min-width:160px;padding:4px!important}.form-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.add-row{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.add-row input{flex:1;min-width:180px}.pantry-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:7px 8px 7px 14px;margin-bottom:6px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.pantry-row:hover{transform:translateY(-1px);border-color:var(--accent);box-shadow:var(--shadow)}.pantry-row.status-row-out{opacity:.75}.pantry-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pantry-controls{display:flex;align-items:center;gap:6px;flex-shrink:0}.leaf-btn{background:none;border:1px solid transparent;border-radius:8px;padding:3px 6px;filter:grayscale(1);opacity:.45}.leaf-btn.on{filter:none;opacity:1;background:var(--accent-soft);border-color:var(--accent)}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.seg{border:none;background:var(--surface);padding:5px 10px;font-size:.78rem;color:var(--text-dim)}.seg+.seg{border-left:1px solid var(--border)}.seg.active.seg-have{background:var(--accent-soft);color:var(--accent);font-weight:700}.seg.active.seg-low{background:var(--amber-soft);color:var(--amber);font-weight:700}.seg.active.seg-out{background:var(--red-soft);color:var(--red);font-weight:700}.cat-select{padding:4px 6px!important;font-size:.78rem;border-radius:6px}.shopping-view{max-width:560px}.shop-row{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 8px 12px 14px;margin-bottom:6px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.shop-row:hover{transform:translateY(-1px);border-color:var(--accent);box-shadow:var(--shadow)}.shop-row:active{background:var(--surface-2);transform:scale(.99)}.checkbox{width:24px;height:24px;border:2px solid var(--border);border-radius:7px;flex-shrink:0;display:grid;place-items:center;font-weight:700;color:#fff;transition:transform .2s ease,background .2s ease,border-color .2s ease}.shop-row:hover .checkbox{transform:scale(1.08)}.shop-row.checked .checkbox{background:var(--accent);border-color:var(--accent)}.shop-row.checked .shop-name{text-decoration:line-through;color:var(--text-dim)}.shop-name{flex:1;display:flex;align-items:center}.shop-optional{border-style:dashed;opacity:.85}.opt-tag{font-size:.68rem;background:var(--amber-soft);color:var(--amber);padding:1px 7px;border-radius:99px;margin-left:8px;font-weight:600;white-space:nowrap}body.dark .opt-tag{background:var(--amber-soft);color:var(--amber)}.shop-row-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.opt-toggle-btn{font-size:.95rem;color:var(--text-dim);padding:4px 6px}.opt-toggle-btn:hover{color:var(--amber);background:var(--amber-soft)}.done-group{opacity:.8;margin-top:24px}@media(max-width:860px){.content{padding:14px 14px 90px}.topbar{padding:10px 14px}.topbar .tabs{position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);padding:6px 10px calc(6px + env(safe-area-inset-bottom));justify-content:space-around;z-index:30}.tab{flex-direction:column;gap:2px;font-size:.7rem;padding:6px 10px}.tab-icon{font-size:1.25rem}.planner{grid-template-columns:1fr}.suggestions{max-height:none;position:static}.day{flex-direction:column;gap:6px}.day-head{width:auto;flex-direction:row;gap:8px;align-items:baseline}.slots{flex-direction:column}.search{width:130px}.pantry-row{flex-wrap:wrap}.cat-select{display:none}}.toast-container{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:#232220;border:1px solid #3c3a35;box-shadow:0 10px 30px #00000040;border-radius:var(--radius);padding:12px 20px;display:flex;align-items:center;gap:16px;z-index:100;color:#efece6;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}body.dark .toast-container{background:var(--surface);border-color:var(--border);color:var(--text);box-shadow:0 10px 30px #00000080}.toast-text{font-weight:500;font-size:.92rem}.undo-btn{background:#3c3a35;color:#efece6;border:1px solid #4f4c46;border-radius:6px;padding:4px 14px;font-size:.82rem;font-weight:700;cursor:pointer;transition:background .2s,color .2s,transform .1s}.undo-btn:hover{background:var(--accent);color:#fff;border-color:transparent}.undo-btn:active{transform:scale(.95)}body.dark .undo-btn{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}body.dark .undo-btn:hover{background:var(--accent);color:#fff;border-color:transparent}@keyframes slideUp{0%{transform:translate(-50%,20px);opacity:0}to{transform:translate(-50%);opacity:1}}@media(max-width:860px){.toast-container{bottom:74px;width:calc(100% - 28px);max-width:480px;justify-content:space-between}}.shopping-hero-actions{margin-bottom:18px}.populate-btn{width:100%;padding:14px 20px;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);box-shadow:var(--shadow);border-radius:var(--radius)}.populate-btn:hover{transform:translateY(-2px)}.populate-btn:active{transform:translateY(0) scale(.98)}.clear-list-btn{color:var(--red)!important;display:flex;align-items:center;gap:4px;font-weight:600}.clear-list-btn:hover{background:var(--red-soft)!important}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:grid;place-items:center;z-index:200;padding:16px;animation:fadeIn .2s ease}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 40px #00000040;width:100%;max-width:480px;max-height:calc(100vh - 40px);display:flex;flex-direction:column;animation:scaleIn .2s cubic-bezier(.16,1,.3,1)}.modal-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.15rem;font-weight:700;color:var(--text);text-transform:none;letter-spacing:normal}.modal-body{padding:20px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:20px}.choice-group{display:flex;flex-direction:column;gap:8px}.choice-meal-name{font-size:.85rem;color:var(--text-dim);font-weight:600}.choice-options{display:flex;flex-direction:column;gap:6px}.choice-option{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;cursor:pointer;background:var(--surface);transition:border-color .2s,background .2s}.choice-option:hover{border-color:var(--accent)}.choice-option.selected{border-color:var(--accent);background:var(--accent-soft)}.choice-option input[type=radio]{accent-color:var(--accent);cursor:pointer;width:16px;height:16px;margin:0}.choice-label-wrap{flex:1;display:flex;align-items:center;justify-content:space-between}.choice-status-pill{font-size:.72rem}.modal-footer{padding:16px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}