.macros-container{align-items:center;gap:var(--s-3);box-sizing:border-box;flex-direction:column;width:100%;max-width:480px;margin:0 auto;display:flex}.macros-food-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--r-md);width:100%;box-shadow:var(--shadow-1);padding:var(--s-3);box-sizing:border-box;align-items:center;gap:var(--s-3);flex-direction:column;display:flex}.macros-food-header{align-items:center;gap:var(--s-1);text-align:center;flex-direction:column;display:flex}.macros-food-emoji{margin-bottom:var(--s-1);justify-content:center;align-items:center;display:flex}.macros-food-title{font-size:var(--t-xl);color:var(--ink);margin:0;font-weight:800;line-height:1.2}.macros-food-serving{font-size:var(--t-xs);color:var(--ink-3);background:var(--bg-warm);border:1px solid var(--hairline);border-radius:var(--r-sm);padding:2px var(--s-2);text-transform:uppercase;letter-spacing:.04em;font-weight:700;display:inline-block}.macros-grid{gap:var(--s-2);box-sizing:border-box;grid-template-columns:1fr 1fr;width:100%;display:grid}.macro-slot{padding:var(--s-2);border-radius:var(--r-sm);box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:64px;display:flex}.macro-slot--known{background:var(--bg-warm);border:1px solid var(--hairline)}.macro-slot--target{background:var(--tint-butter);border:2px dashed var(--brand);box-shadow:var(--shadow-1)}.macro-slot-label{font-size:var(--t-xs);color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-weight:700}.macro-slot-value{font-size:var(--t-lg);color:var(--ink);font-weight:800;font-family:var(--font-mono,monospace)}.macro-slot-unknown{font-size:var(--t-xl);color:var(--brand);font-weight:900;line-height:1}.macros-question-prompt{font-size:var(--t-md);color:var(--ink);text-align:center;margin:var(--s-1) 0 0 0;font-weight:800}.macros-explain-box{background:var(--bg-warm);border:1px solid var(--hairline);border-radius:var(--r-sm);width:100%;padding:var(--s-2);box-sizing:border-box;text-align:center}.macros-explain-text{font-size:var(--t-xs);color:var(--ink-2);margin:0;font-weight:600;line-height:1.4}