: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)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-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}.tab:hover{background:var(--surface-2)}.tab.active{background:var(--accent-soft);color:var(--accent)}.badge{background:var(--accent);color:#fff;border-radius:99px;font-size:.7rem;padding:1px 7px;font-weight:600}.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}.primary-btn:hover{filter:brightness(1.08)}.primary-btn:disabled{opacity:.5;cursor:default}.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}.ghost-btn:hover{background:var(--surface-2);color:var(--text)}.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 .12s,box-shadow .12s}.meal-card:hover{border-color:var(--accent);box-shadow:var(--shadow)}.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}.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}.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}.shop-row:active{background:var(--surface-2)}.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}.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}.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}}