@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--bg:#0a0b0d;--bg-2:#0e1014;--surface:#15181e;--surface-2:#1b1f27;--surface-3:#232833;--line:#ffffff12;--line-strong:#ffffff21;--text:#f3f5f7;--text-2:#9ba2ad;--text-3:#616874;--accent:#c6ff3a;--accent-2:#b2f02a;--accent-ink:#0a0b0d;--accent-dim:#c6ff3a1f;--accent-glow:#c6ff3a47;--positive:#3fe0a8;--warn:#ffb23e;--danger:#ff6464;--protein:#c6ff3a;--carbs:#54d2f0;--fat:#ff8fb0;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Manrope", system-ui, sans-serif;--r-xs:8px;--r-sm:11px;--r-md:15px;--r-lg:20px;--r-xl:28px;--r-pill:999px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 8px 30px #00000059;--shadow-lg:0 24px 60px #00000080}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0}::selection{background:var(--accent);color:var(--accent-ink)}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#2e3440}::-webkit-scrollbar-track{background:0 0}.display{font-family:var(--font-display);letter-spacing:-.02em}.mono-num{font-variant-numeric:tabular-nums}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 6px #c6ff3a00}}@keyframes spin{to{transform:rotate(360deg)}}.fade-up{animation:.5s cubic-bezier(.2,.7,.2,1) both fadeUp}.fade-in{animation:.4s both fadeIn}.spin{animation:.7s linear infinite spin}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.forma-input{width:100%;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);outline:none;padding:15px 17px;font-size:16px;transition:border-color .15s,box-shadow .15s}.forma-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.forma-input::placeholder{color:var(--text-3)}