@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary: #ffffff;--bg-secondary: #f0f4f8;--bg-card: #ffffff;--bg-app: #e8edf2;--accent: #3b82f6;--accent-dark: #2563eb;--accent-light: #dbeafe;--accent-gradient: linear-gradient(135deg, #3b82f6, #6366f1);--green: #22c55e;--green-light: #dcfce7;--green-gradient: linear-gradient(135deg, #22c55e, #16a34a);--orange: #f97316;--orange-light: #fff7ed;--orange-gradient: linear-gradient(135deg, #f97316, #ea580c);--red: #ef4444;--red-light: #fef2f2;--red-gradient: linear-gradient(135deg, #ef4444, #dc2626);--purple: #8b5cf6;--purple-light: #f5f3ff;--purple-gradient: linear-gradient(135deg, #8b5cf6, #7c3aed);--cyan: #06b6d4;--cyan-light: #ecfeff;--pink: #ec4899;--pink-light: #fdf2f8;--text-primary: #0f172a;--text-secondary: #64748b;--text-tertiary: #94a3b8;--text-white: #ffffff;--border: #e2e8f0;--border-focus: #3b82f6;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(0,0,0,.1);--shadow-accent: 0 4px 16px rgba(59,130,246,.3);--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--nav-height: 64px}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font);background:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh;min-height:100dvh}#root{min-height:100vh;min-height:100dvh;display:flex;justify-content:center;background:var(--bg-app)}.app-shell{width:100%;max-width:420px;min-height:100vh;min-height:100dvh;background:var(--bg-secondary);position:relative;display:flex;flex-direction:column;box-shadow:-1px 0 40px #00000014,1px 0 40px #00000014}.page{flex:1;padding:20px 16px;padding-bottom:calc(var(--nav-height) + 24px);overflow-y:auto;overflow-x:hidden;animation:pageIn .35s cubic-bezier(.4,0,.2,1)}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-title{font-size:1.375rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.page-subtitle{font-size:.8rem;color:var(--text-secondary);margin-top:2px}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm);margin-bottom:12px;transition:transform .2s,box-shadow .2s}.card:active{transform:scale(.98)}.card-gradient{background:var(--accent-gradient);color:#fff}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-title{font-size:.875rem;font-weight:700;color:var(--text-primary)}.card-gradient .card-title{color:#fff}.circular-progress{position:relative;display:flex;align-items:center;justify-content:center}.circular-progress svg{transform:rotate(-90deg)}.circular-progress-bg{fill:none;stroke:var(--bg-secondary);stroke-width:8}.circular-progress-fill{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1)}.circular-progress-text{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center}.circular-value{font-size:1.5rem;font-weight:800;line-height:1;letter-spacing:-.02em}.circular-label{font-size:.625rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.macros-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.macro-card{border-radius:var(--radius-md);padding:12px 10px;text-align:center}.macro-card.protein{background:var(--green-light)}.macro-card.fat{background:var(--orange-light)}.macro-card.carbs{background:var(--purple-light)}.macro-value{font-size:1.125rem;font-weight:800;line-height:1.2}.macro-card.protein .macro-value{color:var(--green)}.macro-card.fat .macro-value{color:var(--orange)}.macro-card.carbs .macro-value{color:var(--purple)}.macro-label{font-size:.625rem;font-weight:600;color:var(--text-secondary);margin-top:2px;text-transform:uppercase;letter-spacing:.04em}.macro-bar{height:4px;border-radius:var(--radius-full);background:#0000000f;margin-top:6px;overflow:hidden}.macro-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .8s cubic-bezier(.4,0,.2,1)}.macro-card.protein .macro-bar-fill{background:var(--green)}.macro-card.fat .macro-bar-fill{background:var(--orange)}.macro-card.carbs .macro-bar-fill{background:var(--purple)}.progress-container{margin-bottom:10px}.progress-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}.progress-label{font-size:.75rem;font-weight:600;color:var(--text-secondary)}.progress-value{font-size:.75rem;font-weight:700;color:var(--text-primary)}.progress-bar{height:10px;border-radius:var(--radius-full);background:var(--bg-secondary);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);transition:width .8s cubic-bezier(.4,0,.2,1);min-width:3px}.progress-fill.blue{background:var(--accent-gradient)}.progress-fill.green{background:var(--green-gradient)}.progress-fill.orange{background:var(--orange-gradient)}.progress-fill.purple{background:var(--purple-gradient)}.progress-fill.red{background:var(--red-gradient)}.progress-fill.cyan{background:linear-gradient(135deg,#06b6d4,#0891b2)}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.stat-card{background:var(--bg-card);border-radius:var(--radius-md);padding:14px 8px;text-align:center;box-shadow:var(--shadow-xs);transition:transform .2s}.stat-card:active{transform:scale(.95)}.stat-card.accent-bg{background:var(--accent-gradient);color:#fff}.stat-card.green-bg{background:var(--green-gradient);color:#fff}.stat-value{font-size:1.25rem;font-weight:800;line-height:1.2;letter-spacing:-.02em}.stat-value.blue{color:var(--accent)}.stat-value.green{color:var(--green)}.stat-value.orange{color:var(--orange)}.stat-value.red{color:var(--red)}.stat-value.purple{color:var(--purple)}.stat-card.accent-bg .stat-value,.stat-card.green-bg .stat-value{color:#fff}.stat-label{font-size:.6rem;font-weight:600;color:var(--text-tertiary);margin-top:4px;text-transform:uppercase;letter-spacing:.04em}.stat-card.accent-bg .stat-label,.stat-card.green-bg .stat-label{color:#ffffffbf}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:var(--radius-md);font-family:var(--font);font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.95)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-accent)}.btn-primary:active{box-shadow:0 2px 8px #3b82f633}.btn-green{background:var(--green-gradient);color:#fff;box-shadow:0 4px 16px #22c55e4d}.btn-orange{background:var(--orange-gradient);color:#fff;box-shadow:0 4px 16px #f973164d}.btn-red{background:var(--red-gradient);color:#fff}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary)}.btn-outline{background:transparent;color:var(--accent);border:1.5px solid var(--accent)}.btn-ghost{background:transparent;color:var(--accent);padding:8px 12px}.btn-full{width:100%}.btn-sm{padding:8px 14px;font-size:.75rem;border-radius:var(--radius-sm)}.btn-lg{padding:14px 24px;font-size:.938rem;border-radius:var(--radius-lg)}.fab{position:fixed;bottom:calc(var(--nav-height) + 16px);right:calc(50% - 190px);width:52px;height:52px;border-radius:50%;background:var(--accent-gradient);color:#fff;border:none;box-shadow:var(--shadow-accent);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;transition:all .2s}.fab:active{transform:scale(.9)}@media (max-width: 420px){.fab{right:16px}}.bottom-nav{position:fixed;bottom:0;width:100%;max-width:420px;height:var(--nav-height);background:var(--bg-card);border-top:1px solid var(--border);display:flex;align-items:stretch;justify-content:space-around;z-index:100;box-shadow:0 -2px 12px #0000000a}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;text-decoration:none;color:var(--text-tertiary);transition:all .2s;cursor:pointer;border:none;background:none;font-family:var(--font);-webkit-tap-highlight-color:transparent;position:relative}.nav-item.active{color:var(--accent)}.nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:3px;border-radius:0 0 4px 4px;background:var(--accent-gradient)}.nav-item svg{width:18px;height:18px;transition:transform .2s}.nav-item.active svg{transform:scale(1.1)}.nav-label{font-size:.438rem;font-weight:700;letter-spacing:.01em;text-transform:uppercase}.category-tabs{display:flex;gap:4px;overflow-x:auto;padding-bottom:4px;margin-bottom:14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.category-tabs::-webkit-scrollbar{display:none}.category-tab{flex-shrink:0;padding:7px 11px;border-radius:var(--radius-full);border:none;font-size:.625rem;font-weight:700;cursor:pointer;transition:all .25s;font-family:var(--font);white-space:nowrap;letter-spacing:.01em}.category-tab{background:var(--bg-card);color:var(--text-secondary);box-shadow:var(--shadow-xs)}.category-tab.active{color:#fff;box-shadow:var(--shadow-md);transform:scale(1.05)}.category-tab[data-cat=a].active{background:var(--accent-gradient)}.category-tab[data-cat=b].active{background:var(--red-gradient)}.category-tab[data-cat=v].active{background:var(--green-gradient)}.category-tab[data-cat=g].active{background:var(--orange-gradient)}.category-tab[data-cat=d].active{background:linear-gradient(135deg,#06b6d4,#0891b2)}.category-tab[data-cat=e].active{background:linear-gradient(135deg,#a855f7,#9333ea)}.category-tab[data-cat=ye].active{background:linear-gradient(135deg,#eab308,#ca8a04)}.category-tab[data-cat=zh].active{background:linear-gradient(135deg,#ec4899,#db2777)}.product-item{display:flex;align-items:center;padding:12px 14px;background:var(--bg-card);border-radius:var(--radius-md);margin-bottom:8px;box-shadow:var(--shadow-xs);cursor:pointer;transition:all .2s}.product-item:active{transform:scale(.97);box-shadow:var(--shadow-md)}.product-color-dot{width:10px;height:10px;border-radius:50%;margin-right:12px;flex-shrink:0}.product-info-block{flex:1;min-width:0}.product-name{font-size:.813rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-meta{font-size:.625rem;color:var(--text-tertiary);margin-top:2px}.product-kcal{font-size:.813rem;font-weight:800;color:var(--accent);margin-left:8px;white-space:nowrap}.product-add-btn{width:32px;height:32px;border-radius:50%;background:var(--accent-light);border:none;color:var(--accent);display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:8px;transition:all .2s;flex-shrink:0}.product-add-btn:active{background:var(--accent);color:#fff;transform:scale(.85)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease;padding-bottom:env(safe-area-inset-bottom,0px)}.modal-content{background:var(--bg-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:16px 16px 20px;width:100%;max-width:420px;max-height:75vh;max-height:75dvh;overflow-y:auto;animation:slideUp .35s cubic-bezier(.4,0,.2,1);-webkit-overflow-scrolling:touch}.modal-handle{width:40px;height:4px;background:var(--border);border-radius:var(--radius-full);margin:0 auto 16px}.modal-title{font-size:1.125rem;font-weight:800;text-align:center;margin-bottom:16px;letter-spacing:-.01em}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.nutrient-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:16px}.nutrient-badge{border-radius:var(--radius-md);padding:10px 6px;text-align:center}.nutrient-badge.kcal{background:var(--accent-light)}.nutrient-badge.protein{background:var(--green-light)}.nutrient-badge.fat{background:var(--orange-light)}.nutrient-badge.carbs{background:var(--purple-light)}.nutrient-badge-value{font-size:.875rem;font-weight:800}.nutrient-badge.kcal .nutrient-badge-value{color:var(--accent)}.nutrient-badge.protein .nutrient-badge-value{color:var(--green)}.nutrient-badge.fat .nutrient-badge-value{color:var(--orange)}.nutrient-badge.carbs .nutrient-badge-value{color:var(--purple)}.nutrient-badge-label{font-size:.563rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;margin-top:2px}.input-group{margin-bottom:14px}.input-label{display:block;font-size:.75rem;font-weight:700;color:var(--text-secondary);margin-bottom:6px}.input{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:var(--radius-md);font-family:var(--font);font-size:1rem;font-weight:600;color:var(--text-primary);background:var(--bg-card);transition:all .2s;-webkit-appearance:none}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px #3b82f61f}.input-row{display:flex;align-items:center;gap:10px}.input-row .input{flex:1}.input-unit{font-size:.875rem;font-weight:700;color:var(--text-secondary)}.range-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;border-radius:var(--radius-full);background:var(--bg-secondary);outline:none;margin:12px 0}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:var(--accent-gradient);border:3px solid white;box-shadow:var(--shadow-md);cursor:pointer;transition:transform .15s}.range-slider::-webkit-slider-thumb:active{transform:scale(1.15)}.range-slider::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:var(--accent);border:3px solid white;box-shadow:var(--shadow-md);cursor:pointer}.portion-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:14px}.portion-btn{padding:10px 6px;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);font-family:var(--font);font-size:.75rem;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all .2s;text-align:center}.portion-btn:active,.portion-btn.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent);transform:scale(.95)}.cal-summary{background:var(--accent-gradient);border-radius:var(--radius-xl);padding:20px;text-align:center;color:#fff;margin-bottom:14px;box-shadow:var(--shadow-accent)}.cal-summary-value{font-size:2rem;font-weight:800;line-height:1}.cal-summary-label{font-size:.688rem;font-weight:600;opacity:.8;margin-top:4px}.meal-entry{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid var(--bg-secondary)}.meal-entry:last-child{border-bottom:none}.meal-dot{width:8px;height:8px;border-radius:50%;margin-right:10px;flex-shrink:0}.meal-entry-info{flex:1;min-width:0}.meal-entry-name{font-size:.813rem;font-weight:600;color:var(--text-primary)}.meal-entry-amount{font-size:.688rem;color:var(--text-tertiary)}.meal-entry-cal{font-size:.75rem;font-weight:800;color:var(--accent);white-space:nowrap;margin-left:8px}.meal-entry-delete{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:6px;margin-left:4px;border-radius:50%;transition:all .2s}.meal-entry-delete:active{color:var(--red);background:var(--red-light)}.exercise-option{display:flex;align-items:center;gap:14px;padding:16px;border:2px solid var(--border);border-radius:var(--radius-lg);margin-bottom:10px;cursor:pointer;transition:all .25s}.exercise-option:active{transform:scale(.97)}.exercise-option.active{border-color:var(--green);background:var(--green-light)}.exercise-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:var(--bg-secondary);transition:all .25s}.exercise-option.active .exercise-icon{background:var(--green-gradient);box-shadow:0 4px 12px #22c55e4d}.exercise-title{font-size:.875rem;font-weight:700}.exercise-desc{font-size:.688rem;color:var(--text-secondary);margin-top:2px}.exercise-check{margin-left:auto;font-size:1.5rem}.measurement-item{display:flex;align-items:center;padding:14px 16px;background:var(--bg-card);border-radius:var(--radius-md);margin-bottom:8px;box-shadow:var(--shadow-xs);cursor:pointer;transition:all .2s}.measurement-item:active{transform:scale(.97);box-shadow:var(--shadow-md)}.measurement-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.125rem;margin-right:12px;flex-shrink:0}.measurement-icon.weight{background:var(--accent-light)}.measurement-icon.chest{background:var(--green-light)}.measurement-icon.waist{background:var(--orange-light)}.measurement-icon.hips{background:var(--pink-light)}.measurement-icon.thigh{background:var(--purple-light)}.measurement-icon.arm{background:var(--cyan-light)}.measurement-info{flex:1}.measurement-label{font-size:.813rem;font-weight:600;color:var(--text-primary)}.measurement-last{font-size:.625rem;color:var(--text-tertiary);margin-top:1px}.measurement-value{font-size:.875rem;font-weight:800;color:var(--accent);margin-right:4px}.measurement-arrow{color:var(--text-tertiary)}.chart-container{background:var(--bg-card);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm);margin-bottom:12px}.chart-title{font-size:.875rem;font-weight:700}.chart-subtitle{font-size:.688rem;color:var(--text-secondary);margin-bottom:12px}.water-card{background:linear-gradient(135deg,#0ea5e9,#06b6d4);border-radius:var(--radius-xl);padding:24px;text-align:center;color:#fff;box-shadow:0 4px 16px #06b6d44d;margin-bottom:12px}.water-current{font-size:3rem;font-weight:800;line-height:1}.water-goal{font-size:.813rem;opacity:.8;margin-top:4px}.water-buttons{display:flex;gap:8px;justify-content:center;margin-top:16px}.water-btn{padding:8px 18px;border-radius:var(--radius-full);border:2px solid rgba(255,255,255,.4);background:#ffffff26;color:#fff;font-family:var(--font);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.water-btn:active{background:#ffffff59;transform:scale(.9)}.water-glasses{display:flex;gap:6px;justify-content:center;margin-top:14px;flex-wrap:wrap}.water-glass{width:28px;height:36px;border-radius:4px 4px 8px 8px;border:2px solid rgba(255,255,255,.4);position:relative;overflow:hidden;transition:all .3s}.water-glass.filled{border-color:#fffc}.water-glass-fill{position:absolute;bottom:0;left:0;right:0;background:#ffffff80;transition:height .5s cubic-bezier(.4,0,.2,1);border-radius:0 0 6px 6px}.empty-state{text-align:center;padding:40px 20px;color:var(--text-tertiary)}.empty-icon{font-size:3rem;margin-bottom:12px;filter:grayscale(.3)}.empty-text{font-size:.813rem;font-weight:600}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.text-center{text-align:center}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.gap-8{gap:8px}.flex-center{display:flex;align-items:center;justify-content:center}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--bg-app: #0b1120;--accent-light: #1e3a5f;--green-light: #14532d;--orange-light: #431407;--red-light: #450a0a;--purple-light: #2e1065;--cyan-light: #083344;--pink-light: #500724;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #64748b;--border: #334155;--border-focus: #60a5fa;--shadow-xs: 0 1px 2px rgba(0,0,0,.2);--shadow-sm: 0 2px 8px rgba(0,0,0,.25);--shadow-md: 0 4px 16px rgba(0,0,0,.3);--shadow-lg: 0 8px 32px rgba(0,0,0,.35);--shadow-accent: 0 4px 16px rgba(59,130,246,.25)}[data-theme=dark] .app-shell{box-shadow:-1px 0 40px #0000004d,1px 0 40px #0000004d}[data-theme=dark] .bottom-nav{background:#1a2332;border-top-color:#293548;box-shadow:0 -2px 12px #0003}[data-theme=dark] .water-card{background:linear-gradient(135deg,#164e63,#155e75)}[data-theme=dark] .card{background:var(--bg-card);border-color:var(--border)}[data-theme=dark] .input{background:#0f172a;border-color:#334155;color:var(--text-primary)}[data-theme=dark] .btn-secondary{background:#334155;color:var(--text-secondary)}[data-theme=dark] .measurement-item,[data-theme=dark] .stat-card{background:var(--bg-card)}*,*:before,*:after{transition:background-color .3s ease,border-color .3s ease,color .15s ease,box-shadow .3s ease}input[type=range],.range-slider,svg,svg *,canvas{transition:none!important}.page{animation:pageSlideIn .35s cubic-bezier(.4,0,.2,1)}@keyframes pageSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card,.stat-card,.measurement-item{animation:cardFadeIn .4s cubic-bezier(.4,0,.2,1) both}.card:nth-child(1){animation-delay:.05s}.card:nth-child(2){animation-delay:.1s}.card:nth-child(3){animation-delay:.15s}.card:nth-child(4){animation-delay:.2s}.card:nth-child(5){animation-delay:.25s}.card:nth-child(6){animation-delay:.3s}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.btn:active,.nav-item:active,.measurement-item:active{transform:scale(.96)}.nav-item{transition:color .25s ease,transform .15s ease!important}.nav-item.active:before{animation:navIndicator .3s ease}@keyframes navIndicator{0%{width:0;opacity:0}to{width:24px;opacity:1}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.circular-value,.stat-value,.water-current{animation:countUp .5s cubic-bezier(.4,0,.2,1)}@keyframes waterWave{0%,to{transform:translate(0) translateY(0)}50%{transform:translate(-2px) translateY(-1px)}}.water-glass.filled .water-glass-fill{animation:waterWave 2s ease-in-out infinite}.modal-handle{animation:handlePulse 2s ease-in-out infinite}@keyframes handlePulse{0%,to{opacity:.3}50%{opacity:.6}}.meal-entry{transition:transform .15s ease,background .2s ease!important}.meal-entry:active{transform:scale(.98);background:var(--bg-secondary)}