#cwg-water-mascot{position:fixed;left:16px;bottom:16px;width:82px;height:106px;z-index:99990;display:flex;align-items:flex-end;justify-content:center;transition:left 1.15s cubic-bezier(.2,.8,.2,1),top 1.15s cubic-bezier(.2,.8,.2,1),right 1.15s,bottom 1.15s;pointer-events:none}
#cwg-water-mascot .cwg-mascot-character{position:relative;width:78px;height:100px;padding:0;border:0;background:transparent;cursor:pointer;pointer-events:auto;filter:drop-shadow(0 6px 8px rgba(0,93,170,.2));animation:cwg-drop-float 3.4s ease-in-out infinite;transform-origin:50% 90%}
#cwg-water-mascot svg{width:100%;height:100%;overflow:visible}
#cwg-water-mascot .cwg-mascot-body{transform-origin:90px 170px;animation:cwg-drop-turn 7s ease-in-out infinite}
#cwg-water-mascot .cwg-mascot-ring{position:absolute;left:14%;right:14%;bottom:0;height:9px;border:1.5px solid rgba(39,166,235,.55);border-radius:50%;box-shadow:0 0 10px rgba(39,166,235,.25);animation:cwg-ring-pulse 2.6s ease-out infinite}
#cwg-water-mascot .cwg-mascot-bubble{position:absolute;left:68px;bottom:72px;width:190px;padding:10px 13px;border:1px solid #b9e5ff;border-radius:15px 15px 15px 4px;background:#fff;color:#12335a;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;box-shadow:0 7px 22px rgba(0,75,130,.14);opacity:0;transform:translateY(8px) scale(.96);transition:.25s;pointer-events:none}
#cwg-water-mascot.is-talking .cwg-mascot-bubble{opacity:1;transform:translateY(0) scale(1)}
#cwg-water-mascot .cwg-mascot-close{position:absolute;right:-2px;top:0;width:20px;height:20px;border:1px solid #d5e8f6;border-radius:50%;background:#fff;color:#345;line-height:17px;font-size:15px;cursor:pointer;opacity:0;pointer-events:auto;transition:opacity .2s}
#cwg-water-mascot:hover .cwg-mascot-close,#cwg-water-mascot.is-talking .cwg-mascot-close{opacity:1}
#cwg-water-mascot.is-wave .cwg-mascot-character{animation:cwg-drop-wave .9s ease-in-out 2}
#cwg-water-mascot.is-travelling .cwg-mascot-character{animation:cwg-drop-travel .55s ease-in-out infinite alternate}
#cwg-water-mascot.is-guiding{right:auto;bottom:auto;left:var(--mascot-x);top:var(--mascot-y);z-index:100000}
#cwg-water-mascot.is-guiding .cwg-mascot-character{animation:cwg-drop-point .7s ease-in-out infinite alternate}
#cwg-water-mascot.is-hidden{display:none}
#cwg-water-mascot .cwg-mascot-source-panel{position:absolute;left:70px;bottom:4px;width:270px;padding:14px 16px;border:1px solid #b9e5ff;border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(0,75,130,.18);color:#12335a;opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s;pointer-events:none}
#cwg-water-mascot .cwg-mascot-source-panel.is-open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
#cwg-water-mascot .cwg-mascot-source-panel p{margin:0 0 10px;font-family:inherit;font-size:12px;font-weight:500;line-height:1.45;color:#183653}
#cwg-water-mascot .cwg-mascot-source-panel p strong{color:#075eb7;font-weight:700}
@keyframes cwg-drop-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(3deg)}}
@keyframes cwg-drop-turn{0%,78%,100%{transform:rotateY(0)}86%{transform:rotateY(180deg)}94%{transform:rotateY(360deg)}}
@keyframes cwg-drop-wave{0%,100%{transform:rotate(0) translateY(0)}25%{transform:rotate(-12deg) translateY(-6px)}50%{transform:rotate(9deg) translateY(-4px)}75%{transform:rotate(-8deg)}}
@keyframes cwg-drop-travel{from{transform:translateY(0) rotate(-10deg)}to{transform:translateY(-9px) rotate(10deg)}}
@keyframes cwg-drop-point{from{transform:translateY(0) rotate(-8deg)}to{transform:translateY(-6px) rotate(8deg)}}
@keyframes cwg-ring-pulse{0%,100%{transform:scaleX(.82);opacity:.45}50%{transform:scaleX(1.12);opacity:1}}
@media(max-width:600px){#cwg-water-mascot{left:8px;bottom:10px;width:66px;height:86px}#cwg-water-mascot .cwg-mascot-character{width:62px;height:82px}#cwg-water-mascot .cwg-mascot-bubble{left:55px;bottom:60px;width:165px;font-size:11px}#cwg-water-mascot.is-guiding{left:8px!important;top:auto!important;bottom:10px!important}#cwg-water-mascot .cwg-mascot-source-panel{left:55px;bottom:0;width:min(260px,calc(100vw - 75px))}}
@media(prefers-reduced-motion:reduce){#cwg-water-mascot *{animation:none!important;transition:none!important}}