#aiveli-intelligence{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;position:relative;z-index:9999;color:#292c34}
#aiveli-intelligence .aiv-ai-shade{position:fixed;inset:0;background:rgba(22,20,19,.32);backdrop-filter:blur(5px);z-index:1000}
#aiveli-intelligence .aiv-ai-drawer{position:fixed;right:0;top:0;bottom:0;width:min(470px,100vw);max-width:100vw;background:#f6f7fa;box-shadow:-25px 0 80px #0e11193b;z-index:1001;display:flex;flex-direction:column;transform:translateX(104%);transition:transform .36s cubic-bezier(.2,.85,.2,1);pointer-events:none}
#aiveli-intelligence.is-open .aiv-ai-drawer{transform:translateX(0);pointer-events:auto}
.aiv-ai-header{display:flex;align-items:center;gap:13px;padding:22px 22px 18px;border-bottom:1px solid #e3e4e7}
.aiv-ai-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#21242c;color:#edeef1;font-size:26px}
.aiv-ai-title{flex:1;min-width:0;display:grid;gap:4px}.aiv-ai-title b{font-weight:720;font-size:16px;letter-spacing:-.04em}.aiv-ai-title span{color:#7b7f87;font-size:11px;line-height:1.3}.aiv-ai-title span.connected{color:#3c7058}
.aiv-ai-close{border:0;background:#e8e9ec;width:33px;height:33px;border-radius:10px;color:#6a6e76;font-size:23px;cursor:pointer}
.aiv-ai-agents{display:flex;gap:7px;flex-wrap:wrap;padding:16px 22px 8px}.aiv-ai-agents span{border:1px solid #dbdee4;background:#fff;padding:7px 11px;border-radius:999px;font-size:10px;color:#6b6f77;font-weight:600}
.aiv-ai-thread{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 20px 28px;display:flex;align-items:flex-start;flex-direction:column;gap:13px}
.aiv-ai-welcome{width:100%;background:#fff;border:1px solid #e5e6e9;padding:26px 23px;border-radius:20px;box-shadow:0 8px 24px #21242c09;animation:aiv-ai-appear .35s both}.aiv-ai-welcome strong{font-size:23px;letter-spacing:-.045em}.aiv-ai-welcome p{line-height:1.6;font-size:12px;color:#777b83;margin:10px 0 0}
.aiv-ai-bubble{max-width:96%;background:#fff;border:1px solid #e3e4e7;padding:15px 17px;border-radius:16px;box-shadow:0 7px 20px #171a2207;animation:aiv-ai-appear .22s both}.aiv-ai-bubble.user{background:#272a32;color:#f2f3f6;border-color:#272a32;align-self:flex-end}.aiv-ai-bubble p{margin:0;font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.aiv-ai-bubble small{display:block;font-size:10px;color:#858991;margin-bottom:7px;font-weight:650}.aiv-ai-bubble.user small{color:#fff}
.aiv-ai-proposals{display:grid;gap:10px;margin-top:16px;border-top:1px solid #dee1e7;padding-top:15px}.aiv-ai-proposals>b{font-size:11px;letter-spacing:.01em}.aiv-ai-proposals>div{font-size:12px;line-height:1.5}.aiv-ai-apply,.aiv-ai-cancel{border:0;border-radius:11px;padding:11px 15px;font-size:12px;cursor:pointer}.aiv-ai-apply{background:#22252d;color:#fff}.aiv-ai-apply:disabled{background:#d3d6dc;color:#7a7e86}.aiv-ai-cancel{background:#e9eaed;color:#676b73}
.aiv-ai-composer{background:#fff;border-top:1px solid #e2e3e6;padding:15px 20px 15px}.aiv-ai-quick{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.aiv-ai-quick button{border:1px solid #e2e3e6;background:#fbfaf8;border-radius:999px;padding:8px 10px;font-size:10px;color:#5a5e66;cursor:pointer}.aiv-ai-form{display:flex;gap:8px;border:1px solid #d5d8de;background:#faf8f5;border-radius:16px;padding:9px;align-items:flex-end}.aiv-ai-form textarea{font:inherit;outline:none;resize:none;flex:1;min-width:0;border:0;background:none;font-size:13px;line-height:1.5;max-height:140px;padding:8px;color:#31343c}.aiv-ai-send{border:0;border-radius:12px;background:#21242c;color:white;width:38px;height:38px;flex-shrink:0;font-size:19px;cursor:pointer}.aiv-ai-footnote{font-size:10px;color:#898d95;line-height:1.5;margin-top:12px;text-align:center}
@keyframes aiv-ai-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:520px){.aiv-ai-header{padding:14px 15px}.aiv-ai-thread{padding:12px}.aiv-ai-composer{padding:10px}.aiv-ai-agents{padding:10px 12px}.aiv-ai-welcome{padding:18px}.aiv-ai-welcome strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){#aiveli-intelligence .aiv-ai-drawer,.aiv-ai-bubble,.aiv-ai-welcome{transition:none;animation:none}}
