.macro-output-editor{display:flex;align-items:baseline;justify-content:center;gap:4px;flex-wrap:wrap}.macro-output-editor input{width:72px;min-width:0;padding:4px 6px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#1b1b20;color:#fff;font:inherit;font-size:18px;font-weight:800;text-align:center}.macro-output-unit{color:#d8d8dd;font-size:12px;font-weight:700}.macro-output-percent{color:#9a9aa2;font-size:12px;font-weight:700}.nutrition-energy-summary .metric-card:has(.macro-output-editor){border-color:rgba(255,255,255,.12);background:linear-gradient(145deg,#18181d,#121216)}@media(max-width:520px){.macro-output-editor{gap:3px}.macro-output-editor input{width:64px;font-size:17px}.macro-output-unit,.macro-output-percent{font-size:11px}}