/* Structured AI response surface: compact, readable, and mobile-first. */
.ai-response{display:grid;gap:14px;min-width:0;max-width:100%;color:#dbe8e8;line-height:1.62;font-size:14px}.ai-response-header{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(160,255,0,.18);border-radius:16px;background:rgba(9,36,39,.72)}.ai-response-header>div{display:grid;gap:1px;min-width:0}.ai-response-header strong{color:#f4fbf5;font-size:13px;line-height:1.3}.ai-response-header span:not(.ai-response-icon){color:#8ca5a6;font-size:11px}.ai-response-icon{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:11px;color:#b7ff00;background:rgba(160,255,0,.14);box-shadow:0 0 16px rgba(160,255,0,.12)}.ai-response-section{display:grid;gap:10px;min-width:0;padding:14px;border:1px solid rgba(126,211,211,.16);border-radius:18px;background:rgba(10,34,38,.58)}.ai-response-section-intro{background:rgba(10,34,38,.35)}.ai-response h2,.ai-response h3{margin:0;min-width:0;text-wrap:balance}.ai-response h2{color:#c7ff42;font-size:15px;font-weight:850;line-height:1.3}.ai-response h3{display:flex;align-items:center;gap:8px;color:#f3faf7;font-size:14px;font-weight:800;line-height:1.35}.ai-response p{margin:0;overflow-wrap:anywhere}.ai-response strong{color:#f5fff5}.ai-response em{color:#d8ff77}.ai-response code{padding:2px 5px;border-radius:5px;color:#d4ff62;background:rgba(160,255,0,.1);font-size:.9em}.ai-summary{display:grid;gap:7px;padding:13px 14px;border-left:3px solid #a8f500;border-radius:0 15px 15px 0;background:rgba(160,255,0,.08)}.ai-summary h2{font-size:14px;color:#ecffbb}.ai-meal-card{display:grid;gap:7px;min-width:0;padding:12px;border:1px solid rgba(126,211,211,.14);border-radius:14px;background:rgba(16,52,56,.7)}.ai-meal-icon{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border-radius:9px;color:#b7ff00;background:rgba(160,255,0,.12);font-size:12px}.ai-meal-card p{font-size:13px;color:#d6e4e3}.ai-meal-ingredients{color:#99b3b2!important;font-size:12px!important}.ai-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ai-metric{display:grid;gap:1px;min-width:0;padding:10px;border:1px solid rgba(160,255,0,.13);border-radius:12px;background:rgba(5,22,26,.52)}.ai-metric strong{color:#c8ff2f;font-size:17px;line-height:1.15;overflow-wrap:anywhere}.ai-metric span{color:#9db4b3;font-size:10px;overflow-wrap:anywhere}.ai-inline-metrics{display:flex;flex-wrap:wrap;gap:6px}.ai-inline-metrics span{padding:5px 8px;border-radius:9px;color:#cbe9d5;background:rgba(126,211,211,.08);font-size:12px}.ai-data-line{color:#c8dcda!important;font-size:13px}.ai-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}.ai-list li{position:relative;padding-left:18px;overflow-wrap:anywhere}.ai-list li::before{content:'•';position:absolute;left:0;color:#b7ff00;font-weight:900}.ai-list[style],ol.ai-list{counter-reset:ai-step}.ai-list li+li{margin-top:0}.ai-response blockquote{margin:0;padding:10px 12px;border-left:3px solid #a8f500;border-radius:0 12px 12px 0;color:#c9dddb;background:rgba(160,255,0,.06);font-style:italic}.ai-note{color:#a4c3c0!important;font-size:12px}.ai-callout{display:grid;gap:8px;padding:13px 14px;border:1px solid rgba(160,255,0,.2);border-radius:16px;background:rgba(160,255,0,.07)}.ai-callout h2{display:flex;align-items:center;gap:7px;color:#d9ff70}.ai-warning{border-color:rgba(255,184,76,.35);background:rgba(255,184,76,.08)}.ai-warning h2{color:#ffd28a}.ai-response-empty{padding:14px;border:1px dashed rgba(126,211,211,.25);border-radius:15px;color:#9bb3b2;background:rgba(10,34,38,.35)}
@media (min-width:560px){.ai-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.ai-response{font-size:15px}.ai-response-section{padding:16px}.ai-meal-card{padding:14px}}
@media (min-width:900px){.ai-response{max-width:760px}.ai-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.ai-response *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}