/* An illustrative message exchange, within the existing floating card. */
.chat-messenger{padding:21px 25px 25px;min-height:0}
.chat-messenger .chat-name{gap:11px;padding-bottom:15px;align-items:center}
.chat-avatar{width:40px;height:40px;object-fit:contain;background:radial-gradient(circle,#9e5fcd33,transparent 70%);flex:none}
.chat-identity{display:flex;flex-direction:column;gap:3px}
.chat-identity strong{font-size:15px;font-weight:600;letter-spacing:.01em}
.chat-identity span{font-size:9px;color:#bda2d0}
.chat-messenger .chat-presence:last-child{display:block;width:5px;height:5px;flex:none;margin-left:auto;border-radius:50%;background:#d8a1f2;box-shadow:0 0 9px #c377ee88}
.conversation-thread{display:flex;flex-direction:column;gap:13px;padding-top:21px}
.chat-bubble{position:relative;max-width:86%;margin:0;padding:13px 16px;font-size:14px;line-height:1.6;letter-spacing:-.015em;overflow-wrap:break-word;box-shadow:0 5px 15px #0002}
.chat-bubble-astero{align-self:flex-start;border:1px solid #a071cd38;border-radius:17px 17px 17px 5px;color:#e6d9f0;background:linear-gradient(135deg,#3c235652,#27153e70)}
.chat-bubble-you{align-self:flex-end;border:1px solid #c397e866;border-radius:17px 17px 5px 17px;color:#fff0ff;background:linear-gradient(125deg,#592c88,#7a348e);box-shadow:inset 0 1px #e4c0ff29,0 5px 18px #21042f4d}
.chat-reply{max-width:91%}
@media(max-width:1000px) and (min-width:601px){.chat-messenger{padding:19px}.chat-bubble{font-size:12px;padding:11px 13px}.chat-avatar{width:35px;height:35px}}
@media(max-width:600px){.chat-messenger{padding:19px 19px 22px}.conversation-thread{gap:12px;padding-top:18px}.chat-bubble{font-size:13px;padding:12px 14px;max-width:91%}.chat-reply{max-width:95%}.chat-identity strong{font-size:15px}.chat-identity span{font-size:9px}.chat-avatar{width:36px;height:36px}}
@media(max-width:360px){.chat-messenger{padding:17px 15px 20px}.chat-bubble{font-size:12px;padding:11px 12px}}

/* Bubble silhouette supplied by Arnaud, with Astéro beside each reply. */
.chat-message-astero{display:flex;align-items:flex-end;gap:9px;max-width:95%;align-self:flex-start}
.message-avatar{width:34px;height:42px;object-fit:contain;flex:none;filter:drop-shadow(0 0 5px #b77ae833);margin-bottom:1px}
.chat-message-astero .chat-bubble{max-width:none;border-radius:6px 19px 19px 19px;border-color:#a68ad17a;background:linear-gradient(140deg,#30214e,#211830);box-shadow:inset 0 1px #d4b1f414,0 5px 15px #0002}
.chat-bubble-you{max-width:80%;border-radius:19px 6px 19px 19px;background:linear-gradient(130deg,#543277,#653a82);border-color:#c493df80}
@media(max-width:600px){.message-avatar{width:28px;height:36px}.chat-message-astero{gap:7px;max-width:100%}.chat-bubble-you{max-width:85%}}