/* Responsibility: Style the conversation turns - who spoke, the assistant's text and the user's bubble. */
/* Boundaries: message presentation only; the composer that produces them is styled with the result surface. */

/* intake - GPT-style chat */
.im{display:flex;flex-direction:column;animation:rise .35s ease}
.im.assistant{align-items:flex-start}.im.user{align-items:flex-end}
.im .who{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin-bottom:5px}
.im.assistant .txt{font-size:14px;line-height:1.75;color:var(--text-bright);max-width:100%}
.im.user .bub{background:#16171b;color:#fafafa;border-radius:16px 16px 4px 16px;padding:10px 15px;font-size:13.5px;line-height:1.6;max-width:78%}
@keyframes rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}