.chat-widget-button{background-color:var(--skin-color,#2eb1ed);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;transition:all .3s;display:flex;box-shadow:0 4px 15px #0000004d;z-index:9999!important;position:fixed!important;bottom:24px!important;right:24px!important}.chat-widget-button:hover{transform:scale(1.1)}.chat-widget-button i{color:#fff}.chat-widget-panel{background-color:var(--bg-black-50,#1a1a2e);opacity:0;visibility:hidden;border-radius:16px;flex-direction:column;width:380px;height:500px;transition:all .3s;display:flex;overflow:hidden;transform:translateY(20px)scale(.95);z-index:9998!important;position:fixed!important;bottom:100px!important;right:24px!important}.chat-widget-panel.open{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.chat-widget-header{background-color:var(--skin-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chat-widget-header h4{color:#fff;margin:0;font-size:16px;font-weight:600}.chat-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:18px;transition:transform .2s;display:flex}.chat-close-btn:hover{transform:scale(1.1)}.chat-messages{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-message{word-wrap:break-word;border-radius:16px;max-width:85%;padding:12px 16px;font-size:14px;line-height:1.5}.chat-message.user{background-color:var(--skin-color);color:#fff;border-bottom-right-radius:4px;margin-left:auto}.chat-message.assistant{background-color:var(--bg-black-100);color:var(--text-black-700);border-bottom-left-radius:4px;margin-right:auto}.chat-message.loading{padding:16px 20px}.typing-indicator{align-items:center;gap:4px;display:flex}.typing-indicator span{background-color:var(--skin-color);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both typing}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.chat-input-form{border-top:1px solid var(--bg-black-100);background-color:var(--bg-black-50);gap:10px;padding:16px;display:flex}.chat-input{border:1px solid var(--bg-black-100);background-color:var(--bg-black-100);color:var(--text-black-900);border-radius:24px;outline:none;flex:1;padding:12px 16px;font-size:14px;transition:border-color .2s}.chat-input:focus{border-color:var(--skin-color)}.chat-input::placeholder{color:var(--text-black-600)}.chat-submit-btn{background-color:var(--skin-color);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.chat-submit-btn:hover:not(:disabled){transform:scale(1.05)}.chat-submit-btn:disabled{opacity:.5;cursor:not-allowed}.chat-submit-btn i{color:#fff;font-size:16px}@media (max-width:480px){.chat-widget-panel{width:calc(100vw - 48px);height:60vh;bottom:90px;right:16px}.chat-widget-button{width:52px;height:52px;font-size:20px;bottom:16px;right:16px}}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background-color:var(--bg-black-100);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background-color:var(--skin-color)}