.food-panel .food-camera{display:flex;width:100%;gap:12px;min-height:72px;font-size:18px}
.food-panel h3{margin:10px 0;font-size:18px}.food-panel form{gap:18px}.food-panel .macro-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.food-panel .nutrient{min-width:0}.food-panel .macro-grid .nutrient{padding:14px 10px;border:1px solid #987d8b;border-radius:6px;background:#231d2b}.food-panel .nutrient span{display:block;font-size:14px;color:#e4d1df}.food-panel .nutrient output{display:block;font:700 20px/1.6 var(--pixel-font);color:#ffdaad;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.food-panel .micro-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.food-panel .micro-grid .nutrient{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #96788666}.food-panel .micro-grid output{font-size:16px;text-align:right}.food-panel .nutrient-note,.food-panel .food-source{font-size:14px}.food-panel #mealConfirmation{display:grid;gap:12px}.food-panel summary{min-height:44px;align-content:center;cursor:pointer;font-size:14px}.food-panel #mealSaveControls>.main-action{width:100%;margin:14px 0 6px}.food-panel .manual-nutrition{grid-template-columns:1fr 1fr}.food-panel .scan-actions:has(>[hidden]):not(:has(>:not([hidden]))){display:none}.food-panel #mealStatus:empty{display:none}.food-panel #foodSuggestions button{font-size:14px}.food-panel .food-source{overflow-wrap:anywhere}.food-panel .saved-nutrients{display:grid;gap:8px;margin-top:10px}.food-panel .saved-nutrients p{font-size:14px;margin:0}.launch-panel .reminder-live{color:#d5edce;font-size:16px;font-variant-numeric:tabular-nums}.launch-panel .reminder-live[data-state=waiting]{color:#f1d1a6}.launch-panel .reminder-next{font-size:14px;color:#e7d49f}.launch-panel .reminder-tuning label{font-size:14px}.launch-panel .message-preview small{font-size:12px}
@media(max-width:520px){.food-panel .macro-grid{grid-template-columns:1fr 1fr}.food-panel .micro-grid{gap:0 16px}.food-panel .micro-grid .nutrient{display:block}.food-panel .micro-grid output{text-align:left}.food-panel .macro-grid .nutrient{padding:10px}.food-panel .fields{grid-template-columns:minmax(0,1fr) 100px}}
@media(max-width:340px){.food-panel .fields,.food-panel .manual-nutrition{grid-template-columns:1fr}.food-panel .micro-grid{column-gap:8px}}