:root{--bg-0: #0d1117;--bg-1: #131920;--bg-2: #161d27;--bg-3: #1c2433;--bg-4: #212d3d;--bg-hover: rgba(255,255,255,.04);--border: rgba(255,255,255,.07);--border-active: rgba(59,130,246,.35);--blue: #3b82f6;--blue-light: #60a5fa;--blue-dim: rgba(59,130,246,.12);--blue-glow: rgba(59,130,246,.25);--protein: #60a5fa;--fat: #fb923c;--carbs: #a78bfa;--cal: #f472b6;--green: #22c55e;--green-dim: rgba(34,197,94,.12);--red: #ef4444;--red-dim: rgba(239,68,68,.12);--orange: #f97316;--orange-dim: rgba(249,115,22,.1);--yellow: #eab308;--text-1: #f0f6fc;--text-2: #8b949e;--text-3: #484f58;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 24px;--font-body: "Onest", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--safe-bottom: max(16px, env(safe-area-inset-bottom))}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--bg-0);color:var(--text-1);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased}#root{max-width:430px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;position:relative}::-webkit-scrollbar{width:0;height:0}::selection{background:var(--blue-dim);color:var(--blue-light)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes barFill{0%{width:0}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .3s ease both}.fade-in{animation:fadeIn .2s ease both}.scale-in{animation:scaleIn .25s cubic-bezier(.34,1.56,.64,1) both}.mono{font-family:var(--font-mono)}.skeleton{background:linear-gradient(90deg,var(--bg-3) 25%,var(--bg-4) 50%,var(--bg-3) 75%);background-size:200% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--r-sm)}