
#jw-fab{position:fixed;bottom:24px;right:24px;z-index:2147483000;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:999px;background:#000408;border:1px solid #2a241e;box-shadow:0 8px 30px rgba(0,0,0,.4);cursor:pointer;transition:transform .2s,box-shadow .2s}
#jw-fab:hover{transform:scale(1.05);box-shadow:0 12px 40px rgba(0,0,0,.5)}
#jw-fab img{width:40px;height:40px;object-fit:contain}
#jw-fab .jw-unread{position:absolute;top:-2px;right:-2px;width:12px;height:12px;border-radius:999px;background:#A78BFA;border:2px solid #000408}
#jw-panel{position:fixed;bottom:24px;right:24px;z-index:2147483000;display:none;flex-direction:column;width:400px;max-width:calc(100vw - 2rem);max-height:min(600px,calc(100vh - 6rem));border-radius:18px;border:1px solid #2a241e;background:#0A0908;box-shadow:0 20px 60px rgba(0,0,0,.6);overflow:hidden;font-family:'Inter',system-ui,sans-serif}
#jw-panel.open{display:flex}
.jw-head{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid #1a1815}
.jw-head-l{display:flex;align-items:center;gap:12px}
.jw-av{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:#000408;overflow:hidden}
.jw-av img{width:28px;height:28px;object-fit:contain}
.jw-title{margin:0;font-size:14px;font-weight:600;color:#F0E6DA;letter-spacing:.04em}
.jw-sub{margin:0;font-size:10px;color:#9D8976}
.jw-x{display:flex;padding:6px;border-radius:999px;background:transparent;border:0;color:#9D8976;cursor:pointer}
.jw-x:hover{background:#1a1815;color:#F0E6DA}
.jw-x svg{width:15px;height:15px}
.jw-msgs{flex:1;overflow-y:auto;padding:16px 18px;display:flex;flex-direction:column;gap:12px;min-height:200px}
.jw-quick{display:flex;flex-wrap:wrap;gap:6px}
.jw-chip{border:1px solid #2a241e;background:#14110D;color:#9D8976;border-radius:999px;padding:6px 12px;font-size:11px;cursor:pointer;font-family:inherit}
.jw-chip:hover{color:#F0E6DA;border-color:#A78BFA}
.jw-row{display:flex}
.jw-row.u{justify-content:flex-end}
.jw-row.b{justify-content:flex-start}
.jw-b{max-width:85%;border-radius:14px;padding:10px 14px;font-size:13.5px;line-height:1.55}
.jw-b.bot{background:#14110D;color:#C4BFB3;border-bottom-left-radius:4px}
.jw-b.usr{background:#1a1815;color:#F0E6DA;border-bottom-right-radius:4px}
.jw-b.bot strong{color:#F0E6DA}
.jw-dots{display:flex;gap:5px;padding:12px 14px}
.jw-dots span{width:6px;height:6px;border-radius:999px;background:#A78BFA;opacity:.55;animation:jwb 1.2s infinite}
.jw-dots span:nth-child(2){animation-delay:.15s}.jw-dots span:nth-child(3){animation-delay:.3s}
@keyframes jwb{0%,80%,100%{transform:translateY(0);opacity:.35}40%{transform:translateY(-4px);opacity:.9}}
.jw-in{border-top:1px solid #1a1815;padding:12px 14px}
.jw-in form{display:flex;align-items:flex-end;gap:8px}
.jw-in textarea{flex:1;resize:none;max-height:120px;border-radius:10px;border:1px solid #2a241e;background:#14110D;color:#F0E6DA;padding:10px 12px;font-size:13.5px;font-family:inherit;outline:none}
.jw-in textarea::placeholder{color:#5a4f43}
.jw-in textarea:focus{border-color:#A78BFA}
.jw-in button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:10px;background:#1a1815;color:#A78BFA;border:0;cursor:pointer}
.jw-in button:hover:not(:disabled){background:#2a241e}
.jw-in button:disabled{opacity:.3;cursor:default}
.jw-in button svg{width:16px;height:16px}
