:root{--chat-bubble-padding-x:.75rem;--chat-bubble-padding-y:.375rem;--chat-bubble-gap:.375rem;--chat-avatar-size-sm:1.5rem;--chat-avatar-size-md:2rem;--chat-avatar-size-lg:2.5rem;--chat-message-max-width:95%;--chat-message-border-radius:.875rem;--chat-message-padding-x:.75rem;--chat-message-padding-y:.375rem;--chat-sent-bg:var(--secondary);--chat-sent-text:var(--secondary-foreground);--chat-sent-border-radius:.875rem .875rem .25rem .875rem;--chat-received-bg:var(--muted);--chat-received-text:var(--foreground);--chat-received-border-radius:.875rem .875rem .875rem .25rem;--chat-animation-duration:.3s}@media (width>=640px){:root{--chat-bubble-padding-x:1rem;--chat-bubble-padding-y:.5rem;--chat-bubble-gap:.5rem;--chat-message-max-width:90%;--chat-message-border-radius:1rem;--chat-message-padding-x:1rem;--chat-message-padding-y:.5rem;--chat-sent-border-radius:1rem 1rem .25rem 1rem;--chat-received-border-radius:1rem 1rem 1rem .25rem}}.chat-bubble{gap:var(--chat-bubble-gap);width:100%;padding:var(--chat-bubble-padding-y) var(--chat-bubble-padding-x);animation:fadeUp var(--chat-animation-duration) ease-out;display:flex}.chat-bubble-avatar{border-radius:50%;flex-shrink:0;transition:transform .2s;overflow:hidden}.chat-bubble-avatar:hover{transform:scale(1.1)}.chat-bubble-message[data-size=sm]{padding:.375rem .75rem;font-size:.875rem}.chat-bubble-message[data-size=md]{padding:.5rem 1rem;font-size:1rem}.chat-bubble-message[data-size=lg]{padding:.625rem 1.25rem;font-size:1.125rem}.chat-bubble-actions{align-items:center;gap:.25rem;transition:opacity .2s;display:flex}.chat-bubble-footer{color:var(--muted-foreground);margin-top:.25rem;font-size:.75rem}@keyframes bounce{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-.25rem)}}.chat-bubble-message .animate-bounce{animation:1.5s infinite bounce}@keyframes fadeUp{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fadeUp var(--chat-animation-duration) ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn var(--chat-animation-duration) ease-out}