.chat-toggle-btn{position:fixed;bottom:20px;right:20px;z-index:1000;transition:all 0.3s ease}.chat-toggle-btn.chat-btn-active{transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,0.3)}.chat-drawer .chat-header{background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;padding:16px;display:flex;justify-content:space-between;align-items:center}.chat-drawer .chat-header .chat-title{display:flex;align-items:center;font-weight:600;flex:1}.chat-drawer .chat-header .header-actions{display:flex;gap:8px;align-items:center}.chat-drawer .chat-header .streaming-mode-badge{font-size:10px;padding:4px 8px;border-radius:12px;animation:pulse 2s ease-in-out infinite}.chat-drawer .chat-header .streaming-toggle-btn{color:#fff;transition:all 0.3s ease}.chat-drawer .chat-header .streaming-toggle-btn:hover{transform:scale(1.1);background:hsla(0,0%,100%,0.2)}.chat-drawer .chat-header .chat-close-btn{color:#fff}.chat-drawer .chat-messages{height:calc(100vh - 200px);overflow-y:auto;padding:12px 8px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding-bottom:60px;scrollbar-width:none;-ms-overflow-style:none}.chat-drawer .chat-messages::-webkit-scrollbar{display:none}.chat-drawer .chat-messages .typing-indicator{animation:pulse 1.5s ease-in-out infinite}.chat-drawer .chat-messages .q-chat-message{margin-bottom:12px;animation:slideInMessage 0.4s ease-out;transition:all 0.3s ease}.chat-drawer .chat-messages .q-chat-message:hover{transform:translateY(-2px)}.chat-drawer .chat-messages .q-chat-message:hover .q-chat-message__text{box-shadow:0 6px 20px rgba(0,0,0,0.15)}.chat-drawer .chat-messages .q-chat-message .q-chat-message__text{border-radius:18px;padding:12px 16px;font-size:12px;line-height:1.5;max-width:90%;word-wrap:break-word;position:relative;box-shadow:0 4px 12px rgba(0,0,0,0.1);transition:all 0.3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-drawer .chat-messages .q-chat-message .q-chat-message__text:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:18px;background:linear-gradient(135deg,hsla(0,0%,100%,0.1),hsla(0,0%,100%,0.05));pointer-events:none;z-index:1}.chat-drawer .chat-messages .q-chat-message .q-chat-message__text>*{position:relative;z-index:2}.chat-drawer .chat-messages .formatted-message{font-size:12px;line-height:1.4}.chat-drawer .chat-messages .formatted-message p{margin:4px 0;line-height:1.4;color:inherit;font-size:12px}.chat-drawer .chat-messages .formatted-message h1,.chat-drawer .chat-messages .formatted-message h2,.chat-drawer .chat-messages .formatted-message h3,.chat-drawer .chat-messages .formatted-message h4,.chat-drawer .chat-messages .formatted-message h5,.chat-drawer .chat-messages .formatted-message h6{margin:6px 0 4px 0;font-weight:600;color:#1976d2;line-height:1.3}.chat-drawer .chat-messages .formatted-message h1{font-size:14px;border-bottom:1px solid #e0e0e0;padding-bottom:2px}.chat-drawer .chat-messages .formatted-message h2{font-size:13px;border-bottom:1px solid #e0e0e0;padding-bottom:1px}.chat-drawer .chat-messages .formatted-message h3{font-size:12px}.chat-drawer .chat-messages .formatted-message h4,.chat-drawer .chat-messages .formatted-message h5,.chat-drawer .chat-messages .formatted-message h6{font-size:11px}.chat-drawer .chat-messages .formatted-message ol,.chat-drawer .chat-messages .formatted-message ul{margin:4px 0;padding-left:16px}.chat-drawer .chat-messages .formatted-message li{margin:2px 0;line-height:1.4;font-size:12px}.chat-drawer .chat-messages .formatted-message ol{counter-reset:item;padding-left:24px;list-style:none;margin:4px 0}.chat-drawer .chat-messages .formatted-message ol li{display:block;margin:6px 0;position:relative;padding-left:24px;text-indent:0}.chat-drawer .chat-messages .formatted-message ol li:before{content:counter(item) ". ";counter-increment:item;position:absolute;left:0;top:0;font-weight:600;color:#1976d2;font-size:12px;width:20px;text-align:left}.chat-drawer .chat-messages .formatted-message ol ol,.chat-drawer .chat-messages .formatted-message ol ul,.chat-drawer .chat-messages .formatted-message ul ol,.chat-drawer .chat-messages .formatted-message ul ul{margin:2px 0;padding-left:12px}.chat-drawer .chat-messages .formatted-message pre{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;padding:6px;margin:4px 0;overflow-x:auto;font-family:Courier New,monospace;font-size:10px;line-height:1.3}.chat-drawer .chat-messages .formatted-message code{background:#f5f5f5;padding:1px 3px;border-radius:2px;font-family:Courier New,monospace;font-size:10px}.chat-drawer .chat-messages .formatted-message blockquote{border-left:2px solid #1976d2;margin:4px 0;padding:4px 8px;background:#f8f9fa;color:#666;font-size:11px}.chat-drawer .chat-messages .formatted-message table{border-collapse:collapse;width:100%;margin:4px 0;font-size:11px}.chat-drawer .chat-messages .formatted-message td,.chat-drawer .chat-messages .formatted-message th{border:1px solid #e0e0e0;padding:3px 6px;text-align:left}.chat-drawer .chat-messages .formatted-message th{background:#f5f5f5;font-weight:600;font-size:11px}.chat-drawer .chat-messages .formatted-message a{color:#1976d2;text-decoration:none;font-size:12px}.chat-drawer .chat-messages .formatted-message a:hover{text-decoration:underline}.chat-drawer .chat-messages .formatted-message b,.chat-drawer .chat-messages .formatted-message strong{font-weight:600;color:#1976d2;font-size:12px}.chat-drawer .chat-messages .formatted-message em,.chat-drawer .chat-messages .formatted-message i{font-style:italic;font-size:12px}.chat-drawer .chat-messages .formatted-message hr{border:none;border-top:1px solid #e0e0e0;margin:8px 0}.chat-drawer .chat-messages .user-message-right .q-chat-message__content{display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-start}.chat-drawer .chat-messages .user-message-right .q-chat-message__text{margin-left:8px;margin-right:0;max-width:75%}.chat-drawer .chat-messages .user-message-right .custom-avatar{margin-left:8px;margin-right:0}.chat-drawer .chat-messages .user-message-right .q-chat-message__stamp{margin-top:0;margin-right:8px;align-self:center}.chat-drawer .chat-messages .assistant-message-left .q-chat-message__content{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.chat-drawer .chat-messages .assistant-message-left .q-chat-message__text{margin-right:8px;margin-left:0;max-width:75%}.chat-drawer .chat-messages .assistant-message-left .custom-avatar{margin-right:8px;margin-left:0;margin-bottom:5px}.chat-drawer .chat-messages .assistant-message-left .q-chat-message__stamp{margin-top:0;margin-left:8px;align-self:center}.chat-drawer .chat-messages .simple-timestamp{color:#999;font-weight:400;text-transform:none;letter-spacing:normal;display:inline-block}.chat-drawer .chat-messages .thinking-stamp{color:#666;font-weight:500;font-size:11px;animation:pulse 1.5s ease-in-out infinite;display:inline-block}.chat-drawer .chat-messages .creative-timestamp{font-size:10px;padding:4px 8px;border-radius:12px;font-weight:500;text-transform:uppercase;letter-spacing:0.5px;display:inline-block;transition:all 0.3s ease;position:relative;overflow:hidden}.chat-drawer .chat-messages .creative-timestamp.user-timestamp{background:linear-gradient(135deg,rgba(25,118,210,0.2),rgba(21,101,192,0.2));color:#fff;border:1px solid rgba(25,118,210,0.3)}.chat-drawer .chat-messages .creative-timestamp.user-timestamp:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,0.3),transparent);transition:left 0.5s ease}.chat-drawer .chat-messages .creative-timestamp.user-timestamp:hover:before{left:100%}.chat-drawer .chat-messages .creative-timestamp.assistant-timestamp{background:linear-gradient(135deg,#43a047,#2e7d32);color:#fff;border:1px solid #2e7d32}.chat-drawer .chat-messages .creative-timestamp.assistant-timestamp:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,0.3),transparent);transition:left 0.5s ease}.chat-drawer .chat-messages .creative-timestamp.assistant-timestamp:hover:before{left:100%}.chat-drawer .chat-messages .custom-avatar{width:36px;height:36px;border-radius:50%;border:3px solid hsla(0,0%,100%,0.9);box-shadow:0 4px 15px rgba(0,0,0,0.15),0 0 0 1px hsla(0,0%,100%,0.1);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;text-transform:uppercase;color:#fff;flex-shrink:0;transition:all 0.3s ease;position:relative;overflow:hidden}.chat-drawer .chat-messages .custom-avatar:after{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;border:2px solid transparent;background:linear-gradient(45deg,transparent,hsla(0,0%,100%,0.3),transparent);animation:rotateRing 3s linear infinite;opacity:0;transition:opacity 0.3s ease}.chat-drawer .chat-messages .custom-avatar:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,0.2),0 0 0 2px hsla(0,0%,100%,0.3)}.chat-drawer .chat-messages .custom-avatar:hover:after{opacity:1}.chat-drawer .chat-messages .custom-avatar.ai-avatar{background:linear-gradient(135deg,#4caf50,#388e3c);border-color:rgba(76,175,80,0.3)}.chat-drawer .chat-messages .custom-avatar.user-avatar{background:linear-gradient(135deg,#1976d2,#1565c0);border-color:rgba(25,118,210,0.3)}.chat-drawer .chat-input{padding:16px;background:linear-gradient(135deg,hsla(0,0%,100%,0.95),rgba(248,249,250,0.95));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid hsla(0,0%,87.8%,0.3);position:fixed;bottom:0;right:0;width:350px;z-index:10;box-shadow:0 -4px 20px rgba(0,0,0,0.1);transition:all 0.3s ease}.chat-drawer .chat-input:hover{background:linear-gradient(135deg,hsla(0,0%,100%,0.98),rgba(248,249,250,0.98));box-shadow:0 -6px 25px rgba(0,0,0,0.15)}.chat-drawer .chat-input .q-field .q-field__control{border-radius:25px;background:hsla(0,0%,100%,0.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(25,118,210,0.1);transition:all 0.3s ease}.chat-drawer .chat-input .q-field .q-field__control:hover{border-color:rgba(25,118,210,0.3);box-shadow:0 2px 10px rgba(25,118,210,0.1)}.chat-drawer .chat-input .q-field .q-field__control.q-field--focused{border-color:#1976d2;box-shadow:0 0 0 2px rgba(25,118,210,0.2)}.chat-drawer .chat-input .q-btn{border-radius:50%;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.chat-drawer .chat-input .q-btn:hover{transform:scale(1.1);box-shadow:0 4px 15px rgba(25,118,210,0.3)}@media (max-width:600px){.chat-drawer .chat-input{width:100%;right:0}}.chat-welcome-card{max-width:500px;width:100%;border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,0.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,0.95)}.chat-welcome-card .q-card__section{padding:40px 32px}.chat-welcome-card .q-btn{min-width:140px;border-radius:12px;font-weight:600;text-transform:none;padding:12px 24px;margin:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:0.5}}@keyframes slideInMessage{0%{opacity:0;transform:translateY(20px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rotateRing{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.ai-bot-bold{font-weight:700}.streaming-badge{animation:pulse 1s ease-in-out infinite;box-shadow:0 0 10px rgba(76,175,80,0.5)}.streaming-loading-dots{display:inline-block;color:#666;font-weight:700;animation:pulse 1.5s ease-in-out infinite}.streaming-text{display:inline-block;white-space:pre-wrap;word-wrap:break-word;font-size:12px;line-height:1.5;color:inherit}.streaming-cursor{display:inline-block;margin-left:2px;color:#1976d2;font-weight:700;animation:blink 1s step-end infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width:600px){.chat-drawer{width:100%!important}.chat-toggle-btn{bottom:16px;right:16px}}