.sales-mascot{position:fixed;left:22px;bottom:20px;z-index:1050;font-family:inherit;color:#18212f}
.sales-mascot__trigger{position:relative;width:112px;height:150px;padding:0;border:0;background:transparent;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;filter:drop-shadow(0 8px 10px rgba(15,23,42,.2));transition:transform .2s ease}
.sales-mascot.is-dragging .sales-mascot__trigger{cursor:grabbing;transform:scale(1.04)}
.sales-mascot__trigger:hover{transform:translateY(-4px)}
.sales-mascot .sales-mascot__trigger:hover,.sales-mascot .sales-mascot__trigger:focus,.sales-mascot .sales-mascot__trigger:focus-visible,.sales-mascot .sales-mascot__trigger:active{background:transparent!important;color:inherit;box-shadow:none}
.sales-mascot__stage{position:relative;display:block;width:100%;height:100%;transform-origin:50% 100%;animation:mascot-bob 3s ease-in-out infinite;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.sales-mascot__image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;opacity:0}.sales-mascot__image--base{position:relative;opacity:1}.sales-mascot__image--blink{animation:mascot-blink-frame 6.4s steps(1,end) infinite}.sales-mascot__image--talk{z-index:2}.sales-mascot.is-speaking .sales-mascot__image--talk{animation:mascot-talk-frame .48s steps(1,end) infinite}
.sales-mascot__layer{position:absolute;inset:0;z-index:3;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;opacity:0}.sales-mascot__layer--blink-left{clip-path:ellipse(8% 7% at 38% 29%);animation:mascot-blink-frame 3.6s steps(1,end) infinite}.sales-mascot__layer--blink-right{clip-path:ellipse(8% 7% at 58% 30%);animation:mascot-blink-frame 3.6s steps(1,end) infinite}.sales-mascot__layer--talk{z-index:4;clip-path:ellipse(9% 7% at 50% 40%)}.sales-mascot.is-speaking .sales-mascot__layer--talk{animation:mascot-talk-frame .34s steps(1,end) infinite}.sales-mascot.is-speaking .sales-mascot__stage{animation:mascot-speak .34s ease-in-out infinite alternate!important}
.sales-mascot__badge{position:absolute;top:5px;right:1px;display:grid;place-items:center;width:23px;height:23px;border:3px solid #fff;border-radius:50%;background:#f5b31b;color:#17202c;font-size:11px;font-weight:900}
.sales-mascot__hint{position:absolute;left:83px;bottom:65px;width:max-content;max-width:220px;padding:9px 13px;border-radius:12px 12px 12px 3px;background:#fff;box-shadow:0 8px 28px rgba(15,23,42,.18);font-size:13px;font-weight:750;opacity:0;transform:translateX(-8px);pointer-events:none;transition:.25s ease}.sales-mascot__hint.is-visible{opacity:1;transform:none}.sales-mascot__hint.is-thinking{left:91px;bottom:82px;padding:11px 15px;border-radius:18px}.sales-mascot__hint.is-thinking::before,.sales-mascot__hint.is-thinking::after{content:"";position:absolute;border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(15,23,42,.12)}.sales-mascot__hint.is-thinking::before{left:-13px;bottom:-8px;width:12px;height:12px}.sales-mascot__hint.is-thinking::after{left:-23px;bottom:-17px;width:7px;height:7px}
.sales-mascot.is-ready .sales-mascot__stage{animation:mascot-ready-alive 1.15s ease-in-out infinite alternate;transform:translateY(-7px) rotate(-2deg) scale(1.045)}.sales-mascot.is-ready .sales-mascot__trigger{transform:translateY(-4px) scale(1.04)}
.sales-mascot__panel{position:absolute;left:68px;bottom:91px;width:min(330px,calc(100vw - 40px));padding:20px;border:1px solid #e6e8ec;border-radius:20px 20px 20px 6px;background:#fff;box-shadow:0 20px 55px rgba(15,23,42,.22);opacity:0;visibility:hidden;transform:translateY(10px) scale(.97);transform-origin:bottom left;transition:.2s ease}
.sales-mascot__panel.is-open{opacity:1;visibility:visible;transform:none}.sales-mascot__close{position:absolute;right:10px;top:9px;width:30px;height:30px;min-height:0;padding:0;border:0;border-radius:50%;background:#f1f3f5;color:#586273;font-size:21px;line-height:1;cursor:pointer}.sales-mascot__heading{display:flex;align-items:center;gap:9px;padding-right:24px}.sales-mascot__heading div{display:grid;gap:1px}.sales-mascot__heading strong{font-size:15px}.sales-mascot__heading small{color:#697386;font-size:11px}.sales-mascot__online{width:10px;height:10px;border-radius:50%;background:#22a95a;box-shadow:0 0 0 4px #dcfce7}.sales-mascot__panel p{margin:16px 0 13px;color:#424b59;font-size:14px;line-height:1.5}.sales-mascot__actions{display:grid;gap:8px}.sales-mascot__actions a{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid #e7e9ee;border-radius:10px;color:#283240;text-decoration:none;font-size:13px;font-weight:700;transition:.15s ease}.sales-mascot__actions a:hover{border-color:#e52d35;background:#fff7f7;color:#b91c1c;transform:translateX(2px)}.sales-mascot__actions span{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:7px;background:#fff0f0;color:#d4262e;font-weight:900}
@keyframes mascot-bob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4px) rotate(1deg)}}@keyframes mascot-blink-frame{0%,92%,96%,100%{opacity:0}93%,95%{opacity:1}}@keyframes mascot-talk-frame{0%,49%{opacity:0}50%,100%{opacity:1}}
@keyframes mascot-speak{from{transform:translateY(-3px) rotate(-1deg) scale(1.02)}to{transform:translateY(-8px) rotate(1deg) scale(1.07)}}@keyframes mascot-ready-alive{from{transform:translateY(-5px) rotate(-2deg) scale(1.045)}to{transform:translateY(-10px) rotate(2deg) scale(1.075)}}
.sales-mascot__hint{left:101px;bottom:96px}.sales-mascot__panel{bottom:132px}
@media(max-width:640px){.sales-mascot{left:10px;bottom:10px}.sales-mascot__trigger{width:88px;height:118px}.sales-mascot__panel{position:fixed;left:12px;right:12px;bottom:126px;width:auto}.sales-mascot__hint{left:79px;bottom:78px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.sales-mascot__stage,.sales-mascot__image,.sales-mascot__layer{animation:none!important}.sales-mascot__panel,.sales-mascot__hint,.sales-mascot__trigger,.sales-mascot__stage{transition:none}}
.sales-mascot__panel{position:fixed;left:var(--mascot-panel-left,90px);top:var(--mascot-panel-top,120px);right:auto;bottom:auto}
.sales-mascot__hint{left:calc(100% + 10px)!important;bottom:60%!important}.sales-mascot__hint.is-thinking{left:calc(100% + 10px)!important}
.sales-mascot__layer--talk{clip-path:ellipse(5.5% 3.8% at 47.5% 38.5%)!important}
.sales-mascot__layer--talk{display:none!important}