:root{--bg-base:#181818;--bg-surface:#262626;--accent:#4f8463;--text-primary:#fff;--text-secondary:#9ca3af;--border-subtle:#ffffff1a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit}img{max-width:100%;height:auto;display:block}*{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s}:hover{scrollbar-color:var(--border-subtle) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#0000;border-radius:4px}:hover::-webkit-scrollbar-thumb{background-color:var(--border-subtle)}::-webkit-scrollbar-thumb:hover{background-color:var(--accent)!important}.flex-1{flex:1}.flex-3{flex:3}.text-center{text-align:center}.text-left{text-align:left}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.main-layout{background:var(--bg-base);color:#fff;flex-direction:column;width:100%;height:100dvh;display:flex;overflow:hidden}.main-content{flex:1;padding-bottom:64px;overflow-y:auto}.bottom-nav{background:var(--bg-base);border-top:1px solid var(--border-subtle);z-index:50;justify-content:space-around;align-items:center;height:64px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;transition:color .2s;display:flex}.nav-item-active{color:var(--accent)}.nav-item-inactive{color:var(--text-secondary)}.nav-item-inactive:hover{color:#fff}.nav-label{font-size:10px;font-weight:500}.page-container{flex-direction:column;height:100%;display:flex;position:relative}.page-header{background:var(--bg-base);z-index:40;border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:1rem;padding:1rem 1rem 0;display:flex;position:sticky;top:0}.header-title-block{justify-content:space-between;align-items:center;display:flex}.header-title-block.flex-col-start{flex-direction:column;align-items:flex-start}.icon-btn{width:2.25rem;height:2.25rem;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-subtle);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn:hover{background:var(--border-subtle);color:var(--text-primary)}.icon-btn-active{background:var(--accent);color:#fff;border-color:var(--accent)}.icon-btn-active:hover{background:var(--accent);opacity:.9;color:#fff}.danger-active{color:#fff;background:#ef4444;border-color:#ef4444}.danger-active:hover{color:#fff;background:#dc2626;border-color:#dc2626}.header-title-block h1,.goals-title{font-size:1.5rem;font-weight:700}.header-title-block p{color:var(--text-secondary);margin-top:.25rem;font-size:.875rem}.page-subtitle{color:var(--text-secondary);margin-top:.25rem;margin-bottom:0;font-size:.875rem}.page-content{flex:1;padding:1rem;overflow-y:auto}.empty-state{text-align:center;color:var(--text-secondary);grid-column:1/-1;padding:2rem 0}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0003}.card-padding{padding:1rem}.card-no-padding{padding:0}.card-clickable{cursor:pointer;transition:transform .2s}.card-clickable:active{transform:scale(.98)}.card-header{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.card-icon{font-size:1.25rem}.card-header h2{font-size:1.125rem;font-weight:600}.card-hint{text-align:center;color:var(--text-secondary);margin-top:.75rem;font-size:.75rem}.chip{white-space:nowrap;border-radius:999px;padding:.375rem 1rem;font-size:.875rem;font-weight:500;transition:background .2s}.chip-active{background:var(--accent);color:#fff}.chip-inactive{background:var(--bg-surface);color:var(--text-secondary)}.chip-inactive:hover{color:#fff}.chip-scroller{gap:.5rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.btn{border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-weight:500;transition:opacity .2s;display:flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{opacity:.9}.btn-secondary{background:var(--bg-surface);color:#fff}.btn-secondary:hover{opacity:.8}.btn-full{width:100%}.btn-small{padding:.5rem;font-size:.75rem}.search-bar-container{align-items:center;width:100%;display:flex;position:relative}.search-icon{color:var(--text-secondary);position:absolute;left:.75rem}.search-input{background:var(--bg-surface);color:#fff;border:none;border-radius:8px;outline:none;width:100%;padding:.625rem 2.5rem;transition:box-shadow .2s}.search-input:focus{box-shadow:0 0 0 1px var(--accent)}.search-input::placeholder{color:var(--text-secondary)}.search-clear{color:var(--text-secondary);position:absolute;right:.75rem}.search-clear:hover{opacity:1}.header-actions{align-items:center;gap:.75rem;display:flex}.icon-btn{width:44px;height:44px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s,color .2s;display:flex}.icon-btn:hover{color:var(--text-primary);background-color:#ffffff0d}.icon-btn-active{color:var(--accent)}.dropdown-container{position:relative}.dropdown-menu{background:var(--bg-surface);border:1px solid var(--border-subtle);z-index:50;border-radius:12px;flex-direction:column;gap:.25rem;min-width:160px;padding:.5rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 8px 24px #0006}.dropdown-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.95rem;transition:background-color .2s;display:flex}.dropdown-item:hover{background-color:#ffffff0d}.dropdown-item-selected{color:var(--accent);font-weight:600}.dropdown-check{color:var(--accent)}.meal-group-section{margin-bottom:2rem}.meal-group-title{color:var(--text-primary);border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.25rem;font-weight:600}.inline-create-meal{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;margin:1rem 0;padding:1.5rem;transition:all .3s;overflow:hidden}.inline-create-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.inline-create-header h2{margin:0;font-size:1.2rem}.inline-create-content{flex-direction:column;gap:1rem;display:flex}.form-row{gap:1rem;display:flex}.form-group{flex-direction:column;gap:.25rem;display:flex}.form-group label{color:var(--text-secondary);letter-spacing:.05em;font-size:.75rem;font-weight:600}.form-input{background:var(--bg-body);border:1px solid var(--border);color:var(--text-primary);box-sizing:border-box;border-radius:8px;width:100%;padding:.75rem;font-family:inherit;font-size:.95rem}.form-input:focus{border-color:var(--accent);outline:none}.photo-upload-btn{border:2px dashed var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:2rem;transition:all .2s;display:flex}.photo-upload-btn:hover{border-color:var(--accent);color:var(--accent)}.macros-inputs{gap:.5rem;display:flex}.macro-input{text-align:center}.search-ingredients-mock{align-items:center;display:flex;position:relative}.search-ingredients-mock svg{color:var(--text-secondary);position:absolute;left:.75rem}.mock-search-input{background:var(--bg-body);border:1px solid var(--border);color:var(--text-primary);box-sizing:border-box;border-radius:8px;width:100%;padding:.75rem .75rem .75rem 2.5rem}.create-submit-btn{color:#fff;margin-top:1rem}.checkbox{border:1px solid var(--border-subtle);background:0 0;border-radius:4px;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;transition:background .2s;display:flex}.checkbox-checked{background:var(--accent);border-color:var(--accent)}.ingredient-info{flex:1;align-items:center;gap:1rem;display:flex}.ingredient-icon-wrapper{background:var(--bg-surface);width:2.5rem;height:2.5rem;color:var(--text-secondary);border-radius:999px;justify-content:center;align-items:center;display:flex}.ingredient-text h3{color:#fff;margin-bottom:0;font-size:1rem;font-weight:500}.ingredient-text p{color:var(--text-secondary);margin-top:.125rem;font-size:.75rem}.ingredient-actions{align-items:center;gap:1rem;padding-left:1rem;display:flex}.ingredient-list-btn{color:var(--text-secondary)}.ingredient-list-btn:hover{color:#fff}.list-container{background:var(--bg-surface);border-radius:12px;padding:.5rem 1rem}.macro-block{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:.75rem;display:flex}.macro-block-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.25rem;font-size:10px;font-weight:700}.macro-block-current{color:#fff;align-items:baseline;font-size:1.25rem;font-weight:700;display:flex}.macro-block-diff{margin-top:.25rem;font-size:.75rem;font-weight:500}.diff-over{color:#f87171}.diff-under{color:var(--text-secondary)}.meal-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width>=768px){.meal-grid{grid-template-columns:repeat(3,1fr)}}.meal-card{flex-direction:column;height:16rem;display:flex;position:relative}.meal-card-bg{z-index:0;position:absolute;inset:0}.meal-card-img{object-fit:cover;width:100%;height:100%}.meal-card-img-placeholder{background:var(--bg-base);width:100%;height:100%;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.meal-card-gradient{background:linear-gradient(#0000,#0006,#000000e6);position:absolute;inset:0}.meal-card-topbar{z-index:10;justify-content:space-between;align-items:flex-start;padding:.75rem;display:flex;position:relative}.meal-card-missing-tag{background:var(--bg-base);color:var(--text-secondary);border-radius:12px;align-items:center;gap:4px;padding:.35rem .5rem;font-size:11px;font-weight:700;display:flex}.meal-card-fav-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;transition:background .2s;display:flex}.meal-card-fav-btn:hover{background:#000000b3}.spacer{flex:1}.meal-card-content{z-index:10;padding:1rem;position:relative}.meal-card-title{margin-bottom:.25rem;font-size:1.125rem;font-weight:700;line-height:1.25}.meal-card-meta{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-top:.25rem;font-size:.75rem;font-weight:500;display:flex}.meal-meta-item{white-space:nowrap;align-items:center;gap:4px;display:flex}.dot{margin:0 .125rem}.modal-overlay{z-index:100;background:var(--bg-base);flex-direction:column;display:flex;position:fixed;inset:0}.meal-detail-header{flex-shrink:0;height:16rem;position:relative}.meal-detail-img{object-fit:cover;width:100%;height:100%}.meal-detail-placeholder{background:var(--bg-surface);width:100%;height:100%;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.meal-detail-gradient{background:linear-gradient(to top, var(--bg-base), #0000004d);position:absolute;inset:0}.modal-back-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#00000080;border-radius:999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;position:absolute;top:1rem;left:1rem}.meal-detail-content-area{z-index:10;flex:1;margin-top:-2rem;padding:0 1rem 6rem;position:relative;overflow-y:auto}.meal-detail-title{margin-bottom:.5rem;font-size:1.875rem;font-weight:700;line-height:1.25}.meal-detail-tags{gap:.5rem;margin-bottom:1.5rem;display:flex;overflow-x:auto}.meal-tag{text-transform:uppercase;letter-spacing:.05em;background:var(--bg-surface);color:var(--text-secondary);white-space:nowrap;border-radius:4px;padding:.25rem .5rem;font-size:10px;font-weight:700}.meal-detail-macros{gap:.5rem;margin-bottom:2rem;display:flex}.meal-detail-section{margin-bottom:2rem}.meal-detail-section h2{margin-bottom:1rem;font-size:1.125rem;font-weight:700}.ingredient-list{flex-direction:column;gap:.25rem;display:flex}.ingredient-list-item{cursor:pointer;width:100%;color:var(--text-primary);background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem;font-family:inherit;font-size:1rem;transition:background .2s;display:flex}.ingredient-list-item:hover{background:#ffffff0d}.missing-item{opacity:.5;text-decoration:line-through}.ingredient-name{font-weight:500}.ingredient-amount{color:var(--text-secondary);font-size:.875rem}.direction-list{flex-direction:column;gap:1.5rem;padding-left:0;list-style:none;display:flex}.direction-step{align-items:flex-start;gap:1rem;display:flex}.step-number{color:var(--accent);border:2px solid var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.875rem;font-weight:700;display:flex}.step-text{color:var(--text-secondary);padding-top:.125rem;font-size:1rem;line-height:1.5}.modal-actions{background:var(--bg-base);border-top:1px solid var(--border-subtle);z-index:20;gap:.5rem;padding:1rem;display:flex;position:fixed;bottom:0;left:0;right:0}.modal-backdrop{z-index:110;background:#000c;flex-direction:column;padding-top:4rem;display:flex;position:fixed;inset:0}.selector-modal{background:var(--bg-base);border-radius:1.5rem 1.5rem 0 0;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 -10px 25px #00000080}.selector-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1rem;display:flex}.selector-title{font-size:1.25rem;font-weight:700}.selector-subtitle{color:var(--text-secondary);font-size:.75rem}.selector-close{color:var(--text-secondary);padding:.5rem}.selector-close:hover{color:#fff}.selector-search{padding:1rem}.selector-list{flex-direction:column;flex:1;gap:.75rem;padding:1rem;display:flex;overflow-y:auto}.selector-list-item{text-align:left;background:var(--bg-surface);border:1px solid #0000;border-radius:12px;align-items:center;gap:1rem;width:100%;padding:.75rem 1rem;transition:background .2s;display:flex}.selector-list-item:hover{border-color:var(--accent);background:#ffffff0d}.clear-icon{background:var(--bg-base);color:#f87171;border-radius:999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.clear-text{color:#f87171;font-weight:500}.meal-thumb{background:var(--bg-base);width:3.5rem;height:3.5rem;color:var(--text-secondary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.meal-thumb img{object-fit:cover;width:100%;height:100%}.meal-thumb-info{flex:1}.meal-thumb-info h3{margin-bottom:.25rem;font-size:1rem;font-weight:700}.meal-thumb-meta{color:var(--text-secondary);gap:.25rem;font-size:.75rem;display:flex}.planner-container{position:relative}.planner-header-top{justify-content:space-between;align-items:center;display:flex}.history-btn{color:var(--text-secondary);background:var(--bg-surface);border-radius:999px;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.875rem;font-weight:500;display:flex}.history-btn:hover{color:#fff}.week-navigator-container{align-items:center;gap:.5rem;margin-top:1rem;display:flex}.week-nav-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.week-nav-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.week-navigator{flex:1;gap:.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.day-btn{border:1px solid #0000;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:3.5rem;height:4rem;transition:background .2s;display:flex}.day-active{background:var(--accent);border-color:var(--accent);color:#fff}.day-inactive{background:var(--bg-surface);color:var(--text-secondary)}.day-inactive:hover{background:#ffffff0d}.day-name{letter-spacing:.05em;font-size:10px;font-weight:700}.day-num{margin-top:.125rem;font-size:1.125rem;font-weight:700}.planner-content{padding-bottom:12rem}.planner-slot{margin-bottom:1rem}.planner-slot-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:.5rem;font-size:.75rem;font-weight:700}.planner-slot-card{border:1px solid var(--border-subtle)}.planner-slot-content{align-items:center;display:flex}.planner-slot-thumb{background:var(--bg-base);flex-shrink:0;width:5rem;height:5rem}.planner-slot-thumb img{object-fit:cover;width:100%;height:100%}.planner-slot-info{flex:1;padding:.75rem}.planner-slot-info h4{margin-bottom:.25rem;font-size:1rem;font-weight:700}.planner-slot-meta{color:var(--text-secondary);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.planner-slot-empty{background:var(--bg-surface);border:1px dashed var(--border-subtle);width:100%;height:5rem;color:var(--text-secondary);border-radius:12px;justify-content:center;align-items:center;font-weight:500;transition:color .2s,border-color .2s;display:flex}.planner-slot-empty:hover{color:#fff;border-color:var(--accent)}.add-icon{margin-right:.5rem}.daily-summary{background:var(--bg-base);border-top:1px solid var(--border-subtle);z-index:40;padding:1rem;position:fixed;bottom:64px;left:0;right:0}.daily-summary-header{justify-content:space-between;align-items:flex-end;margin-bottom:.75rem;display:flex}.daily-summary-header h3{font-size:1.125rem;font-weight:700}.daily-summary-header p{color:var(--text-secondary);font-size:.75rem}.daily-summary-cals{text-align:right}.cal-current{color:var(--accent);font-size:1.5rem;font-weight:700}.cal-target{text-transform:uppercase;color:var(--text-secondary);font-size:10px;font-weight:700}.daily-summary-macros{gap:.5rem;display:flex}.edit-btn{color:var(--accent);font-size:.875rem;font-weight:500}.pantry-tab{margin-left:.25rem;padding:.25rem}.goals-container{background:var(--bg-base);gap:1rem}.goals-title{margin-bottom:.5rem}.goals-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:1rem;padding:1.5rem;box-shadow:0 4px 12px #0000001a}.goals-card h2{color:#fff;margin-bottom:1rem;font-size:1rem;font-weight:600}.goals-hint{color:var(--text-secondary);text-align:center;margin-top:1rem;font-size:.75rem}.target-cal-input{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:8px;justify-content:center;align-items:center;width:100%;padding:1rem;display:flex}.target-cal-input input{color:#fff;text-align:center;background:0 0;border:none;outline:none;width:120px;font-size:1.25rem;font-weight:700}.target-cal-input span{color:var(--text-secondary);margin-left:.5rem;font-size:.875rem;font-weight:600}.grid-3-col{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.preset-btn{text-align:left;border:1px solid var(--border-subtle);background:var(--bg-base);color:#fff;cursor:pointer;border-radius:8px;padding:.75rem;transition:all .2s}.preset-btn:hover{background:#ffffff0d}.preset-btn-active{border-color:var(--accent);background:#4f84631a}.preset-name{margin-bottom:.25rem;font-size:.8rem;font-weight:600}.preset-meta{color:var(--text-secondary);font-size:.65rem}.macro-split-list{flex-direction:column;gap:.75rem;display:flex}.macro-split-row{justify-content:space-between;align-items:center;display:flex}.macro-split-left{justify-content:space-between;align-items:center;gap:1rem;width:100px;display:flex}.macro-split-label{color:#fff;font-size:.875rem;font-weight:600}.macro-split-pct{color:var(--text-secondary);font-size:.875rem}.macro-split-input{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:6px;flex:1;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.macro-split-input input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:.875rem}.macro-split-input span{color:var(--text-secondary);font-size:.875rem;font-weight:600}.form-group label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.75rem;display:block}.form-input{background:var(--bg-base);border:1px solid var(--border-subtle);color:#fff;border-radius:6px;outline:none;width:100%;padding:.75rem 1rem;font-size:.875rem}.form-input:focus{border-color:var(--accent)}.grid-2-col{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.toggle-group{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:6px;display:flex;overflow:hidden}.toggle-btn{color:var(--text-secondary);text-align:center;cursor:pointer;background:0 0;border:none;flex:1;padding:.75rem;font-size:.875rem;font-weight:600;transition:all .2s}.toggle-active-cyan{background:var(--accent);color:#fff}.multi-input-group{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:6px;display:flex}.multi-input-group input{color:#fff;text-align:center;background:0 0;border:none;outline:none;flex:1;width:0;padding:.75rem;font-size:.875rem}.multi-input-group span{color:var(--text-secondary);background:0 0;padding:.75rem;font-size:.75rem;font-weight:600}.slider-group{align-items:center;gap:1rem;margin-top:.5rem;display:flex}.range-slider{appearance:none;background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:3px;outline:none;flex:1;height:6px}.range-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:16px;height:16px}.slider-value{color:#fff;text-align:right;min-width:48px;font-size:.875rem;font-weight:600}.btn-cyan{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:.875rem;font-weight:600;transition:opacity .2s}.btn-cyan:hover{opacity:.9}.btn-outline-danger{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef4444;border-radius:8px;width:100%;padding:.875rem;font-weight:600;transition:background .2s}.btn-outline-danger:hover{background:#ef44441a}.data-buttons{flex-direction:column;gap:.75rem;display:flex}.history-panel{background:var(--bg-surface);border-bottom:1px solid var(--border);max-height:50vh;padding:1rem;overflow-y:auto}.history-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.history-header-left{align-items:center;gap:.5rem;display:flex}.clear-history-btn{color:#ff4b4b;cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;font-size:.85rem;font-weight:600;display:flex}.history-day-card{background:var(--bg-body);border:1px solid var(--border);border-radius:12px;margin-bottom:1rem;padding:1rem}.history-day-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.history-cals{font-size:.9rem}.current-cal{color:var(--accent);font-size:1.1rem;font-weight:700}.target-cal{color:var(--text-secondary);margin:0 .25rem}.diff-cal.over{color:#ff4b4b}.diff-cal.under{color:var(--accent)}.history-macros{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.history-macro-block{border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:.75rem;display:flex}.macro-p{background:#3b82f61a;border:1px solid #3b82f633}.macro-c{background:#10b9811a;border:1px solid #10b98133}.macro-f{background:#f59e0b1a;border:1px solid #f59e0b33}.history-macro-block .macro-label{letter-spacing:.05em;margin-bottom:.25rem;font-size:.7rem;font-weight:700}.macro-p .macro-label{color:#60a5fa}.macro-c .macro-label{color:#34d399}.macro-f .macro-label{color:#fbbf24}.history-macro-block .macro-val{color:#fff;margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.history-macro-block .macro-diff{font-size:.75rem;font-weight:600}.macro-diff.over{color:#ff4b4b}.macro-diff.under{color:var(--accent)}.ingredient-usage-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;margin-top:.5rem;padding:1rem;animation:.3s ease-out slideDown}.usage-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.usage-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none}.usage-list{flex-direction:column;gap:.5rem;max-height:200px;display:flex;overflow-y:auto}.usage-list-item{background:var(--bg-body);cursor:pointer;border-radius:6px;align-items:center;gap:.75rem;padding:.5rem;transition:background .2s;display:flex}.usage-list-item:hover{background:#ffffff0d}.usage-meal-thumb{object-fit:cover;border-radius:6px;width:40px;height:40px}.usage-meal-placeholder{background:#ffffff0d;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.inline-planner-slideup{background:var(--bg-surface);z-index:120;border-top-left-radius:24px;border-top-right-radius:24px;padding:1.5rem;animation:.3s ease-out slideUp;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #00000080}.inline-planner-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.inline-planner-section{margin-bottom:1.5rem}.inline-planner-section label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.85rem;font-weight:600;display:block}.date-scroller{gap:.75rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.date-scroller::-webkit-scrollbar{display:none}.date-scroller-btn{background:var(--bg-body);border:1px solid var(--border);border-radius:12px;flex-direction:column;flex:none;align-items:center;min-width:60px;padding:.75rem;transition:all .2s;display:flex}.date-scroller-btn.active{border-color:var(--accent);background:#4f846333}.ds-day{color:var(--text-secondary);margin-bottom:.25rem;font-size:.75rem}.ds-num{color:#fff;font-size:1.25rem;font-weight:700}.date-scroller-btn.active .ds-day{color:var(--accent)}.slot-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.slot-btn{background:var(--bg-body);border:1px solid var(--border);border-radius:8px;padding:.75rem;font-size:.9rem;font-weight:500;transition:all .2s}.slot-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-edit-btn{color:#fff;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:1rem;right:1rem}.inline-edit-form{padding-top:1rem}.photo-edit-overlay{cursor:pointer;width:100%;height:100%;display:block;position:relative}.photo-edit-overlay .meal-detail-img{opacity:.5}.photo-edit-btn{color:#fff;text-shadow:0 2px 4px #00000080;z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-weight:600;display:flex;position:absolute;inset:0}.ingredient-row-wrapper{border-bottom:1px solid var(--border-subtle);flex-direction:column;padding:.75rem 0;display:flex}.ingredient-row-main{justify-content:space-between;align-items:center;width:100%;display:flex}.ingredient-row-wrapper.edit-mode{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;margin:.5rem 0;padding:1rem}.ingredient-edit-form{background:var(--bg-surface);border-radius:8px;flex-direction:column;gap:.75rem;width:100%;padding:.5rem;display:flex}.ingredient-name-input{font-size:1rem;font-weight:500}.ingredient-edit-bottom{justify-content:space-between;align-items:center;gap:1rem;display:flex}.ingredient-macro-inputs{flex:1;gap:.5rem;display:flex}.macro-input-wrapper{background:var(--bg-body);border:1px solid var(--border);border-radius:6px;flex:1;align-items:center;min-width:0;padding-left:.5rem;display:flex}.macro-prefix{color:var(--text-secondary);font-size:.8rem;font-weight:600}.macro-input-wrapper input{color:#fff;background:0 0;border:none;width:100%;padding:.5rem;font-size:.95rem}.macro-input-wrapper input:focus{outline:none}.ingredient-save-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:40px;transition:background .2s;display:flex}.ingredient-save-btn:hover{background:#059669}.ingredient-edit-trigger-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:color .2s;display:flex}.ingredient-edit-trigger-btn:hover{color:var(--accent)}.toggle-switch{width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--bg-surface);border-radius:24px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.toggle-slider{background-color:var(--accent)}input:checked+.toggle-slider:before{transform:translate(20px)}