:root{--bg:#0b0c10;--card:#111218;--text:#f1f2f5;--muted:#9aa0ab;--border:#ffffff14;--accent:#6ea8fe;--danger:#ff6b6b;--protein:#6ee7b7;--fat:#fbbf24;--carb:#93c5fd;--radius:16px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Apple Color Emoji,Segoe UI Emoji}.container{max-width:720px;margin:0 auto;padding:16px}.stack{flex-direction:column;gap:12px;display:flex}.grid{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:760px){.grid{grid-template-columns:1fr 1fr}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.row{flex-wrap:wrap;gap:10px;display:flex}.h1{margin:0 0 6px;font-size:20px}.h2{margin:0 0 8px;font-size:16px}.h3{margin:0;font-size:14px}.muted{color:var(--muted);font-size:13px;line-height:1.4}.btn{background:var(--accent);color:#081018;cursor:pointer;border:0;border-radius:12px;padding:10px 12px;font-weight:700}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.secondary{color:var(--text);border:1px solid var(--border);background:0 0}.inputRow{grid-template-columns:1fr auto auto;align-items:center;gap:10px;display:grid}.input{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff08;border-radius:12px;outline:none;padding:10px 12px}.suffix{color:var(--muted);font-size:13px}.error{color:var(--danger);font-size:12px}.selectCard{text-align:left;border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;background:#ffffff08;border-radius:14px;padding:12px}.selectCard.selected{border-color:#6ea8feb3;box-shadow:inset 0 0 0 2px #6ea8fe26}.selectTitle{font-weight:800}.selectSub{color:var(--muted);margin-top:4px;font-size:12px}.loading{border:1px solid var(--border);background:#ffffff05;border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex}.loading.compact{padding:8px 10px}.spinner{border:2px solid #fff3;border-top-color:#fffc;border-radius:50%;width:16px;height:16px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stepper{gap:10px;padding-top:8px;display:flex;overflow-x:auto}.step{border:1px solid var(--border);white-space:nowrap;color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:8px 10px;display:flex}.step.active{color:var(--text);border-color:#6ea8fe73}.step.done{color:#ffffffbf}.stepDot{border:1px solid var(--border);background:#ffffff0f;border-radius:999px;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.stepLabel{font-size:12px}.targets{background:#ffffff05;border:1px dashed #ffffff26;border-radius:14px;padding:10px 12px}.targetLine{color:#ffffffe0;margin:4px 0;font-size:13px}.topnav{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:linear-gradient(#0b0c10fa 0%,#0b0c10d9 100%);position:sticky;top:0}.navInner{gap:10px;padding:12px 0;display:flex}.tab{border:1px solid var(--border);color:var(--text);background:#ffffff05;border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-size:13px;text-decoration:none;display:inline-flex}.tab.active{color:var(--text);background:#6ea8fe1f;border-color:#6ea8fe99}.summaryRow{flex-wrap:wrap;align-items:center;gap:16px;margin-top:8px;display:flex}.ring{border-radius:50%;place-items:center;width:120px;height:120px;display:grid;position:relative}.ring:after{content:"";background:var(--card);border:1px solid var(--border);border-radius:50%;width:86px;height:86px;position:absolute}.ringCenter{z-index:1;text-align:center;position:relative}.ringValue{font-size:18px;font-weight:800}.ringSub{color:var(--muted);font-size:11px}.summaryStats{flex-direction:column;gap:8px;display:flex}.summaryLine{justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;display:flex}.summaryVerdict{color:var(--muted);font-size:13px}.summaryVerdict.danger{color:var(--danger)}.macroRow{flex-direction:column;gap:6px;display:flex}.macroHeader{color:var(--muted);justify-content:space-between;align-items:baseline;font-size:12px;display:flex}.macroLabel{color:var(--text);font-weight:600}.bar{background:#ffffff14;border-radius:999px;height:8px;overflow:hidden}.barFill{border-radius:999px;height:100%;transition:width .3s}.mealCard{padding:12px}.mealHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.mealTitle{font-size:14px;font-weight:700}.mealSub{color:var(--muted);margin-top:4px;font-size:12px}.mealTime{color:var(--muted);white-space:nowrap;font-size:12px}.mealMacros{color:#ffffffd9;flex-wrap:wrap;gap:10px;margin-top:8px;font-size:12px;display:flex}.mealNotes{color:var(--muted);margin-top:8px;font-size:12px}.tag{color:var(--muted);border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;margin-top:8px;padding:4px 8px;font-size:11px;display:inline-flex}.tag.warn{color:#ffd166;border-color:#ffd16666}