:root{--primary-color: #000000;--user-message-bg: #000000;--response-message-bg: #f1f1f3;--widget-border-radius: 20px}@keyframes scaleInFromIcon{0%{transform:scale(0);opacity:0;transform-origin:calc(100% - 30px) calc(100% - 30px)}to{transform:scale(1);opacity:1;transform-origin:calc(100% - 30px) calc(100% - 30px)}}@keyframes scaleOutToIcon{0%{transform:scale(1);opacity:1;transform-origin:calc(100% - 30px) calc(100% - 30px)}to{transform:scale(0);opacity:0;transform-origin:calc(100% - 30px) calc(100% - 30px)}}.chat-widget-enter{animation:scaleInFromIcon .2s ease-out forwards;transform-origin:calc(100% - 30px) calc(100% - 30px)}.chat-widget-exit{animation:scaleOutToIcon .2s ease-in forwards;transform-origin:calc(100% - 30px) calc(100% - 30px)}.chat-widget{display:flex;flex-direction:column;width:400px;height:500px;border:none;border-radius:var(--widget-border-radius);background-color:#fff;box-shadow:0 2px 10px #0000001a;font-family:Inter,Arial,sans-serif;position:fixed;bottom:20px;right:20px;z-index:1000;box-sizing:border-box}@media (max-width: 600px){.chat-widget{width:100vw;height:100vh;height:100dvh;inset:0;border-radius:0;max-width:none;max-height:none;padding-bottom:env(safe-area-inset-bottom)}.chat-header{border-radius:0;padding-top:max(16px,env(safe-area-inset-top));flex-shrink:0}.chat-messages{padding-bottom:0;margin-bottom:0;flex:1;min-height:0}.chat-input-container{margin:16px;margin-bottom:max(16px,env(safe-area-inset-bottom));flex-shrink:0;background-color:#fff;position:relative;z-index:10}.floating-chat-icon{bottom:max(30px,calc(30px + env(safe-area-inset-bottom)));right:20px}.chat-widget{resize:none;min-height:100dvh}}.chat-header{padding:14px 16px;background-color:var(--primary-color);color:#fff;border-radius:var(--widget-border-radius) var(--widget-border-radius) 0 0;display:flex;justify-content:space-between;align-items:center;margin:0}.chat-header-left{display:flex;align-items:center;gap:4px}.chat-header-left h3{margin:0;font-size:16px}.chat-logo{color:#fff;filter:invert(1)}.chat-header-right{display:flex;align-items:center;gap:8px}.header-button{background:none;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s;outline:none}.header-button:hover{background-color:#ffffff1a}.header-button:focus{outline:none;border:none}.header-button:active{outline:none;border:none}.floating-chat-icon{position:fixed;bottom:20px;right:20px;width:auto;height:60px;padding:0 20px;border-radius:30px;background-color:var(--primary-color);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 4px 12px #0000004d;transition:all .3s ease;z-index:1000;outline:none}.floating-chat-icon:focus{outline:none;border:none}.floating-chat-icon:active{outline:none;border:none}.floating-chat-icon:hover{background-color:#333;transform:scale(1.05)}.chat-icon-bubble{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-icon-bubble svg{fill:#fff;width:42px;height:42px}.chat-text{font-size:16px;font-weight:500;font-family:Inter,Arial,sans-serif;white-space:nowrap}.chat-messages{flex:1;overflow-y:auto;padding:16px 16px 0;display:flex;flex-direction:column;gap:12px;margin-bottom:8px}.message{display:flex;margin-bottom:8px}.user-message{justify-content:flex-end}.bot-message{flex-direction:column;align-items:flex-start;justify-content:flex-start}.message-content{max-width:70%;padding:8px 12px;border-radius:20px;position:relative;word-wrap:break-word;overflow-wrap:break-word}.user-message .message-content{background-color:var(--user-message-bg);color:#fff;border-bottom-right-radius:4px;text-align:left}.bot-message .message-content{background-color:var(--response-message-bg);color:#333;border-bottom-left-radius:4px;text-align:left}.message-content p{margin:0;font-size:14px;line-height:1.4;font-family:Inter,Arial,sans-serif}.bot-message .message-content h1,.bot-message .message-content h2,.bot-message .message-content h3,.bot-message .message-content h4,.bot-message .message-content h5,.bot-message .message-content h6{margin:8px 0 4px;font-family:Inter,Arial,sans-serif;font-weight:600;color:#333}.bot-message .message-content h1{font-size:18px}.bot-message .message-content h2{font-size:16px}.bot-message .message-content h3{font-size:15px}.bot-message .message-content h4{font-size:14px}.bot-message .message-content h5{font-size:13px}.bot-message .message-content h6{font-size:12px}.bot-message .message-content p{margin:0 0 8px;font-size:14px;line-height:1.4;font-family:Inter,Arial,sans-serif;text-align:left}.bot-message .message-content p:last-child{margin-bottom:0}.bot-message .message-content ul,.bot-message .message-content ol{margin:4px 0 8px;padding-left:20px;font-size:14px;line-height:1.4;list-style:disc}.bot-message .message-content li{margin:2px 0}.bot-message .message-content code{background-color:#f1f1f1;border-radius:3px;padding:2px 4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;color:#d63384}.bot-message .message-content pre{background-color:#f8f9fa;border-radius:6px;padding:12px;margin:8px 0;overflow-x:auto;border:1px solid #e9ecef}.bot-message .message-content pre code{background-color:transparent;border-radius:0;padding:0;color:#333;font-size:12px;line-height:1.4}.bot-message .message-content blockquote{border-left:4px solid #ddd;margin:8px 0;padding-left:12px;color:#666;font-style:italic}.bot-message .message-content strong{font-weight:600}.bot-message .message-content em{font-style:italic}.bot-message .message-content a{color:#06c;text-decoration:underline}.bot-message .message-content a:hover{color:#0052a3}.quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;padding:0;align-items:flex-start;justify-content:flex-start;width:100%}.quick-action-button{background-color:#fff;border:1px solid #ddd;border-radius:30px;padding:8px 16px;font-size:14px;font-family:Inter,Arial,sans-serif;color:#333;cursor:pointer;transition:all .2s ease;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;flex-shrink:1;text-align:left;outline:none}.quick-action-button:hover:not(:disabled){background-color:#000;color:#fff;border-color:#000}.quick-action-button:active:not(:disabled){transform:translateY(1px)}.quick-action-button:disabled{background-color:#fff;border-color:#ddd;color:#999;cursor:not-allowed;opacity:.6}.quick-action-button:focus{outline:none;box-shadow:0 0 0 2px #0003}@media (max-width: 600px){.quick-actions{gap:6px;margin-top:10px}.quick-action-button{padding:8px 16px;font-size:13px}}.message-time{font-size:10px;opacity:.7;display:block;margin-top:4px}.typing-indicator{display:flex;align-items:center;font-style:italic;color:#666;font-size:14px;padding:8px 12px;margin-bottom:8px}.typing-dots{display:flex;align-items:center;gap:4px;padding:8px 12px;background-color:var(--response-message-bg);border-radius:20px;max-width:70%}.typing-dot{width:8px;height:8px;border-radius:50%;background-color:#999;animation:typing 1.4s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.status-message{background:linear-gradient(90deg,#f1f1f3 25%,#e8e8ea,#f1f1f3 75%);background-size:200px 100%;animation:shimmer 1.5s infinite linear;position:relative;overflow:hidden}.status-message:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 25%,rgba(255,255,255,.4) 50%,transparent 75%);background-size:200px 100%;animation:shimmer 1.5s infinite linear}.chat-input-form{margin:0;padding:0}.chat-input-container{position:relative;display:flex;align-items:flex-end;background-color:#fff;border:1.5px solid transparent;border-radius:16px;box-shadow:0 2px 8px #0000001a;padding:12px 50px 12px 16px;box-sizing:border-box;margin:0 16px 16px;transition:border-color .2s}.chat-input-container:focus-within{border-color:var(--primary-color)}.chat-input{flex:1;border:none;outline:none;font-size:14px;font-family:Inter,Arial,sans-serif;resize:none;background:transparent;min-height:20px;max-height:120px;overflow-y:auto;line-height:1.4;color:var(--primary-color)}.chat-input::-webkit-scrollbar{width:6px}.chat-input::-webkit-scrollbar-track{background:#f1f1f1}.chat-input::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chat-input::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.chat-input::placeholder{color:#999}.send-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:8px;background-color:transparent;color:var(--primary-color);border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;outline:none}.send-button:focus{outline:none;border:none}.send-button:active{outline:none;border:none}.send-button:hover:not(:disabled){background-color:#f5f5f5}.send-button:disabled{background-color:transparent;color:#ccc;cursor:not-allowed}.stop-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:8px;background-color:var(--primary-color);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;outline:none;width:36px;height:36px}.stop-button:hover{background-color:#333;transform:translateY(-50%) scale(1.05)}.stop-button:active{transform:translateY(-50%) scale(.95)}.stop-button:focus{outline:none;box-shadow:0 0 0 2px #0003}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1}.chat-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}
