@keyframes bounce { 0%,80%,100%{transform:scale(0)} 40%{transform:scale(1)} }
#chat-messages::-webkit-scrollbar { width: 4px; }
#chat-messages::-webkit-scrollbar-track { background: transparent; }
#chat-messages::-webkit-scrollbar-thumb { background: rgba(212,175,55,0.3); border-radius: 4px; }
@media (max-width: 480px) { #chat-window { width: calc(100vw - 2rem) !important; right: -0.5rem !important; } }

/* Keep the chat button above the fixed mobile bottom-nav bar */
@media (max-width: 767px) {
  #marco-chat { bottom: 4.75rem !important; }
}