*{margin:0;padding:0;box-sizing:border-box}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes messageIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes ripple{0%{transform:scale(1);opacity:.6}to{transform:scale(1.5);opacity:0}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes float{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-10px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes textGlow{0%,to{text-shadow:0 0 20px rgba(102,126,234,.8),0 0 40px rgba(118,75,162,.6),0 0 60px rgba(240,147,251,.4)}50%{text-shadow:0 0 30px rgba(102,126,234,1),0 0 60px rgba(118,75,162,.8),0 0 90px rgba(240,147,251,.6)}}@keyframes loaderBounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(10px) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes tooltipPulse{0%,to{transform:translateX(0) scale(1)}50%{transform:translateX(-3px) scale(1.02)}}.floating-button-container{position:fixed;bottom:28px;right:28px;z-index:10000;display:flex;align-items:center;gap:16px}.tooltip-message{background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#fc6c85 75%,#feca57);background-size:300% 300%;color:white;padding:14px 22px;border-radius:16px;font-size:15px;font-weight:600;box-shadow:0 10px 40px rgba(102,126,234,.4),0 5px 20px rgba(252,108,133,.3),0 0 30px rgba(254,202,87,.2);white-space:nowrap;animation:tooltipFadeIn .5s ease-out,tooltipPulse 2s ease-in-out infinite,gradientShift 8s ease infinite;position:relative;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tooltip-message:before{content:"";position:absolute;top:50%;right:-8px;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #fc6c85;filter:drop-shadow(2px 0 4px rgba(252,108,133,.3))}.tooltip-message:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 3s infinite;border-radius:16px}.floating-button{position:relative;width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#fc6c85 75%,#feca57);background-size:300% 300%;border:none;color:white;cursor:pointer;box-shadow:0 16px 56px rgba(102,126,234,.5),0 8px 24px rgba(252,108,133,.4),0 0 40px rgba(254,202,87,.3);display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:gradientShift 8s ease infinite}.floating-button:hover{transform:scale(1.1) translateY(-4px);box-shadow:0 20px 64px rgba(102,126,234,.6),0 12px 32px rgba(252,108,133,.5),0 0 50px rgba(254,202,87,.4)}.floating-button:active{transform:scale(.95)}.pulse-ring{position:absolute;inset:-6px;border-radius:50%;border:3px solid #667eea;animation:ripple 2s infinite}.notification-dot{position:absolute;top:4px;right:4px;width:14px;height:14px;background:linear-gradient(135deg,#10b981,#22c55e,#84fab0);background-size:200% 200%;border-radius:50%;border:3px solid white;box-shadow:0 2px 12px rgba(34,197,94,.6);animation:pulse 2s infinite,gradientShift 4s ease infinite}.intro-screen{position:fixed;bottom:10px;right:10px;width:380px;height:480px;background:linear-gradient(135deg,#667eea,#764ba2 20%,#f093fb 40%,#fc6c85 60%,#feca57 80%,#667eea);background-size:400% 400%;border-radius:25px;display:flex;align-items:center;justify-content:center;z-index:10002;animation:gradientShift 8s ease infinite,fadeInScale .6s ease-out;box-shadow:0 40px 120px rgba(102,126,234,.6),0 20px 60px rgba(252,108,133,.5),0 10px 30px rgba(254,202,87,.4),inset 0 0 100px rgba(255,255,255,.1);overflow:hidden}.intro-screen:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}.intro-content{text-align:center;z-index:2;animation:fadeInScale .8s ease-out .3s both}.intro-title{font-size:30px;font-weight:700;color:white;margin-bottom:16px;letter-spacing:4px;text-transform:uppercase;animation:textGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#ffffff,#feca57,#ffffff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.intro-subtitle{font-size:22px;font-weight:600;color:rgba(255,255,255,.95);margin-bottom:50px;letter-spacing:4px;text-shadow:0 2px 10px rgba(0,0,0,.2)}.intro-loader{display:flex;gap:12px;justify-content:center;align-items:center}.loader-dot{width:16px;height:16px;border-radius:50%;background:white;box-shadow:0 0 20px rgba(255,255,255,.8);animation:loaderBounce 1.4s ease-in-out infinite}.loader-dot:first-child{animation-delay:-.32s}.loader-dot:nth-child(2){animation-delay:-.16s}.chat-window{position:fixed;bottom:10px;right:10px;width:380px;height:480px;background:linear-gradient(135deg,#ffffff,#f8f9ff 50%,#fff0f6);border-radius:25px;box-shadow:0 32px 96px rgba(102,126,234,.25),0 16px 48px rgba(252,108,133,.15),0 0 0 1px rgba(118,75,162,.1);display:flex;flex-direction:column;z-index:10000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;animation:slideInUp .5s cubic-bezier(.34,1.56,.64,1);overflow:hidden;border:2px solid transparent;background-clip:padding-box}.chat-window:before{content:"";position:absolute;inset:0;border-radius:25px;padding:2px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#fc6c85);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.3;pointer-events:none}.floating-animation-container{position:fixed;bottom:500px;right:10px;width:400px;height:100px;z-index:10001;pointer-events:none}.floating-animation-container,.floating-orb{display:flex;align-items:center;justify-content:center}.floating-orb{position:absolute;top:80%;left:50%;width:120px;height:120px;animation:float 3s ease-in-out infinite}.floating-orb:before{content:"";position:absolute;inset:0;border-radius:50%;background-size:300% 300%;animation:gradientShift 6s ease infinite;filter:blur(20px);opacity:.8;z-index:-1}.floating-orb img{width:125%;object-fit:cover;border-radius:50%;transform:scale(1.25);filter:drop-shadow(0 0 20px rgba(102,126,234,.5))}.chat-header{background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#fc6c85 75%,#feca57);background-size:300% 300%;padding:22px 24px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.2);animation:gradientShift 10s ease infinite;position:relative;overflow:hidden;min-height:88px}.chat-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 3s infinite}.header-content{display:flex;align-items:center;gap:14px;z-index:2}.avatar-container{position:relative}.avatar{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.3),rgba(255,255,255,.15));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;color:white;box-shadow:0 4px 16px rgba(0,0,0,.15);border:2px solid rgba(255,255,255,.4)}.status-indicator{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;background:linear-gradient(135deg,#10b981,#22c55e,#84fab0);background-size:200% 200%;border-radius:50%;border:3px solid #667eea;box-shadow:0 0 0 3px rgba(34,197,94,.3);animation:pulse 2s infinite,gradientShift 5s ease infinite}.title-text{font-size:18px;font-weight:700;color:white;margin-bottom:4px;letter-spacing:-.3px;text-shadow:0 2px 8px rgba(0,0,0,.2)}.status-text{font-size:13px;color:rgba(255,255,255,.95);font-weight:500;text-shadow:0 1px 4px rgba(0,0,0,.1)}.header-actions{display:flex;gap:8px;z-index:2}.header-button{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.header-button:hover{background:rgba(255,255,255,.35);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.header-button:active{transform:translateY(0)}.messages-area{flex:1 1;padding:20px 24px;overflow-y:auto;background:linear-gradient(180deg,#fafbff 0,#ffffff 50%,#fff8fa);display:flex;flex-direction:column;gap:16px}.messages-area::-webkit-scrollbar{width:6px}.messages-area::-webkit-scrollbar-track{background:transparent;margin:8px 0}.messages-area::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#d1d5db,#9ca3af);border-radius:10px}.messages-area::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#9ca3af,#6b7280)}.bot-message-container{align-items:flex-end;gap:10px}.bot-message-container,.user-message-container{display:flex;animation:messageIn .4s ease-out;margin-bottom:4px}.user-message-container{justify-content:flex-end}.mini-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background-size:200% 200%;display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0;box-shadow:0 4px 12px rgba(102,126,234,.35);border:2px solid rgba(255,255,255,.6);animation:gradientShift 6s ease infinite}.bot-message-bubble{background:linear-gradient(135deg,#f8f9ff,#fff0f6);color:#1f2937;border-radius:18px;border-bottom-left-radius:4px;box-shadow:0 2px 10px rgba(102,126,234,.12);border:1px solid rgba(118,75,162,.08)}.bot-message-bubble,.user-message-bubble{padding:14px 18px;max-width:72%;font-size:14.5px;line-height:1.6;word-break:break-word}.user-message-bubble{background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#fc6c85 75%);background-size:300% 300%;color:white;border-radius:18px;border-bottom-right-radius:4px;box-shadow:0 4px 18px rgba(102,126,234,.4),0 2px 8px rgba(252,108,133,.3);animation:gradientShift 8s ease infinite;border:1px solid rgba(255,255,255,.2)}.typing-bubble{background:linear-gradient(135deg,#f8f9ff,#fff0f6);padding:14px 22px;border-radius:18px;border-bottom-left-radius:4px;display:flex;gap:6px;align-items:center;box-shadow:0 2px 10px rgba(102,126,234,.12);border:1px solid rgba(118,75,162,.08)}.typing-dot{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);animation:bounce 1.4s infinite}.input-area{padding:18px 24px 20px;background:linear-gradient(135deg,#ffffff,#fafbff);border-top:1px solid rgba(102,126,234,.1)}.input-wrapper{display:flex;gap:10px;align-items:center;background:linear-gradient(135deg,#fafbff,#fff8fa);border-radius:16px;padding:6px 8px;transition:all .3s}.input-wrapper:focus-within{border-color:transparent;box-shadow:0 0 0 3px rgba(102,126,234,.15),0 0 0 6px rgba(252,108,133,.08);background:white;border-image:linear-gradient(135deg,#667eea,#764ba2,#f093fb) 1}.input-field{flex:1 1;border:none!important;background:transparent;padding:12px 14px;font-size:14.5px;color:#1f2937;outline:none;font-family:inherit}.input-field::placeholder{background:linear-gradient(135deg,#9ca3af,#6b7280);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.send-button{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#fc6c85 75%);background-size:300% 300%;border:none;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 20px rgba(102,126,234,.4),0 2px 8px rgba(252,108,133,.3);flex-shrink:0;animation:gradientShift 8s ease infinite}.send-button:hover:not(:disabled){transform:translateY(-3px) scale(1.05);box-shadow:0 10px 28px rgba(102,126,234,.5),0 4px 12px rgba(252,108,133,.4)}.send-button:active:not(:disabled){transform:translateY(-1px) scale(.98)}.send-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;animation:none;background:linear-gradient(135deg,#d1d5db,#9ca3af)}input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=range]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus{color:#111;font-weight:400;border:none!important}@media (max-width:520px){.chat-window,.intro-screen{width:calc(100% - 32px);height:calc(100vh - 56px);bottom:16px;right:16px;border-radius:20px}.intro-title{font-size:52px}.intro-subtitle{font-size:20px}.floating-animation-container{width:calc(100% - 32px);bottom:calc(100vh - 40px);right:16px}.floating-orb{width:120px;height:120px}.floating-button-container{bottom:20px;right:20px;flex-direction:column-reverse;align-items:flex-end;gap:12px}.tooltip-message{font-size:13px;padding:10px 16px}.tooltip-message:before{top:auto;bottom:-8px;right:24px;transform:none;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fc6c85}}@media (max-width:400px){.chat-window,.intro-screen{width:100%;height:100%;bottom:0;right:0;border-radius:0}.intro-title{font-size:44px}.intro-subtitle{font-size:18px}.floating-animation-container{width:100%;bottom:calc(100% - 80px);right:0}.floating-orb{width:100px;height:100px}.input-area,.messages-area{padding:16px 20px}.bot-message-bubble,.user-message-bubble{max-width:80%;font-size:14px}.tooltip-message{font-size:12px;padding:8px 14px;max-width:200px;white-space:normal;text-align:center}}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea{color:#666;border:1px solid #ccc;border-radius:3px;padding:3px;font-weight:400;border:none!important}