#mbw-root{position:fixed;right:24px;bottom:24px;z-index:58;font-family:'Inter',system-ui,sans-serif}
#mbw-fab{position:relative;width:60px;height:60px;border-radius:50%;border:1px solid rgba(250,240,247,.25);background:linear-gradient(135deg,#A90072,#800080);display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 34px rgba(169,0,114,.45),0 0 0 1px rgba(169,0,114,.25),0 0 30px rgba(169,0,114,.35);transition:transform .18s,box-shadow .18s}
#mbw-fab:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(169,0,114,.55),0 0 36px rgba(169,0,114,.45)}
#mbw-fab img{width:30px;height:30px;object-fit:contain}
#mbw-fab .mbw-dot{position:absolute;top:2px;right:2px;width:12px;height:12px;border-radius:50%;background:#FFBD57;border:2px solid #140023;animation:mbwPulse 2.2s infinite}
@keyframes mbwPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,189,87,.5)}50%{box-shadow:0 0 0 6px rgba(255,189,87,0)}}
#mbw-panel{width:384px;max-height:min(72vh,640px);display:flex;flex-direction:column;border-radius:26px;background:linear-gradient(180deg,#1D0032,#150024);border:1px solid rgba(250,240,247,.14);box-shadow:0 30px 80px rgba(20,0,35,.55),0 0 0 1px rgba(169,0,114,.28),0 0 44px rgba(169,0,114,.30),inset 0 1px 0 rgba(250,240,247,.08);overflow:hidden;opacity:0;transform:translateY(22px) scale(.98);transition:opacity .3s ease,transform .3s ease}
#mbw-panel.mbw-in{opacity:1;transform:none}
#mbw-panel[hidden]{display:none}
.mbw-head{display:flex;align-items:center;gap:12px;padding:16px 16px 13px;border-bottom:1px solid rgba(250,240,247,.08)}
.mbw-ava{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#A90072,#800080);display:grid;place-items:center;box-shadow:0 6px 16px rgba(169,0,114,.4);flex:none}
.mbw-ava img{width:22px;height:22px;object-fit:contain}
.mbw-id{flex:1;min-width:0}
.mbw-id b{display:block;color:#FAF0F7;font-size:15px;letter-spacing:-.01em}
.mbw-id small{display:flex;align-items:center;gap:6px;color:#DD99C7;font-size:11.5px;font-weight:600;margin-top:2px}
.mbw-id small::before{content:"";width:7px;height:7px;border-radius:50%;background:#7ED9A1;box-shadow:0 0 8px rgba(126,217,161,.8)}
#mbw-min{width:34px;height:34px;border-radius:50%;border:1px solid rgba(250,240,247,.16);background:rgba(250,240,247,.06);color:#EBE8EE;display:grid;place-items:center;cursor:pointer;transition:background .15s}
#mbw-min:hover{background:rgba(250,240,247,.12)}
#mbw-min svg{width:15px;height:15px}
#mbw-body{flex:1;overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin;scrollbar-color:rgba(221,153,199,.35) transparent}
.mbw-msg{max-width:86%;padding:12px 15px;border-radius:18px;font-size:14px;line-height:1.55;white-space:pre-line}
.mbw-bot{background:rgba(250,240,247,.07);border:1px solid rgba(250,240,247,.09);color:#EBE8EE;align-self:flex-start;border-bottom-left-radius:6px}
.mbw-bot strong{color:#FAF0F7}
.mbw-usr{background:linear-gradient(135deg,rgba(169,0,114,.38),rgba(128,0,128,.38));border:1px solid rgba(221,153,199,.35);color:#FAF0F7;align-self:flex-end;border-bottom-right-radius:6px;font-weight:500}
.mbw-chips{display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-top:2px}
.mbw-chips button{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border-radius:999px;border:1px solid rgba(221,153,199,.42);background:rgba(128,0,128,.20);color:#FAF0F7;font:600 13.5px/1 'Inter',sans-serif;cursor:pointer;transition:background .15s,transform .15s}
.mbw-chips button:hover{background:rgba(169,0,114,.38);transform:translateX(-2px)}
.mbw-chips button::after{content:"→";color:#DD99C7;font-weight:700}
.mbw-acts{display:flex;flex-wrap:wrap;gap:8px;align-self:flex-start;max-width:90%}
.mbw-acts a{display:inline-flex;align-items:center;padding:10px 16px;border-radius:999px;font:700 13px/1 'Inter',sans-serif;text-decoration:none;transition:transform .15s,box-shadow .15s}
.mbw-acts a.p{background:linear-gradient(135deg,#A90072,#C4008A);color:#FAF0F7;box-shadow:0 8px 20px rgba(169,0,114,.4)}
.mbw-acts a.g{border:1px solid rgba(250,240,247,.22);color:#FAF0F7;background:rgba(250,240,247,.05)}
.mbw-acts a:hover{transform:translateY(-1px)}
.mbw-typing{display:inline-flex;gap:5px;padding:14px 16px;background:rgba(250,240,247,.07);border:1px solid rgba(250,240,247,.09);border-radius:18px;border-bottom-left-radius:6px;align-self:flex-start}
.mbw-typing i{width:7px;height:7px;border-radius:50%;background:#DD99C7;animation:mbwTyp 1.1s infinite}
.mbw-typing i:nth-child(2){animation-delay:.15s}.mbw-typing i:nth-child(3){animation-delay:.3s}
@keyframes mbwTyp{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.mbw-input{display:flex;gap:10px;padding:13px 14px 6px;border-top:1px solid rgba(250,240,247,.08)}
.mbw-input input{flex:1;min-width:0;background:rgba(250,240,247,.06);border:1px solid rgba(250,240,247,.15);border-radius:999px;padding:12px 18px;color:#FAF0F7;font:500 14px 'Inter',sans-serif;outline:none;transition:border-color .15s,box-shadow .15s}
.mbw-input input::placeholder{color:#B9A9C2}
.mbw-input input:focus{border-color:#A90072;box-shadow:0 0 0 4px rgba(169,0,114,.18)}
.mbw-send{width:44px;height:44px;border-radius:50%;border:none;background:linear-gradient(135deg,#A90072,#800080);color:#FAF0F7;display:grid;place-items:center;cursor:pointer;flex:none;box-shadow:0 8px 20px rgba(169,0,114,.4);transition:transform .15s}
.mbw-send:hover{transform:translateY(-1px)}
.mbw-send svg{width:18px;height:18px}
.mbw-note{text-align:center;font-size:10.5px;color:rgba(250,240,247,.35);padding:4px 14px 10px}
@media (max-width:640px){#mbw-root{right:12px;bottom:12px}#mbw-panel{width:calc(100vw - 24px);max-height:80vh}}