#bw-ai-fab{position:fixed;right:22px;bottom:22px;width:62px;height:62px;border-radius:50%;border:1px solid rgba(0,245,255,.75);background:radial-gradient(circle at 35% 30%,#7CFBFF 0,#00E5FF 38%,#7B2FFF 100%);color:#fff;display:grid;place-items:center;cursor:pointer;z-index:2147483000;box-shadow:0 0 16px #00F5FF,0 0 45px rgba(0,245,255,.45);transition:.25s ease;}
#bw-ai-fab:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 0 22px #33f6ff,0 0 65px rgba(255,61,255,.5)}
.vai-fab-icon{font:700 24px/1 Arial,sans-serif}
.vai-fab-dot{display:none;position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#FF3DFF;color:#fff;font:800 11px/20px Arial,sans-serif;text-align:center;box-shadow:0 0 10px rgba(255,61,255,.75);align-items:center;justify-content:center}

#bw-ai-panel{position:fixed;right:22px;bottom:96px;width:min(410px,calc(100vw - 28px));height:min(620px,calc(100vh - 125px));display:flex;flex-direction:column;overflow:hidden;z-index:2147482999;border:1px solid rgba(0,245,255,.45);border-radius:22px;background:linear-gradient(180deg,rgba(10,6,24,.97),rgba(4,2,12,.985));box-shadow:0 25px 90px rgba(0,0,0,.65),0 0 40px rgba(0,245,255,.18);backdrop-filter:blur(22px);opacity:0;pointer-events:none;transform:translateY(14px) scale(.96);transition:.28s cubic-bezier(.16,1,.3,1)}
#bw-ai-panel.open{opacity:1;pointer-events:auto;transform:none}

.vai-head{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,rgba(0,245,255,.13),rgba(255,61,255,.06))}
.vai-brand{display:flex;align-items:center;gap:10px;color:#fff}
.vai-orb{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#7CFBFF,#00E5FF 55%,#7B2FFF 100%);box-shadow:0 0 22px rgba(0,245,255,.7);font-weight:900}
.vai-title{font:800 14px/1.1 Arial,sans-serif;letter-spacing:.08em}
.vai-status{font:11px/1.2 Arial,sans-serif;color:#7CFBFF;margin-top:4px}
.vai-head-actions{display:flex;align-items:center;gap:6px}
.vai-icon-btn{border:0;background:transparent;color:#aaa;font-size:17px;cursor:pointer;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;transition:.2s ease}
.vai-icon-btn:hover{color:#fff;background:rgba(255,255,255,.08)}
.vai-close{font-size:22px}

.vai-messages{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
.vai-msg{position:relative;max-width:88%;padding:11px 13px;border-radius:15px;font:14px/1.55 Arial,sans-serif;white-space:pre-wrap;word-wrap:break-word}
.vai-bot{align-self:flex-start;background:#12102a;border:1px solid rgba(0,245,255,.16);color:#eee;border-bottom-left-radius:5px;box-shadow:0 0 18px rgba(0,245,255,.06)}
.vai-user{align-self:flex-end;background:linear-gradient(135deg,#7B2FFF,#00C2FF);color:#fff;border-bottom-right-radius:5px}
.vai-time{display:block;margin-top:5px;font-size:9px;opacity:.45}

.vai-fx-host{position:absolute;left:0;right:0;top:0;height:0;overflow:visible;pointer-events:none}
.vai-fx-bubble{position:absolute;bottom:0;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,rgba(0,245,255,.7) 60%,transparent);box-shadow:0 0 6px rgba(0,245,255,.8);animation:vaiFxRise 1.2s ease-out forwards}
@keyframes vaiFxRise{0%{opacity:0;transform:translate(0,4px) scale(.5)}20%{opacity:.9}100%{opacity:0;transform:translate(var(--fx-dx,0),-34px) scale(1.2)}}

.vai-quick{display:flex;gap:7px;overflow:auto;padding:8px 12px;border-top:1px solid rgba(255,255,255,.06)}
.vai-chip{flex:0 0 auto;padding:7px 10px;border-radius:999px;border:1px solid rgba(0,245,255,.32);background:rgba(0,245,255,.08);color:#8CF6FF;font:11px Arial,sans-serif;cursor:pointer;transition:.2s ease}
.vai-chip:hover{background:rgba(255,61,255,.16);border-color:rgba(255,61,255,.4);color:#ffc9fb}

.vai-input{display:flex;gap:8px;padding:11px;border-top:1px solid rgba(255,255,255,.08);background:#07050f}
.vai-input input{min-width:0;flex:1;border:1px solid rgba(255,255,255,.13);background:#000;color:#fff;border-radius:11px;padding:12px;font:14px Arial,sans-serif;outline:none}
.vai-input input:focus{border-color:#00F5FF;box-shadow:0 0 0 3px rgba(0,245,255,.1)}
.vai-send{width:44px;border:0;border-radius:11px;background:linear-gradient(135deg,#00E5FF,#7B2FFF);color:#fff;font-size:18px;cursor:pointer;transition:.2s ease}
.vai-send:hover{filter:brightness(1.15)}

.vai-typing{display:flex;gap:4px;align-items:center}
.vai-typing i{width:5px;height:5px;border-radius:50%;background:#00F5FF;animation:vaiDot 1s infinite}
.vai-typing i:nth-child(2){animation-delay:.15s;background:#FF3DFF}
.vai-typing i:nth-child(3){animation-delay:.3s;background:#7B2FFF}
@keyframes vaiDot{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}

@media(max-width:520px){
  #bw-ai-fab{right:14px;bottom:14px;width:56px;height:56px}
  #bw-ai-panel{right:10px;bottom:82px;width:calc(100vw - 20px);height:min(610px,calc(100vh - 105px));border-radius:18px}
}