.chat-bubble{position:fixed;bottom:24px;right:24px;z-index:50;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 10px 30px -10px #667eea4d;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;animation:pulse-glow 2s ease-in-out infinite}.chat-bubble:hover{transform:scale(1.1);box-shadow:0 0 40px #764ba266}.chat-bubble:hover:not(.is-open){transform:scale(1.1) rotate(12deg)}@keyframes pulse-glow{0%,to{box-shadow:0 10px 30px -10px #667eea4d}50%{box-shadow:0 0 40px #764ba299}}.chat-bubble-icon{position:relative}.chat-bubble-icon svg{width:32px;height:32px;color:#fff;transition:all .3s ease}.chat-bubble-icon .message-icon{transform:scale(1) rotate(0)}.chat-bubble-icon .close-icon{position:absolute;top:0;left:0;transform:scale(0) rotate(180deg)}.chat-bubble.is-open .chat-bubble-icon .message-icon{transform:scale(0) rotate(180deg)}.chat-bubble.is-open .chat-bubble-icon .close-icon{transform:scale(1) rotate(0)}.unread-badge{position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;font-size:12px;font-weight:700;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;animation:bounce-in .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bounce-in{0%{transform:scale(0);opacity:0}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}.chat-window{position:fixed;bottom:96px;right:24px;z-index:40;width:384px;height:500px;max-height:80vh;background:#fff;border-radius:16px;box-shadow:0 10px 30px -10px #0000001a;border:1px solid #e5e7eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:slide-up .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.chat-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 24px;border-radius:16px 16px 0 0;display:flex;align-items:center;justify-content:space-between}.chat-header h3{font-weight:600;font-size:18px;margin:0}.chat-header p{color:#fffc;font-size:14px;margin:0}.chat-header button{padding:8px;border-radius:8px;background:none;border:none;color:#fff;cursor:pointer;transition:background-color .2s ease}.chat-header button:hover{background-color:#fff3}.chat-header button svg{width:20px;height:20px}.messages-container{flex:1;overflow-y:auto;padding:16px;gap:16px;background:linear-gradient(to bottom,#fff,#f9fafb80);display:flex;flex-direction:column}.welcome-message{text-align:center;padding:32px 0}.welcome-message-bubble{background:#f3f4f6;color:#374151;border-radius:12px;padding:12px 16px;margin:0 16px;box-shadow:0 1px 3px #0000001a;animation:fade-in .2s cubic-bezier(.4,0,.2,1)}@keyframes fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.message-bubble-container{display:flex;animation:fade-in .3s cubic-bezier(.4,0,.2,1)}.message-bubble-container.user{justify-content:flex-end}.message-bubble-container.bot{justify-content:flex-start}.message-bubble{max-width:80%;padding:12px 16px;border-radius:16px;box-shadow:0 1px 3px #0000001a;position:relative;word-wrap:break-word}.message-bubble.user{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px 16px 4px}.message-bubble.bot{background:#f3f4f6;color:#374151;border-radius:16px 16px 16px 4px;border:1px solid #e5e7eb}.message-text{font-size:14px;line-height:1.5;white-space:pre-wrap;margin:0}.message-timestamp{font-size:12px;margin-top:4px;opacity:.7}.message-timestamp.user{color:#ffffffb3}.message-timestamp.bot{color:#6b7280}.message-tail{position:absolute;width:12px;height:12px;transform:rotate(45deg);bottom:12px}.message-tail.user{background:linear-gradient(135deg,#667eea,#764ba2);right:-4px;border-radius:0 0 4px}.message-tail.bot{background:#f3f4f6;left:-4px;border-radius:0 0 0 4px;border-left:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.typing-indicator{display:flex;justify-content:flex-start;animation:fade-in .3s cubic-bezier(.4,0,.2,1)}.typing-bubble{background:#f3f4f6;color:#374151;padding:12px 16px;border-radius:16px 16px 16px 4px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;position:relative}.typing-content{display:flex;align-items:center;gap:4px}.typing-text{font-size:14px;color:#6b7280;margin-right:8px}.typing-dots{display:flex;gap:4px}.typing-dot{width:8px;height:8px;background:#9ca3af;border-radius:50%;animation:typing 1.4s ease-in-out infinite}.typing-dot:nth-child(1){animation-delay:0ms}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.input-form{padding:16px;border-top:1px solid #e5e7eb;background:#fff;border-radius:0 0 16px 16px}.input-container{display:flex;gap:8px}.input-field{flex:1;padding:12px 16px;border:1px solid #e5e7eb;border-radius:12px;outline:none;transition:all .2s ease;font-size:14px;resize:none}.input-field:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.send-button{padding:12px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.send-button:hover:not(:disabled){box-shadow:0 0 20px #764ba266}.send-button:disabled{opacity:.5;cursor:not-allowed}.send-button svg{width:20px;height:20px}@media (max-width: 480px){.chat-window{width:calc(100vw - 32px);right:16px;left:16px;bottom:96px}.chat-bubble{bottom:16px;right:16px}}.message-text .markdown-p{margin:0 0 8px}.message-text .markdown-p:last-child{margin-bottom:0}.message-text .markdown-strong{font-weight:600;color:#1f2937}.message-text .markdown-em{font-style:italic;color:#374151}.message-text .markdown-code{background:#f1f5f9;color:#64748b;padding:2px 4px;border-radius:4px;font-family:Courier New,monospace;font-size:13px;border:1px solid #e2e8f0}.message-text .markdown-ul,.message-text .markdown-ol{margin:8px 0;padding-left:16px}.message-text .markdown-li{margin:4px 0;line-height:1.4}.message-text .markdown-blockquote{border-left:3px solid #d1d5db;margin:8px 0;padding-left:12px;color:#6b7280;font-style:italic}.message-text .markdown-h1{font-size:18px;font-weight:600;margin:12px 0 8px;color:#111827}.message-text .markdown-h2{font-size:16px;font-weight:600;margin:10px 0 6px;color:#111827}.message-text .markdown-h3{font-size:15px;font-weight:600;margin:8px 0 4px;color:#111827}.message-text>*:first-child{margin-top:0}.message-text>*:last-child{margin-bottom:0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#1f2937;line-height:1.6}button,input,textarea{font-family:inherit}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}