:root{--primary: #0a84ff;--primary-light:#3d9eff;--primary-dark: #0070e0;--primary-bg: rgba(10,132,255,.15);--primary-bg-hover: rgba(10,132,255,.25);--protein: #ff6b35;--carbs: #30d2ff;--fat: #bf5af2;--success: #30d158;--warning: #ffd60a;--danger: #ff453a;--bg: #000000;--bg-2: #0d0d0d;--surface: #1c1c1e;--surface-2: #2c2c2e;--surface-3: #3a3a3c;--border: #2c2c2e;--border-strong: #48484a;--text: #ffffff;--text-secondary: #ebebf5;--text-muted: #8e8e93;--navbar-bg: rgba(28, 28, 30, .95);--nav-hover-bg: rgba(255,255,255,.08);--shadow-sm: 0 1px 3px rgba(0,0,0,.7), 0 1px 2px rgba(0,0,0,.5);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.8), 0 2px 4px -1px rgba(0,0,0,.6);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.9), 0 4px 6px -2px rgba(0,0,0,.7);--shadow-focus: 0 0 0 3px rgba(10,132,255,.35);--radius-sm: 6px;--radius: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--t-fast: .12s ease;--t: .2s ease;--t-slow: .3s ease;--navbar-h: 60px}[data-theme=light]{--bg: #f8fafc;--bg-2: #f1f5f9;--surface: #ffffff;--surface-2: #f1f5f9;--surface-3: #e8edf5;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--navbar-bg: rgba(255, 255, 255, .9);--nav-hover-bg: rgba(255,255,255,.7);--primary-bg: #eef2ff;--primary-bg-hover: #dde4fe;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -1px rgba(0,0,0,.04);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -2px rgba(0,0,0,.04);--shadow-focus: 0 0 0 3px rgba(99,102,241,.15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;line-height:1.6;color:var(--text);background:var(--bg);min-height:100vh}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;background:none;line-height:inherit}input,select,textarea{font-family:inherit;font-size:inherit}img{display:block;max-width:100%}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button{-webkit-appearance:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:none}.app-shell{min-height:100vh;background:var(--bg);padding-top:var(--navbar-h)}.page{max-width:520px;margin:0 auto;padding:var(--sp-6) var(--sp-4) var(--sp-12)}.page--wide{max-width:860px;margin:0 auto;padding:var(--sp-6) var(--sp-4) var(--sp-12)}.page-header{margin-bottom:var(--sp-6)}.page-title{font-size:1.5rem;font-weight:700;color:var(--text);letter-spacing:-.02em;line-height:1.2}.page-subtitle{font-size:.875rem;color:var(--text-muted);margin-top:var(--sp-1)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-5);box-shadow:var(--shadow-sm)}.card--elevated{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:var(--sp-5);box-shadow:var(--shadow-md)}.card-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:var(--sp-4)}.card-divider{height:1px;background:var(--border);margin:var(--sp-4) 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:.5625rem var(--sp-4);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;line-height:1;min-height:44px;transition:background var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast),color var(--t-fast),border-color var(--t-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 1px 3px #6366f140}.btn-primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 3px 10px #6366f159}.btn-primary:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn-secondary{background:var(--primary-bg);color:var(--primary);border:1px solid transparent}.btn-secondary:hover:not(:disabled){background:var(--primary-bg-hover);border-color:var(--primary-light)}.btn-secondary:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong);color:var(--text)}.btn-ghost:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn-danger{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.3)}.btn-danger:hover:not(:disabled){background:#ef44442e;border-color:var(--danger)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);padding:0;flex-shrink:0;transition:background var(--t-fast),color var(--t-fast)}.btn-icon:hover{background:#ef44441f;color:var(--danger)}.btn-theme{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);padding:0;flex-shrink:0;transition:background var(--t-fast),color var(--t-fast);border:1px solid var(--border)}.btn-theme:hover{background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.btn-sm{padding:.375rem .75rem;font-size:.8125rem;min-height:36px}.btn-full{width:100%;padding:.8125rem;font-size:.9375rem;font-weight:600;border-radius:var(--radius)}.btn-add-food{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;color:var(--primary);background:var(--primary-bg);border:1px solid transparent;transition:background var(--t-fast),border-color var(--t-fast)}.btn-add-food:hover{background:var(--primary-bg-hover);border-color:var(--primary-light)}.input{width:100%;padding:.625rem .875rem;border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-3);color:var(--text);font-size:.9375rem;line-height:1.5;transition:border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none}.input::placeholder{color:var(--text-muted)}.input:hover:not(:disabled){border-color:var(--border-strong)}.input:focus{outline:none;border-color:var(--primary);background:var(--surface-2);box-shadow:var(--shadow-focus)}.input:disabled{background:var(--surface-2);color:var(--text-muted);cursor:not-allowed}.input-group{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--sp-4)}.input-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.input-prefix{position:relative}.input-prefix .input{padding-left:2.625rem}.input-prefix-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--text-muted);display:flex;align-items:center;pointer-events:none;font-size:1rem;z-index:1}.input-with-suffix{position:relative}.input-with-suffix .input{padding-right:3rem}.input-suffix{position:absolute;right:.875rem;top:50%;transform:translateY(-50%);font-size:.8125rem;font-weight:500;color:var(--text-muted);pointer-events:none}.progress-track{width:100%;height:6px;background:var(--surface-3);border-radius:var(--radius-full);overflow:hidden}.progress-track--thin{height:4px}.progress-track--thick{height:8px}.progress-fill{height:100%;border-radius:var(--radius-full);transition:width .7s cubic-bezier(.4,0,.2,1);background:var(--primary)}.progress-fill--calories{background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%)}.progress-fill--calories.warn{background:linear-gradient(90deg,var(--warning) 0%,#fbbf24 100%)}.progress-fill--calories.danger{background:linear-gradient(90deg,var(--danger) 0%,#f87171 100%)}.progress-fill--protein{background:var(--protein)}.progress-fill--carbs{background:var(--carbs)}.progress-fill--fat{background:var(--fat)}.calorie-hero{text-align:center;padding:var(--sp-2) 0 var(--sp-3)}.calorie-hero__number{font-size:clamp(28px,7vw,38px);font-weight:700;color:var(--text);letter-spacing:-.04em;line-height:1}.calorie-hero__unit{font-size:1rem;font-weight:400;color:var(--text-muted)}.calorie-hero__goal{font-size:.8125rem;color:var(--text-muted);margin-top:2px}.remaining-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 12px;border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;background:#22c55e26;color:var(--success)}.remaining-pill--over{background:#ef444426;color:var(--danger)}.macro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);margin-top:var(--sp-4)}.macro-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-3);border-top-width:3px;transition:box-shadow var(--t-fast),transform var(--t-fast)}.macro-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.macro-card--protein{border-top-color:var(--protein)}.macro-card--carbs{border-top-color:var(--carbs)}.macro-card--fat{border-top-color:var(--fat)}.macro-card__value{font-size:1.5rem;font-weight:700;color:var(--text);letter-spacing:-.02em;line-height:1.1}.macro-card__unit{font-size:.8125rem;font-weight:400;color:var(--text-muted)}.macro-card__goal{font-size:.6875rem;color:var(--text-muted);margin-top:2px}.macro-card__label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-top:var(--sp-2);margin-bottom:var(--sp-1)}.macro-rings{display:flex;justify-content:space-around;align-items:center;padding:4px 0 2px;gap:8px}.macro-ring{display:flex;flex-direction:column;align-items:center;gap:6px}.macro-ring__label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.calorie-card-body{display:flex;align-items:center;gap:var(--sp-3)}.calorie-card-left{flex:1;min-width:0}.calorie-compact__num{font-size:clamp(22px,5.5vw,32px);font-weight:700;color:var(--text);letter-spacing:-.04em;line-height:1}.calorie-compact__unit{font-size:.875rem;font-weight:400;color:var(--text-muted)}.calorie-compact__goal{font-size:.75rem;color:var(--text-muted);margin-top:3px;margin-bottom:var(--sp-2)}.calorie-card-macros{display:flex;flex-direction:column;gap:7px;flex:0 0 55%;max-width:55%}.macro-row{display:flex;align-items:center;gap:6px}.macro-row__lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;width:11px;flex-shrink:0;text-align:center}.macro-row__lbl--protein{color:var(--protein)}.macro-row__lbl--carbs{color:var(--carbs)}.macro-row__lbl--fat{color:var(--fat)}.macro-row__track{flex:1;height:6px!important;margin:0}.macro-row__val{font-size:11px;font-weight:600;color:var(--text);white-space:nowrap;min-width:54px;text-align:right;flex-shrink:0}.macro-row__goaltext{font-size:10px;font-weight:400;color:var(--text-muted)}.macro-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;letter-spacing:.01em;line-height:1.5;white-space:nowrap}.macro-badge--protein{background:#f9731626;color:var(--protein)}.macro-badge--carbs{background:#3b82f626;color:var(--carbs)}.macro-badge--fat{background:#a855f726;color:var(--fat)}.macro-badge--cal{background:var(--surface-2);color:var(--text-secondary)}.macro-badge-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.meal-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--sp-3);box-shadow:var(--shadow-sm);transition:box-shadow var(--t-fast)}.meal-section:hover{box-shadow:var(--shadow-md)}.meal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--t-fast)}.meal-header:hover{background:var(--surface-2)}.meal-header:active{background:var(--border)}.meal-header-left{display:flex;align-items:center;gap:var(--sp-3)}.meal-name{font-size:.9375rem;font-weight:600;color:var(--text)}.meal-calories{font-size:.8125rem;color:var(--text-muted);font-weight:400}.meal-chevron{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:transform var(--t);flex-shrink:0}.meal-chevron.open{transform:rotate(180deg)}.meal-body{border-top:1px solid var(--border);animation:fadeIn .2s ease}.food-row-wrap{position:relative;overflow:hidden;touch-action:pan-y}.food-row-wrap:last-child .food-row{border-bottom:none}.food-row__swipe-delete{display:none;position:absolute;right:0;top:0;bottom:0;width:80px;background:var(--danger);color:#fff;font-size:.8125rem;font-weight:600;border:none;cursor:pointer;align-items:center;justify-content:center}.food-row{display:flex;align-items:center;gap:var(--sp-3);padding:10px var(--sp-5);border-bottom:1px solid var(--border);transition:background var(--t-fast);position:relative;cursor:pointer;min-height:48px;background:var(--surface);will-change:transform}.food-row--anim{transition:background var(--t-fast),transform .25s ease}.food-row:hover{background:var(--surface-2)}.food-row:hover .food-row__delete{opacity:1}.food-row__info{flex:1;min-width:0}.food-row__name{font-size:.875rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.food-row__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:3px}.food-row__meta-text{font-size:.6875rem;color:var(--text-muted)}.food-row__cals{font-size:.875rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.food-row__delete{opacity:0;transition:opacity var(--t-fast);flex-shrink:0}.edit-preview{text-align:center;font-size:20px;font-weight:700;color:var(--primary);padding:4px 0 8px}.edit-preview__label{font-size:12px;color:var(--text-muted);font-weight:400}.edit-modal-body{padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-4)}.edit-food-header{position:relative}.edit-food-name-btn{display:flex;align-items:baseline;gap:var(--sp-2);flex-wrap:wrap;background:none;border:none;cursor:pointer;padding:0;text-align:left;width:100%}.edit-food-name-btn__name{font-size:1.0625rem;font-weight:600;color:var(--text);line-height:1.3}.edit-food-name-btn__brand{font-size:.8125rem;color:var(--text-muted)}.edit-food-name-btn__pencil{font-size:.9rem;color:var(--text-muted);margin-left:auto;flex-shrink:0}.edit-donut-section{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0}.edit-macro-row{display:flex;justify-content:center;gap:var(--sp-6)}.edit-macro-item{display:flex;flex-direction:column;align-items:center;gap:2px}.edit-macro-item__val{font-size:1rem;font-weight:700;color:var(--text)}.edit-macro-item__label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.edit-macro-item--protein .edit-macro-item__val{color:var(--protein)}.edit-macro-item--carbs .edit-macro-item__val{color:var(--carbs)}.edit-macro-item--fat .edit-macro-item__val{color:var(--fat)}.edit-section{display:flex;flex-direction:column;gap:var(--sp-2);padding-top:var(--sp-3);border-top:1px solid var(--border)}.edit-section__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.edit-section__sublabel{font-weight:400;text-transform:none;letter-spacing:0;font-size:.75rem}.serving-row{display:flex;align-items:flex-end;gap:var(--sp-2)}.serving-row__item{display:flex;flex-direction:column;gap:6px}.serving-row__item--size{flex:1;min-width:0}.serving-row__item--size .amount-input{width:100%;box-sizing:border-box}.serving-row__item>.edit-section__label,.serving-row__item>.servings-label{white-space:nowrap}.amount-input-row{display:flex;gap:var(--sp-2);align-items:center}.amount-input{flex:1;padding:10px 12px;border:1.5px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-2);font-size:1.125rem;font-weight:600;text-align:center;color:var(--text);min-width:0}.amount-input:focus{outline:none;border-color:var(--primary);background:var(--surface)}.unit-pills{display:flex;gap:4px;flex-shrink:0}.unit-select{flex-shrink:0;padding:10px;border:1.5px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-2);color:var(--text);font-size:.9375rem;font-weight:500;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;min-width:90px;max-width:180px}.unit-pill{padding:8px 10px;border-radius:var(--radius);border:1.5px solid var(--border-strong);background:var(--surface-2);font-size:.8125rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast)}.unit-pill.active{background:var(--primary);border-color:var(--primary);color:#fff}.edit-portion-scroll{display:flex;gap:var(--sp-2);overflow-x:auto;padding-bottom:var(--sp-1);-webkit-overflow-scrolling:touch;scrollbar-width:none}.edit-portion-scroll::-webkit-scrollbar{display:none}.edit-portion-chip{flex-shrink:0;padding:6px 14px;border-radius:var(--radius-full);border:1.5px solid var(--border-strong);background:var(--surface-2);font-size:.8125rem;font-weight:500;color:var(--text);cursor:pointer;white-space:nowrap;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast)}.edit-portion-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.meal-pills{display:flex;gap:8px;flex-wrap:wrap}.modal-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.btn-text{background:transparent;border:none;padding:0;font-size:14px;font-weight:500;color:var(--primary);cursor:pointer;display:inline-flex;align-items:center;gap:4px}.btn-text:hover{color:var(--primary-dark, var(--primary));text-decoration:underline}.meal-add-row{padding:10px var(--sp-5);display:flex;align-items:center;justify-content:space-between;background:var(--surface)}.meal-item-count{font-size:.75rem;color:var(--text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:0;animation:fadeIn .15s ease}@media (min-width: 540px){.modal-overlay{align-items:center;padding:var(--sp-6)}}.modal{background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .3s cubic-bezier(.32,.72,0,1)}@media (min-width: 540px){.modal{border-radius:var(--radius-xl);animation:scaleIn .22s cubic-bezier(.32,.72,0,1)}}.modal-handle{width:36px;height:4px;background:var(--border-strong);border-radius:var(--radius-full);margin:var(--sp-3) auto var(--sp-1)}@media (min-width: 540px){.modal-handle{display:none}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);z-index:1}.modal-title{font-size:1rem;font-weight:600;color:var(--text)}.modal-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-muted);transition:background var(--t-fast),color var(--t-fast)}.modal-close:hover{background:var(--border);color:var(--text)}.modal-body{padding:var(--sp-4)}.search-container{display:flex;flex-direction:column}.search-input-wrap{margin-bottom:var(--sp-3)}.search-result{display:flex;flex-direction:column;border-bottom:1px solid var(--border)}.search-result:last-child{border-bottom:none}.search-result__header{display:flex;align-items:center;gap:var(--sp-3);padding:12px var(--sp-4);cursor:pointer;transition:background var(--t-fast)}.search-result__header:hover{background:var(--surface-2)}.search-result__info{flex:1;min-width:0}.search-result__name{font-size:.875rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result__brand{font-size:.75rem;color:var(--text-muted);margin-top:1px}.search-result__expand-btn{width:28px;height:28px;border-radius:var(--radius-full);background:var(--primary-bg);color:var(--primary);font-size:1.25rem;font-weight:300;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--t-fast),color var(--t-fast);line-height:1}.search-result__expand-btn:hover{background:var(--primary);color:#fff}.search-result__expanded{padding:var(--sp-3) var(--sp-4) var(--sp-4);border-top:1px solid var(--border);background:var(--surface-2);animation:fadeIn .15s ease}.meal-selector{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:var(--sp-3)}.meal-pill{padding:5px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;border:1.5px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast)}.meal-pill.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 1px 4px #6366f14d}.meal-pill:hover:not(.active){border-color:var(--primary-light);color:var(--primary)}.servings-control{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3);flex-wrap:wrap}.servings-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary);white-space:nowrap}.servings-stepper{display:flex;align-items:center;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:3px;gap:2px}.stepper-btn{width:30px;height:30px;border-radius:4px;font-size:1.125rem;color:var(--primary);background:var(--primary-bg);display:flex;align-items:center;justify-content:center;transition:background var(--t-fast),color var(--t-fast);flex-shrink:0;line-height:1}.stepper-btn:hover{background:var(--primary);color:#fff}.stepper-input{width:52px;border:none;text-align:center;font-size:.9375rem;font-weight:600;color:var(--text);background:transparent;padding:0 4px}.stepper-input:focus{outline:none}.cal-preview{font-size:.875rem;color:var(--text-secondary);font-weight:400;margin-bottom:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border)}.cal-preview strong{color:var(--primary);font-weight:700}.date-nav{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);margin-bottom:var(--sp-4);padding:var(--sp-2) 0}.date-nav__btn{width:44px;height:44px;border-radius:var(--radius-full);background:var(--surface);border:1.5px solid var(--border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast);flex-shrink:0}.date-nav__btn:hover:not(:disabled){background:var(--primary-bg);border-color:var(--primary-light);color:var(--primary)}.date-nav__btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.date-nav__label{font-size:1.0625rem;font-weight:600;color:var(--text);min-width:210px;text-align:center}.navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-h);background:var(--navbar-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-strong);box-shadow:var(--shadow-sm);z-index:500;display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-5);gap:var(--sp-4)}.navbar__brand{font-size:1.0625rem;font-weight:700;color:var(--primary);text-decoration:none;display:flex;align-items:center;gap:6px;flex-shrink:0;letter-spacing:-.01em;transition:color var(--t-fast)}.navbar__brand:hover{text-decoration:none;color:var(--primary-dark)}.navbar__links{display:flex;align-items:center;gap:3px;background:var(--surface-2);border-radius:var(--radius-full);padding:4px}.navbar__link{padding:6px 16px;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:background var(--t-fast),color var(--t-fast);white-space:nowrap}.navbar__link:hover{color:var(--text);text-decoration:none;background:var(--nav-hover-bg)}.navbar__link.active{background:var(--primary-bg);color:var(--primary-light)}.navbar__right{display:flex;align-items:center;gap:var(--sp-3);flex-shrink:0}.navbar__user{font-size:.8125rem;color:var(--text-muted)}.floating-nav{display:none;position:fixed;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:16px;right:80px;height:60px;background:#1c1c1ef2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:9999px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #00000080,0 2px 8px #0000004d;flex-direction:row;align-items:stretch;z-index:100;overflow:hidden}.floating-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;font-weight:500;letter-spacing:.02em;color:var(--text-muted);text-decoration:none;border:none;background:none;cursor:pointer;padding:8px 4px 6px;transition:color var(--t-fast),background var(--t-fast);position:relative}.floating-nav__item:hover{text-decoration:none;background:#ffffff0d;color:var(--text-secondary)}.floating-nav__item.active{color:var(--primary-light);background:var(--primary-bg);border-radius:var(--radius-full);margin:6px 4px}.floating-nav__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:transform var(--t-fast)}.floating-nav__item.active .floating-nav__icon{transform:none}.floating-add{display:none;position:fixed;bottom:calc(16px + env(safe-area-inset-bottom,0px));right:16px;width:56px;height:56px;border-radius:50%;background:var(--primary);color:#fff;border:none;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 4px 16px #0a84ff80,0 2px 6px #0006;z-index:101;transition:transform var(--t-fast),background var(--t-fast),box-shadow var(--t-fast);margin-bottom:2px}.floating-add:hover{background:var(--primary-dark);box-shadow:0 6px 20px #0a84ffa6}.floating-add:active{transform:scale(.92)}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .65s linear infinite;flex-shrink:0;display:inline-block}.spinner--sm{width:14px;height:14px;border-width:1.5px}.spinner--lg{width:32px;height:32px;border-width:3px}.loading-center{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-12) var(--sp-4);color:var(--text-muted);font-size:.875rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-8) var(--sp-4);text-align:center}.empty-state__icon{font-size:2rem;opacity:.45;margin-bottom:4px;color:var(--text-muted)}.empty-state__title{font-size:.9375rem;font-weight:600;color:var(--text-secondary)}.empty-state__body{font-size:.8125rem;color:var(--text-muted);max-width:260px;line-height:1.5}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--border) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite;border-radius:var(--radius-sm);display:block}.skeleton-card{height:120px;border-radius:var(--radius-lg);margin-bottom:var(--sp-3)}.skeleton-row{height:52px;border-radius:var(--radius);margin-bottom:var(--sp-2)}.skeleton-text{height:.875rem;border-radius:var(--radius-full)}.toast-container{position:fixed;bottom:var(--sp-8);left:50%;transform:translate(-50%);z-index:2000;display:flex;flex-direction:column;gap:var(--sp-2);align-items:center;pointer-events:none}.toast{display:flex;align-items:center;gap:var(--sp-2);padding:11px var(--sp-5);background:#1c1c1e;color:#fff;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;box-shadow:var(--shadow-lg);animation:slideUp .25s cubic-bezier(.32,.72,0,1);pointer-events:all;white-space:nowrap;border:1px solid var(--border-strong)}.toast--success{background:#14532d;border-color:#166534;color:#bbf7d0}.toast--error{background:#450a0a;border-color:#991b1b;color:#fca5a5}.toast--warning{background:#451a03;border-color:#92400e;color:#fed7aa}.alert{padding:12px var(--sp-4);border-radius:var(--radius);font-size:.875rem;font-weight:500;line-height:1.5;margin-bottom:var(--sp-4);display:flex;align-items:flex-start;gap:var(--sp-2);animation:fadeIn .2s ease}.alert--error{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.3)}.alert--success{background:#22c55e1a;color:var(--success);border:1px solid rgba(34,197,94,.3)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-2);padding:var(--sp-4)}.auth-card{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);padding:var(--sp-8);width:100%;max-width:400px;box-shadow:var(--shadow-lg);animation:scaleIn .3s cubic-bezier(.32,.72,0,1)}.auth-logo{text-align:center;margin-bottom:var(--sp-6)}.auth-logo__name{font-size:1.75rem;font-weight:700;color:var(--primary);letter-spacing:-.03em;display:block;line-height:1.1}.auth-logo__tagline{font-size:.875rem;color:var(--text-muted);margin-top:6px;display:block}.auth-tabs{display:flex;background:var(--surface-2);border-radius:var(--radius-full);padding:4px;margin-bottom:var(--sp-6);gap:4px}.auth-tab{flex:1;padding:8px 0;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;color:var(--text-muted);background:transparent;transition:background var(--t-fast),color var(--t-fast),box-shadow var(--t-fast);text-align:center}.auth-tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.auth-tab:hover:not(.active){color:var(--text-secondary)}.settings-section__title{font-size:1.0625rem;font-weight:600;color:var(--text);letter-spacing:-.01em;margin-bottom:var(--sp-4)}.goals-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.stacked-bar{height:10px;border-radius:var(--radius-full);overflow:hidden;display:flex;background:var(--surface-2)}.stacked-segment{height:100%;transition:flex .4s cubic-bezier(.4,0,.2,1);min-width:0}.stacked-segment--protein{background:var(--protein)}.stacked-segment--carbs{background:var(--carbs)}.stacked-segment--fat{background:var(--fat)}.macro-preview-labels{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-2);font-size:.75rem;color:var(--text-muted)}.macro-preview-label{display:flex;align-items:center;gap:5px}.macro-preview-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chart-container{position:relative;height:240px}.charts-row{display:grid;grid-template-columns:1fr auto;gap:16px;margin-bottom:var(--sp-4);align-items:start}.table-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.history-table{width:100%;border-collapse:collapse;font-size:.875rem}.history-table th{padding:10px var(--sp-4);text-align:left;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);background:var(--surface-2);border-bottom:1px solid var(--border)}.history-table td{padding:11px var(--sp-4);border-bottom:1px solid var(--border);color:var(--text-secondary);vertical-align:middle}.history-table tr:last-child td{border-bottom:none}.history-table tbody tr:nth-child(2n) td{background:var(--surface-2)}.history-table tbody tr:hover td{background:var(--surface-3)}.history-table tr.average-row td{font-weight:700;color:var(--text);background:var(--primary-bg)}.history-table .cal-cell{font-weight:600;color:var(--text)}.macro-ring-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.macro-ring-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);text-align:center}.week-strip{padding:0 var(--sp-1) var(--sp-4);margin-bottom:var(--sp-2);-webkit-user-select:none;user-select:none}.week-strip__week-label{text-align:center;font-size:.6875rem;font-weight:500;color:var(--text-muted);margin-bottom:var(--sp-2);letter-spacing:.02em;min-height:1em}.week-strip__carousel-outer{overflow:hidden;width:100%}.week-strip__carousel-track{display:flex;width:300%;will-change:transform}.week-strip__carousel-track .week-strip__days{flex:0 0 calc(100% / 3);min-width:0}.week-strip__days{display:flex;justify-content:space-between;align-items:center}.week-strip__day{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;padding:4px;cursor:pointer;flex:1;transition:opacity var(--t-fast)}.week-strip__day:disabled{cursor:default;opacity:.3}.week-strip__day:not(:disabled):hover .week-strip__circle:not(.logged){border-color:var(--primary)}.week-strip__letter{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);line-height:1}.week-strip__day:has(.week-strip__circle.today) .week-strip__letter{color:var(--primary)}.week-strip__circle{width:32px;height:32px;border-radius:50%;border:2px solid var(--surface-3);background:transparent;display:flex;align-items:center;justify-content:center;transition:background var(--t),border-color var(--t),box-shadow var(--t)}.week-strip__circle.logged{background:var(--success);border-color:var(--success);box-shadow:0 0 10px #30d15859}.week-strip__circle.today:not(.logged){border:2px dashed var(--primary);background:#0a84ff14}.week-strip__circle.today.logged{border:2px solid var(--primary);background:transparent;box-shadow:none}.week-strip__inner-dot{display:block;width:16px;height:16px;border-radius:50%;background:var(--success);box-shadow:0 0 6px #30d15873}.week-strip__circle.selected:not(.today):not(.logged){border-color:var(--primary);background:transparent}.week-strip__circle.selected.logged:not(.today){border-color:var(--primary);box-shadow:0 0 10px #30d15859}.week-strip__circle.today~.week-strip__letter{color:var(--primary)}.frequent-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:var(--sp-2);padding-left:2px}.insight-card{margin-bottom:var(--sp-5)}.insight-card__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--sp-4)}.insight-card__title{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--primary)}.insight-card__sub{font-size:.75rem;color:var(--text-muted)}.insight-list{display:flex;flex-direction:column;gap:var(--sp-4)}.insight-item{display:flex;gap:var(--sp-3);align-items:flex-start}.insight-item__icon{font-size:1.25rem;line-height:1.3;flex-shrink:0;width:28px;text-align:center}.insight-item__body{flex:1;min-width:0}.insight-item__title{font-size:.875rem;font-weight:600;line-height:1.3;margin-bottom:3px}.insight-item__desc{font-size:.8125rem;color:var(--text-muted);line-height:1.5}.search-input-row{display:flex;align-items:center;gap:var(--sp-2)}.btn-barcode{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-secondary);border:1.5px solid var(--border-strong);transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast);cursor:pointer}.btn-barcode:hover{background:var(--primary-bg);color:var(--primary);border-color:var(--primary)}.btn-barcode:active{transform:scale(.94)}.barcode-status{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-4);color:var(--text-muted);font-size:.875rem}.barcode-found-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--primary);margin-bottom:var(--sp-2);padding-left:2px}.scanner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1100;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .15s ease}@media (min-width: 540px){.scanner-overlay{align-items:center}}.scanner-modal{width:100%;max-width:480px;background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;overflow:hidden;animation:slideUp .28s cubic-bezier(.32,.72,0,1)}@media (min-width: 540px){.scanner-modal{border-radius:var(--radius-xl);animation:scaleIn .22s cubic-bezier(.32,.72,0,1)}}.scanner-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);font-size:1rem;font-weight:600;color:var(--text)}.scanner-viewport{position:relative;width:100%;aspect-ratio:4/3;background:#000;overflow:hidden}.scanner-video{width:100%;height:100%;object-fit:cover;display:block}.scanner-guide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.scanner-guide__frame{position:relative;width:68%;aspect-ratio:2.5/1;box-shadow:0 0 0 9999px #00000080;border-radius:4px;transition:box-shadow var(--t)}.scanner-guide__frame.found{box-shadow:0 0 0 9999px #00000080,0 0 0 2px var(--success)}.scanner-guide__frame .corner{position:absolute;width:18px;height:18px;border-color:var(--primary);border-style:solid}.scanner-guide__frame.found .corner{border-color:var(--success)}.corner.tl{top:-2px;left:-2px;border-width:2.5px 0 0 2.5px;border-radius:3px 0 0}.corner.tr{top:-2px;right:-2px;border-width:2.5px 2.5px 0 0;border-radius:0 3px 0 0}.corner.bl{bottom:-2px;left:-2px;border-width:0 0 2.5px 2.5px;border-radius:0 0 0 3px}.corner.br{bottom:-2px;right:-2px;border-width:0 2.5px 2.5px 0;border-radius:0 0 3px}.scanner-guide__hint{margin-top:14px;font-size:.8125rem;font-weight:500;color:#fff;background:#0000008c;padding:4px 14px;border-radius:var(--radius-full);text-shadow:0 1px 2px rgba(0,0,0,.6)}.scanner-error{padding:var(--sp-10) var(--sp-5);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);text-align:center}.scanner-error__icon{font-size:2.5rem}.scanner-error__msg{font-size:.875rem;color:var(--text-secondary);max-width:280px;line-height:1.5}.unit-dd{position:relative;flex-shrink:0}.unit-dd__trigger{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;border:1.5px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-2);color:var(--text);font-size:.9375rem;font-weight:500;font-family:inherit;cursor:pointer;white-space:nowrap;min-width:72px;max-width:180px;overflow:hidden;transition:border-color var(--t-fast),background var(--t-fast),box-shadow var(--t-fast);-webkit-user-select:none;user-select:none}.unit-dd__trigger:hover{border-color:var(--primary);background:var(--surface-3)}.unit-dd__trigger:active{transform:scale(.96)}.unit-dd__trigger:focus-visible{outline:none;border-color:var(--primary);box-shadow:var(--shadow-focus)}.unit-dd__label{flex:1;overflow:hidden;text-overflow:ellipsis;text-align:left}.unit-dd__chevron{flex-shrink:0;color:var(--text-muted);transition:transform var(--t-fast)}.unit-dd__chevron--open{transform:rotate(180deg)}.unit-dd__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:1200;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .15s ease}.unit-dd__sheet{background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:520px;max-height:72vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:slideUp .28s cubic-bezier(.32,.72,0,1);padding-bottom:env(safe-area-inset-bottom,0)}.unit-dd__handle{width:36px;height:4px;background:var(--border-strong);border-radius:var(--radius-full);margin:12px auto 6px;flex-shrink:0}.unit-dd__sheet-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);padding:4px var(--sp-5) var(--sp-3);flex-shrink:0;border-bottom:1px solid var(--border)}.unit-dd__options{overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:var(--sp-2) var(--sp-3) var(--sp-4);display:flex;flex-direction:column;gap:2px}.unit-dd__option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:13px var(--sp-4);min-height:50px;border:none;border-radius:var(--radius);background:transparent;color:var(--text);font-size:1rem;font-weight:400;font-family:inherit;cursor:pointer;text-align:left;transition:background var(--t-fast),color var(--t-fast);-webkit-user-select:none;user-select:none}.unit-dd__option:hover{background:var(--surface-2)}.unit-dd__option:active{background:var(--surface-3)}.unit-dd__option--active{background:var(--primary-bg);color:var(--primary);font-weight:600}.unit-dd__option--active:hover{background:var(--primary-bg-hover)}@media (min-width: 540px){.unit-dd__overlay{align-items:center;padding:var(--sp-6)}.unit-dd__sheet{border-radius:var(--radius-xl);max-height:65vh;animation:scaleIn .22s cubic-bezier(.32,.72,0,1)}.unit-dd__handle{display:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.divider{height:1px;background:var(--border);margin:var(--sp-4) 0}.text-muted{color:var(--text-muted)}.text-sm{font-size:.8125rem}.text-xs{font-size:.75rem}.font-medium{font-weight:500}.font-bold{font-weight:700}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.mt-1{margin-top:var(--sp-1)}.mt-2{margin-top:var(--sp-2)}.mt-3{margin-top:var(--sp-3)}.mt-4{margin-top:var(--sp-4)}.mb-1{margin-bottom:var(--sp-1)}.mb-2{margin-bottom:var(--sp-2)}.mb-3{margin-bottom:var(--sp-3)}.mb-4{margin-bottom:var(--sp-4)}@media (max-width: 639px){.app-shell{padding-top:0}.navbar{display:none}.floating-nav,.floating-add{display:flex}.app-shell:after{content:"";position:fixed;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to bottom,transparent 0%,var(--bg) 45%,var(--bg) 80%,transparent 100%);pointer-events:none;z-index:99}.page,.page--wide{padding-top:var(--sp-4);padding-bottom:96px;padding-left:var(--sp-4);padding-right:var(--sp-4)}.card,.card--elevated{padding:var(--sp-4)}.auth-card{padding:var(--sp-6) var(--sp-5)}.macro-grid{gap:var(--sp-2)}.macro-card__value{font-size:1.25rem}.date-nav__label{min-width:160px;font-size:.9375rem}.goals-grid{grid-template-columns:1fr}.history-table th,.history-table td{padding:8px var(--sp-3)}.table-scroll-wrapper .history-table{min-width:400px}.btn-add-food{width:100%;justify-content:center;min-height:44px;border-radius:var(--radius)}.meal-add-row{padding:10px var(--sp-4);flex-direction:column;align-items:stretch;gap:var(--sp-2)}.meal-item-count{text-align:right}.food-row__swipe-delete{display:flex}.food-row__delete{display:none}.food-row__name{white-space:normal}.stepper-btn{width:44px;height:44px;border-radius:var(--radius-sm)}.input,.stepper-input,.custom-range input[type=date]{font-size:16px}.charts-row{grid-template-columns:1fr!important}.doughnut-card{width:100%!important;min-width:0!important}.micro-grid{grid-template-columns:repeat(2,1fr)}.custom-range{flex-direction:column;align-items:stretch}.custom-range input[type=date]{width:100%}.modal{max-width:100%;padding-bottom:calc(16px + env(safe-area-inset-bottom,0))}.modal-overlay--search{align-items:flex-start}.modal--search{height:100dvh;max-height:100dvh;border-radius:0;display:flex;flex-direction:column;padding-bottom:0}.modal--search .modal-handle{display:none}.modal--search .modal-body{flex:1;overflow-y:auto;min-height:0}.toast-container{bottom:calc(68px + env(safe-area-inset-bottom,0))}}@media (max-width: 380px){.date-nav__label{min-width:130px;font-size:.875rem}}.range-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.range-pill{padding:6px 14px;border-radius:var(--radius-full);font-size:13px;font-weight:500;border:1.5px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.range-pill:hover{border-color:var(--primary);color:var(--primary)}.range-pill.active{background:var(--primary);border-color:var(--primary);color:#fff}.custom-range{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.custom-range input[type=date]{padding:8px 12px;border-radius:var(--radius);border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-size:14px;font-family:Inter,sans-serif}.custom-range input[type=date]:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-focus)}.calorie-calc{text-align:center;padding:16px;background:var(--primary-bg);border-radius:var(--radius);border:1.5px solid var(--primary);margin-bottom:20px}.calorie-calc__number{font-size:32px;font-weight:700;color:var(--primary);line-height:1}.calorie-calc__label{font-size:12px;color:var(--text-muted);margin-top:4px}.micro-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.micro-card{background:var(--surface-2);border-radius:var(--radius);padding:12px 14px 8px;display:flex;flex-direction:column;gap:4px}.micro-card__header{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.micro-card__label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.micro-card__avg{font-size:13px;font-weight:700;white-space:nowrap}.micro-card__sub{font-size:11px;color:var(--text-muted);margin-top:2px}.edit-food-name{font-size:16px;font-weight:600;color:var(--text);cursor:pointer;border-bottom:1.5px dashed var(--border-strong);padding-bottom:2px;display:inline-flex;align-items:center;gap:5px}.edit-food-name__pencil{font-size:13px;color:var(--primary);opacity:.75;line-height:1;flex-shrink:0}.food-autocomplete{position:relative}.food-autocomplete__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:200;max-height:240px;overflow-y:auto}.food-autocomplete__item{padding:10px 14px;min-height:48px;display:flex;flex-direction:column;justify-content:center;cursor:pointer;border-bottom:1px solid var(--border);transition:background .1s}.food-autocomplete__item:last-child{border-bottom:none}.food-autocomplete__item:hover{background:var(--surface-2)}.food-autocomplete__item__name{font-size:14px;font-weight:500;color:var(--text)}.food-autocomplete__item__meta{font-size:12px;color:var(--text-muted);margin-top:2px}.drp{position:relative;display:inline-block;margin-bottom:var(--sp-4, 16px)}.drp__trigger{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-full);color:var(--text);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast);white-space:nowrap;height:36px;line-height:1}.drp__trigger:hover{background:var(--surface-3);border-color:var(--primary)}.drp__trigger:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.drp__chevron{color:var(--text-muted);flex-shrink:0;transition:transform var(--t-fast)}.drp__chevron--open{transform:rotate(180deg)}.drp__panel{position:absolute;top:calc(100% + 6px);left:0;z-index:300;min-width:180px;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden;animation:drp-appear .12s ease}@keyframes drp-appear{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.drp__list{list-style:none;margin:0;padding:4px 0}.drp__item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;background:none;border:none;color:var(--text-secondary);font-size:.875rem;font-family:inherit;text-align:left;cursor:pointer;transition:background var(--t-fast),color var(--t-fast);gap:8px}.drp__item:hover{background:var(--surface-3);color:var(--text)}.drp__item--active{color:var(--primary);font-weight:600}.drp__item--active:hover{color:var(--primary)}.drp__custom{border-top:1px solid var(--border);padding:12px 14px;display:flex;flex-direction:column;gap:8px}.drp__custom-row{display:flex;align-items:center;gap:10px}.drp__custom-label{font-size:.75rem;color:var(--text-muted);font-weight:500;width:28px;flex-shrink:0}.drp__custom-input{flex:1;padding:6px 8px;background:var(--surface-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);font-size:.8125rem;font-family:inherit;transition:border-color var(--t-fast);min-width:0}.drp__custom-input:focus{outline:none;border-color:var(--primary)}.drp__apply-btn{width:100%;padding:8px;background:var(--primary);border:none;border-radius:var(--radius-sm);color:#fff;font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity var(--t-fast);margin-top:2px}.drp__apply-btn:hover{opacity:.85}.drp__apply-btn:disabled{opacity:.35;cursor:not-allowed}@media (max-width: 600px){.drp__custom-input{font-size:16px}.drp__panel{min-width:220px}}