:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e2e8f0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#020617;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#22c55e33,#0000 28rem),radial-gradient(circle at 100% 0,#0ea5e92e,#0000 24rem),#020617;min-height:100vh;margin:0}button{font:inherit}.appShell{width:min(980px,100%);padding:max(18px, env(safe-area-inset-top)) 16px 28px;margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-weight:800;display:flex}.brand img{border-radius:12px;width:34px;height:34px}.refresh{color:#dbeafe;background:#0f172ab8;border:1px solid #94a3b840;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;display:inline-flex}.refresh svg{width:16px;height:16px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hero{grid-template-columns:1fr auto;align-items:center;gap:18px;margin:8px 0 18px;display:grid}.eyebrow{color:#67e8f9;text-transform:uppercase;letter-spacing:.14em;margin:0 0 6px;font-size:12px;font-weight:800}h1{letter-spacing:-.07em;color:#fff;margin:0;font-size:clamp(34px,9vw,68px);line-height:.92}.subtext{color:#94a3b8;max-width:34rem;margin:12px 0 0;font-size:16px}.scoreRing{text-align:center;background:conic-gradient(#22c55e 72%, #1e293be6 0);border-radius:999px;place-content:center;width:104px;height:104px;display:grid;box-shadow:inset 0 0 0 10px #020617e6,0 16px 40px #22c55e29}.scoreRing span{font-size:28px;font-weight:900}.scoreRing small{color:#bbf7d0}.cards{gap:12px;display:grid}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.metric,.remainingCard,.panel,.macro,.action{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#0f172ad1,#0f172a85);border:1px solid #94a3b82e;border-radius:26px;box-shadow:0 18px 60px #00000038}.metric{padding:18px;position:relative;overflow:hidden}.metric:after{content:"";opacity:.14;background:currentColor;border-radius:999px;width:110px;height:110px;position:absolute;inset:auto -18px -40px auto}.metric.orange{color:#fb923c}.metric.green{color:#22c55e}.metricIcon{color:currentColor}.metricIcon svg{width:26px;height:26px}.metric p,.remainingCard p,.macro p{color:#94a3b8;margin:10px 0 4px}.metric strong{color:#fff;font-size:34px;line-height:1;display:block}.metric span,.remainingCard span,.meal span,.action span{color:#94a3b8;font-size:13px}.remainingCard{background:linear-gradient(135deg,#22c55e38,#0ea5e91f);justify-content:space-between;align-items:center;margin:12px 0;padding:20px;display:flex}.remainingCard strong{letter-spacing:-.04em;font-size:38px;display:block}.remainingCard svg{color:#67e8f9;width:44px;height:44px}.macroGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.macro{padding:16px}.macroTop{color:#bfdbfe;align-items:center;gap:8px;font-weight:800;display:flex}.macroTop svg{width:18px}.macro strong{color:#fff;margin-top:12px;font-size:26px;display:block}.bar{background:#334155e6;border-radius:999px;height:8px;overflow:hidden}.bar i{border-radius:inherit;background:linear-gradient(90deg,#22c55e,#0ea5e9);height:100%;display:block}.panel{margin-top:12px;padding:18px}.panelHeader{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}h2{letter-spacing:-.04em;margin:0;font-size:24px}.panelHeader svg{color:#67e8f9}.weekChart{grid-template-columns:repeat(7,1fr);align-items:end;gap:10px;height:150px;display:grid}.day{text-align:center;color:#94a3b8;gap:6px;display:grid}.bars{background:#02061773;border-radius:16px;justify-content:center;align-items:end;gap:3px;height:118px;padding:8px;display:flex}.bars span{border-radius:999px;width:12px;min-height:3px}.target{background:#94a3b859}.eaten{background:linear-gradient(#f97316,#22c55e)}.mealList{gap:10px;display:grid}.meal{border-top:1px solid #94a3b81f;justify-content:space-between;gap:14px;padding:14px 0;display:flex}.meal:first-child{border-top:0}.meal p{color:#67e8f9;margin:0 0 4px;font-size:13px;font-weight:800}.meal h3{color:#fff;margin:0 0 4px}.mealMacros{text-align:right;min-width:112px}.mealMacros strong,.mealMacros small,.mealMacros em{display:block}.mealMacros small{color:#cbd5e1}.mealMacros em{color:#94a3b8;font-size:12px;font-style:normal}.empty{color:#94a3b8;text-align:center;place-items:center;gap:8px;padding:30px;display:grid}.empty svg{color:#67e8f9;width:34px;height:34px}.empty strong{color:#fff}.quickActions{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.action{min-height:130px;padding:16px;position:relative}.action div{color:#67e8f9}.action strong{margin:12px 0 5px;display:block}.action>svg:last-child{color:#64748b;width:17px;position:absolute;top:14px;right:14px}.loading,.error{text-align:center;color:#cbd5e1;margin:100px 0}footer{text-align:center;color:#64748b;padding:26px 0 8px;font-size:13px}@media (width<=640px){.appShell{padding-inline:14px}.hero{grid-template-columns:1fr}.scoreRing{width:92px;height:92px}.two,.macroGrid,.quickActions{grid-template-columns:1fr}.meal{align-items:flex-start}}