.agent-root{--agent-bg:#161e3ad1;--agent-surface:#ffffff14;--agent-border:#ffffff24;--agent-text:#f5f6fa;--agent-muted:#f5f6fa9e;--agent-accent:#fff;z-index:1000;color:var(--agent-text);font-family:Manrope,Inter,system-ui,sans-serif;position:fixed;bottom:24px;right:24px}.agent-surface{background:var(--agent-bg);border:1px solid var(--agent-border);-webkit-backdrop-filter:blur(20px)saturate(160%);position:absolute;bottom:0;right:0;box-shadow:0 12px 40px #0a0e1e59,0 2px 6px #0a0e1e33}.agent-pill{color:inherit;font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:5px 18px 5px 5px;font-size:15px;font-weight:600;display:flex}.agent-pill:focus-visible,.agent-panel button:focus-visible,.agent-input textarea:focus-visible{outline:2px solid var(--agent-accent);outline-offset:2px}.agent-avatar{color:#1a2244;background:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-weight:700;display:grid;overflow:hidden}.agent-avatar img,.agent-avatar video{object-fit:cover;width:100%;height:100%;display:block}.agent-avatar>*{grid-area:1/1;transition:opacity .2s cubic-bezier(.23,1,.32,1)}.agent-avatar .is-hidden{opacity:0}.agent-panel{transform-origin:100% 100%;border-radius:24px;flex-direction:column;width:min(380px,100vw - 32px);height:min(560px,100dvh - 48px);display:flex;overflow:hidden}.agent-header{border-bottom:1px solid var(--agent-border);align-items:center;gap:10px;padding:12px 12px 12px 14px;display:flex}.agent-title{flex-direction:column;flex:1;line-height:1.25;display:flex}.agent-title strong{font-size:15px}.agent-title span{color:var(--agent-muted);font-size:12.5px}.agent-close{background:var(--agent-surface);width:32px;height:32px;color:inherit;cursor:pointer;border:0;border-radius:50%;place-items:center;font-size:20px;line-height:1;transition:transform .16s cubic-bezier(.23,1,.32,1);display:grid}.agent-messages{overscroll-behavior:contain;flex-direction:column;flex:1;gap:10px;padding:14px;display:flex;overflow-y:auto}.agent-msg{border-radius:16px;max-width:88%;padding:10px 13px;font-size:14px;line-height:1.5}.agent-msg p,.agent-msg ul{margin:0}.agent-msg p+p,.agent-msg p+ul,.agent-msg ul+p{margin-top:8px}.agent-msg ul{padding-left:18px}.agent-msg a{color:inherit;text-underline-offset:2px;text-decoration:underline}.agent-msg.is-assistant,.agent-msg.is-error{background:var(--agent-surface);border-bottom-left-radius:6px;align-self:flex-start}.agent-msg.is-error{color:#ffc9c9}.agent-msg.is-user{color:#1a2244;background:#fff;border-bottom-right-radius:6px;align-self:flex-end}.agent-suggestions{flex-wrap:wrap;gap:6px;display:flex}.agent-suggestions button{border:1px solid var(--agent-border);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:999px;padding:7px 12px;font-size:13px;transition:background .15s}@media (hover:hover) and (pointer:fine){.agent-suggestions button:hover{background:var(--agent-surface)}}.agent-typing{gap:4px;padding:14px 13px;display:flex}.agent-typing span{background:var(--agent-muted);border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite agent-bounce}.agent-typing span:nth-child(2){animation-delay:.15s}.agent-typing span:nth-child(3){animation-delay:.3s}@keyframes agent-bounce{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.agent-input{border-top:1px solid var(--agent-border);align-items:flex-end;gap:8px;padding:10px;display:flex}.agent-input textarea{border:1px solid var(--agent-border);background:var(--agent-surface);max-height:120px;color:inherit;font:inherit;resize:none;border-radius:18px;flex:1;padding:9px 12px;font-size:14px}.agent-input textarea::placeholder{color:var(--agent-muted)}.agent-input button{color:#1a2244;cursor:pointer;background:#fff;border:0;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:18px;font-weight:700;display:grid}.agent-close:active,.agent-input button:not(:disabled):active{transform:scale(.94)}.agent-input button{transition:transform .16s cubic-bezier(.23,1,.32,1),opacity .16s}.agent-input button:disabled{opacity:.4;cursor:default}@media (max-width:480px){.agent-root{bottom:16px;right:16px}}@media (prefers-reduced-motion:reduce){.agent-typing span{animation:none}}
