*,:before,:after{box-sizing:border-box}body{margin:0}:root{--bg:#0f172a;--card:#1e293b;--border:#334155;--text:#e2e8f0;--subtext:#64748b;--accent:#4ade80;--accent2:#60a5fa;--accent3:#f59e0b;--input-bg:#0f172a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background .3s,color .3s}.app{max-width:900px;margin:0 auto;padding:1.5rem 2rem 4rem}.app-header{text-align:center;margin-bottom:1.25rem}.header-top{justify-content:center;align-items:center;min-height:44px;margin-bottom:.25rem;display:flex;position:relative}.app-header h1{background:linear-gradient(135deg, var(--accent), var(--accent2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.gear-btn{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:background .15s,transform .2s;display:flex}.gear-btn:hover{background:var(--border);transform:rotate(30deg)}.layout-picker-wrap{z-index:200;position:absolute;top:50%;right:0;transform:translateY(-50%)}.layout-picker{background:var(--card);border:1px solid var(--border);z-index:300;border-radius:1rem;min-width:360px;padding:1rem;animation:.15s slideDown;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 48px #00000080}.layout-picker-title{color:var(--subtext);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem;font-size:.8rem;font-weight:600}.layout-picker-grid{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.layout-option{background:var(--bg);cursor:pointer;border:2px solid #0000;border-radius:.75rem;flex-direction:column;align-items:center;gap:.4rem;padding:.6rem;transition:border-color .15s,background .15s;display:flex}.layout-option:hover{border-color:var(--border)}.layout-option.active{border-color:var(--accent)}.layout-option-name{color:var(--text);font-size:.8rem;font-weight:600}.layout-option-desc{color:var(--subtext);font-size:.68rem}.layout-picker-sep{background:var(--border);height:1px;margin:.75rem 0}.layout-style-grid{grid-template-columns:repeat(4,1fr);gap:.4rem;margin-bottom:.25rem;display:grid}.layout-style-btn{background:var(--bg);cursor:pointer;border:2px solid #0000;border-radius:.6rem;flex-direction:column;align-items:center;gap:.2rem;padding:.6rem .4rem;transition:border-color .15s,background .15s;display:flex}.layout-style-btn:hover{border-color:var(--border)}.layout-style-btn.active{border-color:var(--accent);background:var(--input-bg)}.layout-style-icon{font-size:1.4rem;line-height:1}.layout-style-name{color:var(--text);font-size:.75rem;font-weight:600}.layout-style-desc{color:var(--subtext);text-align:center;font-size:.62rem}.summary-card{background:var(--card);border:1px solid var(--border);border-radius:1rem;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem;padding:1.25rem;transition:background .3s,border-color .3s;display:flex}.calorie-display{align-items:center;gap:1.5rem;display:flex}.calorie-ring-wrap{flex-shrink:0;width:96px;height:96px;position:relative}.calorie-center{flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;inset:0}.calorie-eaten{font-size:1.35rem;font-weight:700;transition:color .3s}.calorie-unit{color:var(--subtext);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:.65rem}.calorie-breakdown{flex:1;align-items:center;gap:.75rem;display:flex}.calorie-stat{text-align:center;flex:1}.calorie-stat-value{font-size:1.2rem;font-weight:600;transition:color .3s}.calorie-stat-label{color:var(--subtext);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-size:.7rem;transition:color .3s}.calorie-divider{color:var(--border);font-size:1.1rem;font-weight:300}.summary-divider{background:var(--border);height:1px;margin:0 -1.25rem}.macro-bars{flex-direction:column;gap:.6rem;display:flex}.over-label{color:#f87171;font-weight:600}.stat-bar{flex-direction:column;gap:.2rem;display:flex}.stat-label{color:var(--subtext);justify-content:space-between;font-size:.75rem;display:flex}.stat-value small{color:var(--subtext)}.bar-track{background:var(--border);border-radius:9999px;height:6px;overflow:hidden}.bar-fill{border-radius:9999px;height:100%;transition:width .4s}.tabs{background:var(--card);border:1px solid var(--border);border-radius:.75rem;gap:.5rem;margin-bottom:1rem;padding:.3rem;display:flex}.tab{color:var(--subtext);cursor:pointer;background:0 0;border:none;border-radius:.5rem;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.6rem .5rem;font-size:.875rem;font-weight:500;transition:background .15s,color .15s;display:flex}.tab:hover,.tab.active{background:var(--border);color:var(--text)}.badge{background:var(--accent);color:var(--bg);border-radius:9999px;padding:.1rem .45rem;font-size:.7rem;font-weight:700}.panel{background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:1.25rem;transition:background .3s}.panel-title{color:var(--text);margin-bottom:1rem;font-size:1rem;font-weight:600}.input{background:var(--input-bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:.5rem;outline:none;padding:.625rem .875rem;font-size:.9rem;transition:border-color .15s}.input:focus{border-color:var(--accent2)}.search-box{margin-bottom:.75rem;position:relative}.search-go-btn{background:var(--accent);color:var(--bg);cursor:pointer;border:none;border-radius:.35rem;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;transition:background .15s;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.search-go-btn:hover{background:var(--accent2)}.loading-dot{background:var(--accent2);border-radius:50%;width:8px;height:8px;animation:1s infinite pulse;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.2}}.results-list{border:1px solid var(--border);background:var(--card);border-radius:.5rem;max-height:280px;list-style:none;overflow:hidden auto}.result-item{cursor:pointer;border-bottom:1px solid var(--bg);justify-content:space-between;align-items:center;padding:.7rem 1rem;transition:background .1s;display:flex}.result-item:last-child{border-bottom:none}.result-item:hover{background:var(--border)}.result-name{color:var(--text);font-size:.875rem}.result-cal{color:var(--subtext);font-size:.8rem}.result-save-btn{border:1px solid var(--border);width:24px;height:24px;color:var(--accent);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:.4rem;font-size:1rem;transition:background .15s,transform .15s;display:flex}.result-save-btn:hover{background:var(--accent);color:var(--bg);transform:scale(1.1)}.search-filters{flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem;display:flex}.search-filter-chip{border:1px solid var(--border);background:var(--input-bg);color:var(--subtext);cursor:pointer;border-radius:9999px;padding:.25rem .65rem;font-size:.78rem;transition:all .15s}.search-filter-chip:hover{border-color:var(--accent);color:var(--text)}.search-filter-chip.active{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:600}.selected-food{background:var(--input-bg);border:1px solid var(--border);border-radius:.75rem;padding:1rem}.selected-header{margin-bottom:.75rem}.macros-preview{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.macros-preview span{background:var(--card);color:var(--text);border-radius:.4rem;padding:.3rem .6rem;font-size:.8rem}.serving-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.serving-input{max-width:80px}.serving-mode-toggle{background:var(--input-bg);border:1px solid var(--border);border-radius:.5rem;flex-shrink:0;display:flex;overflow:hidden}.serving-mode-btn{color:var(--subtext);cursor:pointer;background:0 0;border:none;padding:.4rem .75rem;font-size:.8rem;font-weight:500;transition:background .15s,color .15s}.serving-mode-btn.active{background:var(--accent);color:var(--bg);font-weight:600}.serving-input-wrap{align-items:center;gap:.4rem;display:flex}.serving-input-unit{color:var(--subtext);white-space:nowrap;font-size:.8rem}.serving-preview{color:var(--accent);white-space:nowrap;font-size:.9rem;font-weight:600}.no-results{color:var(--subtext);margin-top:.5rem;font-size:.875rem}.btn-primary{background:var(--accent);color:var(--bg);cursor:pointer;white-space:nowrap;border:none;border-radius:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:background .15s}.btn-primary:hover{background:#22c55e}.btn-remove{color:var(--subtext);cursor:pointer;background:0 0;border:none;border-radius:.25rem;padding:.25rem .5rem;font-size:.875rem;transition:color .15s,background .15s}.btn-remove:hover{color:#f87171;background:var(--border)}.custom-form{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.form-row{flex-direction:column;gap:.3rem;display:flex}.form-row label{color:var(--subtext);font-size:.8rem}.form-row.full{grid-column:1/-1}.error-msg{color:#f87171;background:#f871711a;border:1px solid #f871714d;border-radius:.4rem;margin-bottom:.75rem;padding:.5rem .75rem;font-size:.85rem}.log-table{border-collapse:collapse;width:100%;font-size:.85rem}.log-table th{text-align:left;color:var(--subtext);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.04em;padding:.5rem .4rem;font-size:.75rem;font-weight:600}.log-table td{border-bottom:1px solid var(--border);color:var(--text);padding:.6rem .4rem}.log-table tr:last-child td{border-bottom:none}.log-table tr:hover td{background:var(--input-bg)}.food-name-cell{word-break:break-word;max-width:180px}.log-actions-cell{white-space:nowrap;align-items:center;gap:.25rem;padding:.3rem .2rem;display:flex}.btn-edit-log{cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:4px;padding:.2rem .35rem;font-size:.8rem;transition:opacity .15s,background .15s}.btn-edit-log:hover{opacity:1;background:var(--border)}.empty-log{text-align:center;color:var(--subtext);flex-direction:column;gap:.5rem;padding:3rem 1rem;display:flex}.date-bar{justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.date-arrow{background:var(--card);border:1px solid var(--border);color:var(--subtext);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;line-height:1;transition:background .15s,color .15s;display:flex}.date-arrow:hover:not(:disabled){background:var(--border);color:var(--text)}.date-arrow:disabled{opacity:.25;cursor:default}.date-toggle{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:.75rem;flex-direction:column;align-items:center;gap:1px;min-width:180px;padding:.4rem 1rem;transition:background .15s,border-color .15s;display:flex}.date-toggle:hover{background:var(--border)}.date-toggle-label{color:var(--text);font-size:1rem;font-weight:600}.date-toggle-sub{color:var(--subtext);font-size:.72rem}.date-toggle-icon{color:var(--subtext);margin-top:1px;font-size:.6rem}.calendar-dropdown{background:var(--card);border:1px solid var(--border);border-radius:1rem;margin-top:.75rem;padding:1rem;animation:.15s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.past-day-banner{color:#94a3b8;text-align:center;background:#60a5fa14;border:1px solid #60a5fa40;border-radius:.5rem;margin-bottom:1rem;padding:.5rem 1rem;font-size:.85rem}.link-btn{color:var(--accent);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.link-btn:hover{color:#22c55e}.readonly-badge{color:#64748b;vertical-align:middle;background:#94a3b81a;border:1px solid #334155;border-radius:9999px;margin-left:.5rem;padding:.1rem .5rem;font-size:.7rem;font-weight:400;display:inline-block}.history-list{flex-direction:column;gap:0;list-style:none;display:flex}.history-item{border-bottom:1px solid var(--border);cursor:pointer;border-radius:.5rem;align-items:center;gap:1rem;padding:.85rem .5rem;transition:background .1s;display:flex}.history-item:last-child{border-bottom:none}.history-item:hover{background:var(--border)}.history-item--active{background:var(--input-bg)}.history-item-left{min-width:100px}.history-day-primary{color:var(--text);font-size:.9rem;font-weight:600}.history-day-secondary{color:var(--subtext);margin-top:1px;font-size:.75rem}.history-item-right{flex-direction:column;flex:1;gap:.35rem;display:flex}.mini-bar-wrap{align-items:center;gap:.6rem;display:flex}.mini-bar-track{background:var(--border);border-radius:9999px;flex:1;height:6px;overflow:hidden}.mini-bar-fill{border-radius:9999px;height:100%;transition:width .3s}.mini-bar-label{text-align:right;min-width:80px;font-size:.8rem;font-weight:600}.history-macros{color:var(--subtext);gap:.75rem;font-size:.72rem;display:flex}.history-outer{flex-direction:column;gap:1rem;display:flex}.calendar-panel{padding:1rem 1rem .75rem}.history-panel{padding-bottom:.5rem}.cal-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.cal-month-label{color:var(--text);font-size:1rem;font-weight:600}.cal-nav-btn{background:var(--input-bg);border:1px solid var(--border);color:var(--subtext);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.3rem;line-height:1;transition:background .15s,color .15s;display:flex}.cal-nav-btn:hover:not(:disabled){background:var(--border);color:var(--text)}.cal-nav-btn:disabled{opacity:.25;cursor:default}.cal-grid{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.cal-dow{text-align:center;color:var(--subtext);text-transform:uppercase;letter-spacing:.04em;padding:.25rem 0 .5rem;font-size:.68rem;font-weight:600}.cal-day{aspect-ratio:1;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:44px;padding:2px;transition:background .15s,border-color .15s;display:flex;position:relative}.cal-day:hover:not(:disabled):not(.cal-day--selected){background:var(--card);border-color:var(--border)}.cal-day--future{opacity:.2;cursor:default}.cal-day--today .cal-day-num{color:var(--accent2);font-weight:700}.cal-day--today{border-color:var(--accent2);opacity:.7}.cal-day--selected{background:var(--accent2)!important;border-color:var(--accent2)!important;opacity:1!important}.cal-day--selected .cal-day-num{color:#fff;font-weight:700}.cal-day-num{color:var(--text);font-size:.82rem;line-height:1}.cal-day-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.cal-day-kcal{color:var(--subtext);font-size:.55rem;line-height:1}.cal-legend{border-top:1px solid var(--border);color:var(--subtext);justify-content:center;gap:1rem;margin-top:.75rem;padding-top:.75rem;font-size:.72rem;display:flex}.cal-legend span{align-items:center;gap:.3rem;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.mf-list-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.mf-add-btns{gap:.5rem;display:flex}.mf-filter-tabs{gap:.35rem;margin-bottom:.75rem;display:flex}.mf-filter{color:#64748b;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:9999px;padding:.25rem .75rem;font-size:.78rem;transition:background .15s,color .15s}.mf-filter.active,.mf-filter:hover{color:#e2e8f0;background:#334155}.mf-list{flex-direction:column;gap:0;list-style:none;display:flex}.mf-item{border-bottom:1px solid #1e293b;flex-direction:column;gap:.4rem;padding:.85rem 0;display:flex}.mf-item:last-child{border-bottom:none}.mf-item-top{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.mf-item-name{color:#e2e8f0;font-size:.9rem;font-weight:600}.mf-item-serving{color:#64748b;margin-top:1px;font-size:.75rem}.mf-item-actions{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.mf-pills{flex-wrap:wrap;gap:.35rem;display:flex}.mf-pills span{color:#94a3b8;background:#0f172a;border-radius:.35rem;padding:.2rem .5rem;font-size:.75rem}.mf-recipe-ing-list{flex-wrap:wrap;gap:.3rem;margin-top:.15rem;display:flex}.mf-ing-chip{background:var(--input-bg);color:var(--accent2);border-radius:9999px;padding:.15rem .55rem;font-size:.7rem}.mf-form{flex-direction:column;gap:.75rem;display:flex}.mf-form-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.mf-form-actions{justify-content:flex-end;gap:.5rem;margin-top:.25rem;display:flex}.mf-section-label{color:var(--subtext);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.8rem;font-weight:600}.mf-ingredients{background:var(--input-bg);border:1px solid var(--border);border-radius:.5rem;flex-direction:column;gap:.4rem;padding:.75rem;display:flex}.mf-ingredient-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.mf-ing-name{color:var(--text);flex:1;min-width:120px;font-size:.85rem}.mf-ing-controls{align-items:center;gap:.4rem;display:flex}.mf-ing-unit{color:var(--subtext);white-space:nowrap;font-size:.75rem}.mf-ing-kcal{color:var(--accent);text-align:right;min-width:55px;font-size:.78rem}.mf-recipe-totals{background:var(--input-bg);border:1px solid var(--border);border-radius:.5rem;flex-direction:column;gap:.4rem;padding:.75rem;display:flex}.mf-totals-label{color:var(--subtext);font-size:.8rem;font-weight:600}.mf-totals-total{color:var(--subtext);margin-top:.15rem;font-size:.75rem}.btn-secondary{background:var(--card);color:var(--subtext);border:1px solid var(--border);cursor:pointer;border-radius:.5rem;padding:.625rem 1rem;font-size:.875rem;transition:background .15s}.btn-secondary:hover{background:var(--border);color:var(--text)}.result-custom-badge{margin-right:.3rem}.suggestions-wrap{flex-direction:column;gap:.6rem;margin-bottom:1rem;display:flex}.suggestions-good{background:var(--card);border:1px solid var(--border);color:var(--subtext);border-radius:.75rem;flex-direction:row;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem}.suggestions-header{justify-content:space-between;align-items:center;display:flex}.suggestions-wip{color:var(--accent3);background:color-mix(in srgb, var(--accent3) 8%, var(--card));border:1px solid color-mix(in srgb, var(--accent3) 25%, transparent);border-radius:.4rem;margin-bottom:.25rem;padding:.3rem .6rem;font-size:.72rem}.suggestions-title{color:var(--subtext);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.suggestions-refresh{background:var(--card);border:1px solid var(--border);color:var(--subtext);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:1rem;transition:color .15s,transform .3s;display:flex}.suggestions-refresh:hover{color:var(--accent);transform:rotate(180deg)}.suggestion-card{background:var(--card);border:1px solid var(--border);border-radius:.75rem;flex-direction:column;gap:.6rem;padding:.85rem 1rem;display:flex}.suggestion-header{align-items:center;gap:.65rem;display:flex}.suggestion-icon{flex-shrink:0;font-size:1.2rem}.suggestion-text{flex-direction:column;gap:1px;display:flex}.suggestion-nutrient{font-size:.85rem;font-weight:700}.suggestion-deficit{color:var(--subtext);font-size:.78rem}.suggestion-deficit strong{color:var(--text)}.suggestion-foods{flex-wrap:wrap;gap:.5rem;display:flex}.suggestion-food-chip{background:var(--input-bg);border:1px solid var(--border);border-radius:.5rem;flex-direction:column;flex:1;gap:1px;min-width:120px;padding:.4rem .7rem;display:flex}.suggestion-food-top{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.suggestion-food-name{color:var(--text);font-size:.82rem;font-weight:600}.suggestion-add-btn{background:var(--border);color:var(--text);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.85rem;transition:background .15s,transform .15s;display:flex}.suggestion-add-btn:hover{background:var(--accent);color:var(--bg);transform:scale(1.15)}.suggestion-food-chip.is-fav .suggestion-add-btn:hover{background:var(--accent3)}.suggestion-food-hint{color:var(--subtext);font-size:.7rem}.suggestion-food-chip.is-fav{border-color:var(--accent3);background:color-mix(in srgb, var(--accent3) 8%, var(--input-bg))}.suggestion-fav-star{color:var(--accent3)}.btn-fav{cursor:pointer;color:var(--subtext);background:0 0;border:none;padding:0 .3rem 0 0;font-size:1rem;line-height:1;transition:color .15s,transform .15s}.btn-fav:hover{color:var(--accent3);transform:scale(1.2)}.btn-fav.active{color:var(--accent3)}.suggestion-card--excess{background:color-mix(in srgb, #f87171 6%, var(--card));border-color:#f8717159}.suggestion-nutrient--excess{color:#f87171}.suggestion-comparison{align-items:center;gap:.5rem;margin-top:.1rem;display:flex}.suggestion-compare-item{border-radius:.6rem;flex-direction:column;flex:1;gap:2px;padding:.55rem .75rem;display:flex}.suggestion-compare-item--less{background:#f871711a;border:1px solid #f871714d}.suggestion-compare-item--more{background:#4ade801a;border:1px solid #4ade804d}.suggestion-compare-label{color:var(--subtext);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:700}.suggestion-compare-name{color:var(--text);font-size:.85rem;font-weight:700}.suggestion-compare-stat{color:var(--subtext);font-size:.75rem}.suggestion-compare-pct{opacity:.7}.suggestion-compare-arrow{color:var(--subtext);flex-shrink:0;font-size:1.1rem}.suggestion-excess-info{color:var(--subtext);border-left:2px solid #f8717166;padding-left:.6rem;font-size:.78rem;line-height:1.5}.suggestion-deficit-info{color:var(--subtext);border-left:2px solid #4ade8066;padding-left:.6rem;font-size:.78rem;line-height:1.5}.goal-setup{flex-direction:column;gap:1.25rem;display:flex}.goal-section{flex-direction:column;gap:.6rem;display:flex}.goal-section-label{color:var(--subtext);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:600}.goal-gender-row{gap:.75rem;display:flex}.goal-gender-btn{border:2px solid var(--border);background:var(--input-bg);color:var(--subtext);cursor:pointer;border-radius:.75rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.9rem;font-weight:600;transition:all .15s;display:flex}.goal-gender-btn:hover{border-color:var(--accent);color:var(--text)}.goal-gender-btn.active{border-color:var(--accent);color:var(--accent);background:var(--card)}.goal-stats-grid{grid-template-columns:1fr 1fr 1fr;gap:.75rem;display:grid}.goal-input-wrap{align-items:center;display:flex;position:relative}.goal-input-wrap .input{padding-right:2.5rem}.goal-input-unit{color:var(--subtext);pointer-events:none;font-size:.75rem;position:absolute;right:.75rem}.goal-activity-list{flex-direction:column;gap:.35rem;display:flex}.goal-activity-btn{background:var(--input-bg);cursor:pointer;text-align:left;border:2px solid #0000;border-radius:.6rem;align-items:center;gap:.75rem;padding:.65rem .9rem;transition:all .15s;display:flex}.goal-activity-btn:hover{border-color:var(--border)}.goal-activity-btn.active{border-color:var(--accent);background:var(--card)}.goal-activity-label{color:var(--text);min-width:110px;font-size:.875rem;font-weight:600}.goal-activity-desc{color:var(--subtext);flex:1;font-size:.75rem}.goal-activity-info{background:var(--border);width:18px;height:18px;color:var(--subtext);cursor:help;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;transition:background .15s,color .15s;display:flex;position:relative}.goal-activity-info:hover{background:var(--accent2);color:#fff}.goal-goal-row{gap:.65rem;display:flex}.goal-goal-btn{border:2px solid var(--border);background:var(--input-bg);cursor:pointer;border-radius:.75rem;flex-direction:column;flex:1;align-items:center;gap:.25rem;padding:.85rem .5rem;transition:all .15s;display:flex}.goal-goal-btn:hover{border-color:var(--accent)}.goal-goal-btn.active{border-color:var(--accent);background:var(--card)}.goal-goal-icon{font-size:1.5rem}.goal-goal-label{color:var(--text);font-size:.8rem;font-weight:600}.goal-goal-desc{color:var(--subtext);font-size:.68rem}.goal-preview{background:var(--input-bg);border:1px solid var(--border);border-radius:.75rem;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.goal-preview-title{color:var(--subtext);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.goal-preview-grid{justify-content:space-around;display:flex}.goal-preview-item{text-align:center}.goal-preview-val{color:var(--accent);font-size:1.3rem;font-weight:700}.goal-preview-label{color:var(--subtext);margin-top:2px;font-size:.7rem}.goal-preview-sub{color:var(--subtext);text-align:center;font-size:.72rem}.dashboard-summary{grid-template-columns:repeat(4,1fr);gap:.65rem;margin-bottom:1.5rem;display:grid}.dash-cal-tile{grid-column:1/-1;align-items:center;gap:1rem;margin-bottom:0;padding:1rem 1.25rem;display:flex}.dash-cal-num{font-size:2rem;font-weight:700;line-height:1;transition:color .3s}.dash-cal-label{color:var(--subtext);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:.75rem}.dash-cal-remain{margin-top:4px;font-size:.85rem;font-weight:600;transition:color .3s}.dash-macro-tile{flex-direction:column;gap:.35rem;margin-bottom:0;padding:.85rem .75rem;display:flex}.dash-tile-label{color:var(--subtext);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.dash-tile-value{font-size:1.35rem;font-weight:700;line-height:1;transition:color .3s}.dash-tile-unit{color:var(--subtext);margin-left:1px;font-size:.7rem;font-weight:400}.dash-tile-goal{color:var(--subtext);margin-top:2px;font-size:.68rem}.compact-summary{align-items:stretch;gap:0;margin-bottom:1.25rem;padding:0;display:flex;overflow:hidden}.compact-cal{flex-direction:column;flex-shrink:0;justify-content:center;gap:.3rem;min-width:110px;padding:.9rem 1.1rem;display:flex}.compact-cal-num{font-size:1.5rem;font-weight:700;line-height:1;transition:color .3s}.compact-cal-sub{color:var(--subtext);flex-direction:column;gap:1px;font-size:.68rem;display:flex}.compact-cal-bar{height:4px;margin-top:4px}.compact-divider{background:var(--border);flex-shrink:0;align-self:stretch;width:1px}.compact-macro{border-left:1px solid var(--border);flex-direction:column;flex:1;justify-content:center;gap:.25rem;min-width:0;padding:.9rem .75rem;display:flex}.compact-macro-label{color:var(--subtext);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:.62rem;font-weight:600}.compact-macro-val{font-size:1rem;font-weight:700;line-height:1;transition:color .3s}.compact-macro-bar{height:3px;margin-top:2px}.app--sidebar{grid-template-columns:320px 1fr;align-items:start;column-gap:1.5rem;max-width:1100px;display:grid}.app--sidebar .app-header{grid-column:1/-1}.app--sidebar .summary-card{grid-area:2/1/10;margin-bottom:0;position:sticky;top:1rem}.app--sidebar .past-day-banner,.app--sidebar .tabs,.app--sidebar .tab-content{grid-column:2}.app--sidebar .calorie-display{flex-direction:column;align-items:center;gap:1rem}.app--sidebar .calorie-breakdown{justify-content:space-around;width:100%}.app--sidebar .calorie-ring-wrap,.app--sidebar .calorie-ring-wrap svg{width:112px;height:112px}@media (width<=500px){.calorie-display{gap:1rem}.calorie-breakdown{gap:.5rem}.calorie-stat-value{font-size:1rem}.custom-form{grid-template-columns:1fr}.tabs{gap:.25rem}.tab{padding:.5rem .25rem;font-size:.75rem}.dashboard-summary{grid-template-columns:1fr 1fr}.dash-cal-tile{grid-column:1/-1}.app--sidebar{grid-template-columns:1fr}.app--sidebar .summary-card{grid-area:auto/1;position:static}.app--sidebar .past-day-banner,.app--sidebar .tabs,.app--sidebar .tab-content{grid-area:auto/1}.compact-summary{flex-wrap:wrap}.compact-cal{width:100%;min-width:unset;border-bottom:1px solid var(--border)}.compact-macro{flex:0 0 calc(25% - 1px)}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{background:var(--card);border:1px solid var(--border);border-radius:14px;width:100%;max-width:360px;animation:.18s modal-in;box-shadow:0 20px 60px #00000080}@keyframes modal-in{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--border);padding:1.1rem 1.25rem .75rem;position:relative}.modal-title{padding-right:2rem;font-size:1rem;font-weight:600}.modal-subtitle{color:var(--subtext);margin-top:.2rem;font-size:.78rem}.modal-close{color:var(--subtext);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.2rem .4rem;font-size:.9rem;position:absolute;top:.9rem;right:1rem}.modal-close:hover{color:var(--text);background:var(--border)}.modal-body{padding:1.1rem 1.25rem}.modal-label{color:var(--subtext);margin-bottom:.5rem;font-size:.8rem;font-weight:500;display:block}.modal-serving-row{align-items:center;gap:.5rem;display:flex}.modal-step-btn{background:var(--border);color:var(--text);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;min-width:44px;height:36px;padding:0 .6rem;font-size:.85rem;font-weight:600;transition:background .15s;display:flex}.modal-step-btn:hover{background:var(--subtext)}.modal-serving-hint{color:var(--subtext);text-align:center;margin-top:.35rem;font-size:.78rem}.modal-serving-input{text-align:center;flex:1;font-size:1.1rem;font-weight:600}.modal-preview{background:var(--input-bg);border-radius:8px;gap:.4rem;margin-top:1rem;padding:.6rem .5rem;display:flex}.modal-preview-item{text-align:center;flex:1}.modal-preview-val{color:var(--text);font-size:.85rem;font-weight:600;display:block}.modal-preview-cal .modal-preview-val{color:var(--accent);font-size:.95rem}.modal-preview-label{color:var(--subtext);margin-top:.1rem;font-size:.65rem;display:block}.modal-footer{border-top:1px solid var(--border);gap:.5rem;padding:.75rem 1.25rem 1rem;display:flex}.modal-footer .btn-secondary,.modal-footer .btn-primary{flex:1}.auth-screen{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.auth-card{background:var(--card);border:1px solid var(--border);border-radius:1.25rem;width:100%;max-width:420px;padding:2.5rem 2rem;box-shadow:0 24px 64px #0006}.auth-logo{text-align:center;background:linear-gradient(135deg, var(--accent), var(--accent2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.25rem;font-size:2rem;font-weight:800}.auth-sub{text-align:center;color:var(--subtext);margin-bottom:1.75rem;font-size:.9rem}.auth-tabs{background:var(--bg);border-radius:.75rem;gap:.25rem;margin-bottom:1.5rem;padding:.25rem;display:flex}.auth-tab{color:var(--subtext);cursor:pointer;background:0 0;border:none;border-radius:.55rem;flex:1;padding:.55rem;font-size:.9rem;font-weight:600;transition:background .15s,color .15s}.auth-tab:hover{color:var(--text)}.auth-tab.active{background:var(--card);color:var(--text);box-shadow:0 2px 8px #00000040}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-form .form-row{flex-direction:column;gap:.4rem;display:flex}.auth-form label{color:var(--subtext);font-size:.85rem;font-weight:600}.auth-form .input{background:var(--input-bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:.6rem;padding:.65rem .9rem;font-size:.95rem;transition:border-color .15s}.auth-form .input:focus{border-color:var(--accent);outline:none}.auth-form .btn-primary{border-radius:.75rem;margin-top:.25rem;padding:.75rem;font-size:.95rem;font-weight:700}.full-width{width:100%}.error-msg{color:#f87171;text-align:center;background:#ef44441f;border:1px solid #ef444459;border-radius:.5rem;padding:.6rem .8rem;font-size:.85rem}.layout-lang-row{gap:.4rem;margin-bottom:.25rem;display:flex}.layout-lang-btn{background:var(--bg);color:var(--subtext);cursor:pointer;border:2px solid #0000;border-radius:.5rem;flex:1;padding:.45rem .5rem;font-size:.85rem;font-weight:600;transition:border-color .15s,color .15s}.layout-lang-btn:hover{color:var(--text)}.layout-lang-btn.active{border-color:var(--accent);color:var(--text)}.layout-picker-user{color:var(--subtext);justify-content:space-between;align-items:center;padding-top:.25rem;font-size:.85rem;display:flex}.admin-panel{padding:.5rem 0}.section-title{color:var(--text);margin-bottom:1rem;font-size:1.1rem;font-weight:700}.admin-msg{border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.6rem 1rem;font-size:.9rem;display:flex}.admin-msg--ok{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d}.admin-msg--err{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.admin-user-list{flex-direction:column;gap:.75rem;display:flex}.admin-user-row{background:var(--card);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.admin-user-info{flex-direction:column;gap:.2rem;display:flex}.admin-user-name{color:var(--text);align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;display:flex}.admin-badge{background:var(--accent);color:#fff;border-radius:999px;padding:.1rem .45rem;font-size:.7rem;font-weight:700}.admin-user-email{color:var(--subtext);font-size:.8rem}.admin-user-date{color:var(--subtext);font-size:.75rem}.admin-user-actions{flex-wrap:wrap;gap:.4rem;display:flex}.btn-danger{color:#f87171;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:7px;padding:.35rem .75rem;font-size:.8rem}.btn-danger:hover{background:#ef444440}