#encore-host{position:fixed;left:16px;bottom:16px;z-index:9997;font-family:Poppins,system-ui,sans-serif;display:flex;align-items:flex-end;gap:10px;max-width:calc(100vw - 32px);pointer-events:none}
#encore-host>*{pointer-events:auto}
#encore-host[hidden],#encore-host [hidden]{display:none!important}
.eh-card{position:relative;flex:none;width:132px;height:198px;border-radius:14px;background:radial-gradient(circle at 50% 30%,#2a2113 0%,#0a0a0a 75%);border:1px solid rgba(212,175,55,.55);box-shadow:0 10px 30px rgba(0,0,0,.5);overflow:hidden}
.eh-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 8%}
.eh-btn{position:absolute;top:6px;width:26px;height:26px;border-radius:50%;border:1px solid rgba(212,175,55,.6);background:rgba(10,10,10,.75);color:#D4AF37;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s ease,color .2s ease}
.eh-btn:hover{background:#D4AF37;color:#0a0a0a}
.eh-close{right:6px}
.eh-mute{left:6px}
.eh-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.eh-chat{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:34px;max-width:230px}
.eh-badge{display:inline-flex;align-items:center;gap:6px;background:#D4AF37;color:#0a0a0a;font-size:11px;font-weight:700;letter-spacing:.3px;padding:4px 10px;border-radius:999px}
.eh-badge i{width:7px;height:7px;border-radius:50%;background:#0a0a0a;display:inline-block;animation:ehPulse 1.8s ease-in-out infinite}
.eh-bubble{position:relative;background:#fff;color:#1a1a1a;border-radius:14px 14px 14px 4px;padding:12px 14px;box-shadow:0 8px 24px rgba(0,0,0,.4);text-decoration:none;display:block;font-size:14px;line-height:1.4;transition:opacity .35s ease,transform .35s ease}
.eh-bubble.eh-swap{opacity:0;transform:translateY(6px)}
.eh-bubble strong{display:block;font-weight:600}
.eh-cta{display:block;margin-top:6px;color:#8a6d12;font-size:11.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.eh-bubble:hover .eh-cta,.eh-bubble:focus-visible .eh-cta{text-decoration:underline}
.eh-reopen{position:relative;width:60px;height:60px;border-radius:50%;padding:0;border:2px solid #D4AF37;background:#0a0a0a;cursor:pointer;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.5)}
.eh-reopen img{width:100%;height:100%;object-fit:cover;object-position:50% 6%;display:block}
.eh-reopen .eh-dot{position:absolute;top:2px;right:2px;width:12px;height:12px;border-radius:50%;background:#D4AF37;border:2px solid #0a0a0a}
@keyframes ehPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}
@media (max-width:767px){#encore-host{left:10px;bottom:94px;gap:8px}.eh-card{width:92px;height:138px}.eh-chat{margin-bottom:22px;max-width:calc(100vw - 130px)}.eh-bubble{font-size:13px;padding:10px 12px}.eh-btn{width:24px;height:24px;top:4px}.eh-close{right:4px}.eh-mute{left:4px}.eh-reopen{width:54px;height:54px}}
@media (max-width:359px){.eh-card{width:80px;height:120px}.eh-chat{max-width:calc(100vw - 112px)}}
@media (prefers-reduced-motion:reduce){.eh-badge i{animation:none}.eh-bubble{transition:none}}
#encore-host a:focus-visible,#encore-host button:focus-visible{outline:2px solid #D4AF37;outline-offset:2px}

#encore-host .eh-btn{border:1px solid rgba(212,175,55,.6);background:rgba(10,10,10,.75);color:#D4AF37;box-shadow:none;border-radius:50%;min-height:0;text-transform:none;letter-spacing:0}
#encore-host .eh-btn:hover,#encore-host .eh-btn:focus{background:#D4AF37;color:#0a0a0a;border-color:#D4AF37}
#encore-host .eh-reopen{border:2px solid #D4AF37;background:#0a0a0a;border-radius:50%;min-height:0;box-shadow:0 8px 22px rgba(0,0,0,.5)}
#encore-host .eh-reopen:hover,#encore-host .eh-reopen:focus{background:#0a0a0a;border-color:#e9c655}

#encore-host .eh-btn{padding:0;display:flex;align-items:center;justify-content:center;width:26px;height:26px;font-size:14px}
#encore-host .eh-reopen{padding:0;display:block}
@media (max-width:767px){#encore-host .eh-btn{width:24px;height:24px}#encore-host .eh-reopen{width:54px;height:54px}}
@media (max-width:767px){.eh-card{width:80px;height:120px}.eh-chat{max-width:calc(100vw - 118px);margin-bottom:14px}.eh-bubble{font-size:12.5px;padding:8px 10px}.eh-cta{font-size:10.5px;margin-top:3px}.eh-badge{font-size:10px;padding:3px 8px}}

/* v1.0.6: borderless image + attention shake */
#encore-host .eh-card{border:0;box-shadow:0 10px 30px rgba(0,0,0,.45)}
#encore-host .eh-reopen,#encore-host .eh-reopen:hover,#encore-host .eh-reopen:focus{border:0;outline:0}
#encore-host .eh-reopen:focus-visible{outline:2px solid #D4AF37;outline-offset:3px}
#encore-host .eh-reopen .eh-dot{border-color:transparent}
@keyframes ehShake{0%,100%{transform:translateX(0) rotate(0)}10%{transform:translateX(-3px) rotate(-2.5deg)}20%{transform:translateX(3px) rotate(2.5deg)}30%{transform:translateX(-3px) rotate(-2deg)}40%{transform:translateX(3px) rotate(2deg)}50%{transform:translateX(-2px) rotate(-1.2deg)}60%{transform:translateX(2px) rotate(1.2deg)}70%{transform:translateX(-1px) rotate(-.6deg)}80%{transform:translateX(1px) rotate(.6deg)}}
#encore-host .eh-card.eh-shake,#encore-host .eh-reopen.eh-shake{animation:ehShake .9s ease-in-out 1;transform-origin:50% 100%}
@media (prefers-reduced-motion:reduce){#encore-host .eh-card.eh-shake,#encore-host .eh-reopen.eh-shake{animation:none}}

/* v1.0.7: smaller, transparent-background host */
#encore-host .eh-card{width:112px;height:168px;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0;overflow:visible}
#encore-host .eh-card img{object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 8px 14px rgba(0,0,0,.55))}
#encore-host .eh-reopen{background:transparent!important;box-shadow:none!important;border:0!important;overflow:visible}
#encore-host .eh-reopen img{object-fit:contain;object-position:50% 12%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}
#encore-host .eh-btn{background:rgba(10,10,10,.82)}
@media (max-width:767px){#encore-host .eh-card{width:68px;height:102px}#encore-host .eh-chat{max-width:calc(100vw - 104px)}}
/* v1.0.8: whole widget more compact */
#encore-host{gap:6px;left:12px;bottom:14px}
#encore-host .eh-card{width:92px;height:138px}
#encore-host .eh-chat{max-width:176px;gap:4px;margin-bottom:26px}
#encore-host .eh-bubble{font-size:12px;line-height:1.35;padding:8px 10px;border-radius:12px 12px 12px 3px}
#encore-host .eh-cta{font-size:10px;margin-top:3px;letter-spacing:.4px}
#encore-host .eh-badge{font-size:9.5px;padding:3px 8px;gap:5px}
#encore-host .eh-badge i{width:6px;height:6px}
#encore-host .eh-btn{width:22px;height:22px;top:2px}
#encore-host .eh-btn svg{width:12px;height:12px}
#encore-host .eh-reopen{width:46px;height:46px}
@media (max-width:767px){#encore-host{left:8px;bottom:92px;gap:5px}#encore-host .eh-card{width:58px;height:87px}#encore-host .eh-chat{max-width:calc(100vw - 84px);margin-bottom:10px}#encore-host .eh-bubble{font-size:11px;padding:6px 9px}#encore-host .eh-cta{font-size:9.5px}#encore-host .eh-badge{font-size:9px;padding:2px 7px}#encore-host .eh-btn{width:20px;height:20px}#encore-host .eh-reopen{width:42px;height:42px}}