@layer components{.message-enter{animation:.3s ease-out messageSlideIn}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.send-button-pulse{animation:.6s ease-out sendPulse}@keyframes sendPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.delivery-check{animation:.4s ease-out deliveryCheck}@keyframes deliveryCheck{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.badge-pulse{animation:2s infinite badgePulse}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.skeleton-shimmer{background:linear-gradient(90deg,#fff0 0%,#ffffff1a 50%,#fff0 100%) 0 0/200% 100%;animation:2s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.message-bubble-hover{transition:all .2s ease-in-out}.message-bubble-hover:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.system-message-enter{animation:.4s ease-out systemMessageFade}@keyframes systemMessageFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.premium-card{border:1px solid var(--border);opacity:.5;border-radius:1rem;transition:all .2s;box-shadow:0 1px 2px #0000000d}.premium-card:hover{border-color:var(--border);box-shadow:0 4px 6px -1px #0000001a}.chat-bubble-base{border-radius:1rem;padding:.625rem 1rem;box-shadow:0 1px 2px #0000000d}.typing-dot{animation:1.4s infinite typingBounce}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.7;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.reaction-pop{animation:.4s cubic-bezier(.34,1.56,.64,1) reactionPop}@keyframes reactionPop{0%{opacity:0;transform:scale(0)rotate(-45deg)}to{opacity:1;transform:scale(1)rotate(0)}}.online-pulse{animation:2s infinite onlinePulse}@keyframes onlinePulse{0%,to{box-shadow:0 0 #22c55eb3}50%{box-shadow:0 0 0 6px #22c55e00}}.smooth-transition{transition:all .2s cubic-bezier(.4,0,.2,1)}.smooth-fade{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.success-message{color:#052e16;background-color:#f0fdfa;border:1px solid #a7f3d0}.dark .success-message{color:#f0fdfa;background-color:#052e1666;border-color:#064e3b99}.pending-message{color:#4d3800;background-color:#fefce8;border:1px solid #fde047}.dark .pending-message{color:#fefce8;background-color:#4d380066;border-color:#713f1299}.warning-message{color:#5c3317;background-color:#fef5eb;border:1px solid #fdba74}.dark .warning-message{color:#fef5eb;background-color:#5c331766;border-color:#7c2d1299}.error-message{color:#7f1d1d;background-color:#fef2f2;border:1px solid #fecaca}.dark .error-message{color:#fef2f2;background-color:#7f1d1d66;border-color:#991b1b99}.chat-container{flex-direction:column;gap:.25rem;padding:0 1rem;display:flex}.message-group{margin-bottom:.5rem}.message-group:last-child{margin-bottom:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}