@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,20%,53%,80%,to{transform:translate(0,0)}40%,43%{transform:translateY(-8px)}70%{transform:translateY(-4px)}90%{transform:translateY(-2px)}}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.chat-message-enter{animation:.3s ease-out slideInUp}.chat-message-user{animation:.3s ease-out slideInRight}.chat-window-enter{animation:.4s ease-out slideInUp}.chat-window-exit{animation:.3s ease-in reverse slideInUp}.typing-indicator{align-items:center;gap:4px;display:flex}.typing-dot{opacity:.4;background-color:#ff00bf;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite typing}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.message-bubble{word-wrap:break-word;overflow-wrap:break-word;transition:all .2s ease-in-out}.message-bubble:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff00bf1a}.quick-action-btn{transition:all .2s ease-in-out}.quick-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #35238426}.chat-toggle-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.chat-toggle-btn:hover{transform:scale(1.1);box-shadow:0 8px 25px #ff00bf4d}.online-indicator{animation:2s infinite pulse}.messages-container{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#352384 #f3f3f5}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#f3f3f5;border-radius:3px}.messages-container::-webkit-scrollbar-thumb{background:#352384;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#ff00bf}.chat-input{appearance:none;scrollbar-width:none;-ms-overflow-style:none;font-family:inherit;line-height:1.5;transition:all .2s ease-in-out}.chat-input:focus{transform:scale(1.02);box-shadow:0 0 0 3px #ff00bf1a}.chat-input::-webkit-scrollbar{display:none}.chat-input::-webkit-scrollbar-track{display:none}.chat-input::-webkit-scrollbar-thumb{display:none}.chat-input::-webkit-scrollbar-thumb:hover{display:none}.chat-input{transition:height .2s ease-out}.chat-input::placeholder{color:#9ca3af;transition:color .2s ease-in-out}.chat-input:focus::placeholder{color:#6b7280}.send-btn{transition:all .2s ease-in-out}.send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #ff00bf4d}.send-btn:active:not(:disabled){transform:scale(.95)}.chat-avatar{transition:all .2s ease-in-out}.chat-avatar:hover{transform:scale(1.1)}.chat-minimize{transition:all .3s cubic-bezier(.4,0,.2,1)}.loading-shimmer{background:linear-gradient(90deg,#f3f3f5 25%,#e0e0e0 50%,#f3f3f5 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.error-shake{animation:.5s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.success-pulse{animation:.6s ease-in-out successPulse}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.brand-gradient{background:linear-gradient(135deg,#352384 0%,#ff00bf 100%)}.brand-gradient-reverse{background:linear-gradient(135deg,#ff00bf 0%,#352384 100%)}.hover-hotpink:hover{color:#fff;background-color:#ff00bf}.hover-mulberry:hover{color:#fff;background-color:#352384}.focus-hotpink:focus{border-color:#ff00bf;box-shadow:0 0 0 3px #ff00bf1a}.focus-mulberry:focus{border-color:#352384;box-shadow:0 0 0 3px #3523841a}@media (max-width:768px){.chat-window-enter{animation:.3s ease-out slideInUp}.messages-container{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-snap-type:y proximity;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;scroll-padding-bottom:1rem}.messages-container>div{min-height:100%;padding-bottom:1rem}.message-bubble{word-break:break-word;max-width:85%}.chat-input{font-size:16px;line-height:1.4}.chat-toggle-btn,.chat-toggle-btn:hover,.quick-action-btn:hover,.send-btn:hover:not(:disabled),.chat-avatar:hover,.message-bubble:hover{transform:none}}@supports (-webkit-touch-callout:none){.chat-input{font-size:16px}.messages-container{-webkit-overflow-scrolling:touch}}@media screen and (-webkit-min-device-pixel-ratio:0){.chat-input{font-size:16px}}@media (min-resolution:192dpi){.message-bubble{border-width:.5px}}