.aiT{background:radial-gradient(900px 400px at 85% -10%,rgba(47,209,143,.25),transparent 60%),linear-gradient(180deg,#0f1b2d,#13233e);padding:22px 0 30px;color:#fff}
.aiT-wrap{width:min(860px,100% - 24px);margin-inline:auto;display:flex;flex-direction:column;gap:12px}
.aiT-head{display:flex;align-items:center;gap:14px}
.aiT-head h1{margin:0;font-size:26px;line-height:1.1;font-weight:900;color:#fff}
.aiT-head p{margin:3px 0 0;font-size:14px;color:#b9c7de}
.aiT-orb{flex:0 0 52px;height:52px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#b8ffe0,#2fd18f 55%,#046c4e);box-shadow:0 6px 0 #034632,0 12px 22px rgba(0,0,0,.4),0 0 24px rgba(47,209,143,.5);animation:aiOrb 3.2s ease-in-out infinite}
.aiT-orb i{width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 0 14px #fff}
@keyframes aiOrb{50%{transform:translateY(-3px) scale(1.04)}}
.aiT-new{margin-left:auto;border:0;border-radius:12px;background:rgba(255,255,255,.12);color:#fff;padding:9px 13px;font-weight:700;cursor:pointer;font-size:13px}
.aiT-log{min-height:300px;max-height:min(58vh,520px);overflow-y:auto;padding:14px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
.aiM{max-width:88%;padding:11px 14px;border-radius:18px;font-size:15.5px;line-height:1.55;white-space:pre-wrap;word-wrap:break-word;animation:aiIn .25s ease}
@keyframes aiIn{from{opacity:0;transform:translateY(6px)}}
.aiM.bot{align-self:flex-start;background:#fff;color:#13233e;border-bottom-left-radius:6px;box-shadow:0 3px 0 #c7d3e6}
.aiM.me{align-self:flex-end;background:linear-gradient(135deg,#0a9d6e,#2fd18f);color:#05281d;font-weight:600;border-bottom-right-radius:6px;box-shadow:0 3px 0 #046c4e}
.aiM.typing{display:flex;gap:5px;padding:14px 16px}.aiM.typing b{width:8px;height:8px;border-radius:50%;background:#9ab0cf;animation:aiDot 1s infinite}.aiM.typing b:nth-child(2){animation-delay:.15s}.aiM.typing b:nth-child(3){animation-delay:.3s}
@keyframes aiDot{50%{transform:translateY(-5px);background:#2fd18f}}
.aiRef{align-self:flex-start;background:#e8fff4;color:#046c4e;border:1px solid #9be5c4;border-radius:14px;padding:10px 14px;font-weight:700;font-size:14px}
.aiProd{align-self:flex-start;display:flex;gap:10px;align-items:center;background:#fff;color:#13233e;border-radius:14px;padding:8px 12px;text-decoration:none;box-shadow:0 3px 0 #c7d3e6;max-width:92%}
.aiProd img{width:52px;height:52px;border-radius:10px;object-fit:cover;background:#eef2f8}.aiProd b{display:block;font-size:14px}.aiProd small{color:#596477}
.aiBtn{align-self:flex-start;border:0;border-radius:14px;padding:11px 16px;font-weight:800;color:#fff;text-decoration:none;background:linear-gradient(#26395a,#13233e);box-shadow:0 5px 0 #070f1d;cursor:pointer;font-size:14px}
.aiT-chips{display:flex;flex-wrap:wrap;gap:8px}
.aiT-chips button{border:0;border-radius:999px;padding:9px 14px;font-size:14px;font-weight:700;cursor:pointer;color:#13233e;background:linear-gradient(#fff,#e9f0fb);box-shadow:0 3px 0 #9fb0cc}
.aiT-chips button:active{transform:translateY(2px);box-shadow:0 1px 0 #9fb0cc}
.aiT-form{display:flex;gap:10px;align-items:flex-end;background:#fff;border-radius:20px;padding:8px 8px 8px 16px;box-shadow:0 5px 0 #aab6cc,0 14px 24px rgba(0,0,0,.3)}
.aiT-form textarea{flex:1;border:0;outline:0;resize:none;font:inherit;font-size:16px;color:#13233e;padding:9px 0;max-height:120px;background:transparent}
.aiT-form button{flex:0 0 46px;height:46px;border:0;border-radius:15px;background:linear-gradient(#2fd18f,#0a9d6e);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 0 #046c4e}
.aiT-form button:disabled{opacity:.5}
.aiT-note{margin:0;font-size:12px;color:#8fa3c4;text-align:center}
@media(max-width:600px){.aiT{padding:14px 0 20px}.aiT-head h1{font-size:22px}.aiT-head p{font-size:12.5px}.aiT-log{min-height:260px;max-height:56vh;padding:10px}.aiM{font-size:15px;max-width:92%}}
@media(prefers-reduced-motion:reduce){.aiT-orb,.aiM,.aiM.typing b{animation:none}}
/* the page itself is the chat, so hide the floating help button here */
body:has(#aiTool) .apc-fab{display:none!important}
#aiTool+.gp-sec .gp-h2{color:#13233e}#aiTool+.gp-sec .gp-lead{color:#596477!important}