:root{--wpai-primary: #0066ff;--wpai-primary-dark: #0052cc;--wpai-bg: #ffffff;--wpai-text: #1a1a1a;--wpai-text-light: #666666;--wpai-border: #e5e5e5;--wpai-user-bg: var(--wpai-primary);--wpai-user-text: #ffffff;--wpai-bot-bg: #f1f3f4;--wpai-bot-text: var(--wpai-text);--wpai-shadow: 0 8px 32px rgba(0, 0, 0, .15);--wpai-radius: 16px;--wpai-radius-sm: 8px}.wpai-chatbox{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;position:fixed;bottom:20px;z-index:999999;box-sizing:border-box}.wpai-chatbox *,.wpai-chatbox *:before,.wpai-chatbox *:after{box-sizing:inherit}.wpai-chatbox.right{right:20px}.wpai-chatbox.left{left:20px}.wpai-button{width:60px;height:60px;border-radius:50%;background:var(--wpai-primary);border:none;cursor:pointer;box-shadow:var(--wpai-shadow);transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center;color:#fff;padding:0}.wpai-button:hover{transform:scale(1.05);box-shadow:0 10px 40px #0003}.wpai-button:active{transform:scale(.98)}.wpai-button:focus{outline:2px solid var(--wpai-primary);outline-offset:2px}.wpai-button svg{width:24px;height:24px}.wpai-window{position:absolute;bottom:70px;width:380px;height:550px;background:var(--wpai-bg);border-radius:var(--wpai-radius);box-shadow:var(--wpai-shadow);display:none;flex-direction:column;overflow:hidden}.wpai-chatbox.right .wpai-window{right:0}.wpai-chatbox.left .wpai-window{left:0}.wpai-window.open{display:flex;animation:wpai-slide-up .3s ease-out}@keyframes wpai-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wpai-header{padding:16px 20px;background:var(--wpai-primary);color:#fff;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.wpai-header-title{font-weight:600;font-size:16px}.wpai-header-status{display:flex;align-items:center;gap:6px;font-size:12px;opacity:.9}.wpai-status-dot{width:8px;height:8px;border-radius:50%;background:#4caf50;animation:wpai-pulse 2s infinite}@keyframes wpai-pulse{0%,to{opacity:1}50%{opacity:.5}}.wpai-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.wpai-message{max-width:85%;display:flex;flex-direction:column;gap:4px}.wpai-message-user{align-self:flex-end}.wpai-message-assistant{align-self:flex-start}.wpai-message-content{padding:12px 16px;border-radius:var(--wpai-radius);word-wrap:break-word;overflow-wrap:break-word}.wpai-message-user .wpai-message-content{background:var(--wpai-user-bg);color:var(--wpai-user-text);border-bottom-right-radius:4px}.wpai-message-assistant .wpai-message-content{background:var(--wpai-bot-bg);color:var(--wpai-bot-text);border-bottom-left-radius:4px}.wpai-message-time{font-size:11px;color:var(--wpai-text-light);padding:0 4px}.wpai-message-user .wpai-message-time{text-align:right}.wpai-link{color:inherit;text-decoration:underline}.wpai-message-user .wpai-link{color:var(--wpai-user-text)}.wpai-message-assistant .wpai-link{color:var(--wpai-primary)}.wpai-code{font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;background:#0000001a;padding:2px 6px;border-radius:4px}.wpai-sources{font-size:12px;color:var(--wpai-text-light);margin-top:4px}.wpai-sources-label{font-weight:500}.wpai-source-link{color:var(--wpai-primary)}.wpai-typing{display:flex;align-items:center;padding:12px 16px;background:var(--wpai-bot-bg);border-radius:var(--wpai-radius);border-bottom-left-radius:4px;width:fit-content}.wpai-typing-dots{display:flex;gap:4px}.wpai-typing-dot{width:8px;height:8px;background:var(--wpai-text-light);border-radius:50%;animation:wpai-bounce 1.4s infinite ease-in-out both}.wpai-typing-dot:nth-child(1){animation-delay:-.32s}.wpai-typing-dot:nth-child(2){animation-delay:-.16s}@keyframes wpai-bounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.wpai-input-area{padding:12px 16px;border-top:1px solid var(--wpai-border);display:flex;gap:12px;align-items:flex-end;flex-shrink:0}.wpai-input{flex:1;border:1px solid var(--wpai-border);border-radius:var(--wpai-radius-sm);padding:10px 14px;font-family:inherit;font-size:14px;resize:none;max-height:120px;line-height:1.4;outline:none;transition:border-color .2s}.wpai-input:focus{border-color:var(--wpai-primary)}.wpai-input::placeholder{color:var(--wpai-text-light)}.wpai-input:disabled{background:#f5f5f5;cursor:not-allowed}.wpai-send{width:40px;height:40px;border:none;border-radius:50%;background:var(--wpai-primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,transform .1s}.wpai-send:hover{background:var(--wpai-primary-dark)}.wpai-send:active{transform:scale(.95)}.wpai-send:disabled{background:var(--wpai-border);cursor:not-allowed}.wpai-send svg{width:20px;height:20px}@media (max-width: 480px){.wpai-chatbox{bottom:10px}.wpai-chatbox.right{right:10px}.wpai-chatbox.left{left:10px}.wpai-window{width:calc(100vw - 20px);height:calc(100vh - 90px);max-height:600px}.wpai-chatbox.right .wpai-window{right:-10px}.wpai-chatbox.left .wpai-window{left:-10px}}.wpai-messages::-webkit-scrollbar{width:6px}.wpai-messages::-webkit-scrollbar-track{background:transparent}.wpai-messages::-webkit-scrollbar-thumb{background:var(--wpai-border);border-radius:3px}.wpai-messages::-webkit-scrollbar-thumb:hover{background:var(--wpai-text-light)}