/* JASper v1: isolated public-site companion. */
#jasper-companion{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:40;width:116px;font:14px/1.5 Inter,"Segoe UI",Arial,sans-serif;color:#eaf6ff;isolation:isolate;pointer-events:none}
#jasper-companion[hidden],#jasper-companion [hidden]{display:none!important}
#jasper-companion *{box-sizing:border-box}
#jasper-companion button,#jasper-companion a{font:inherit;touch-action:manipulation;pointer-events:auto;cursor:pointer}
#jasper-companion button:focus-visible,#jasper-companion a:focus-visible{outline:3px solid #75ddff;outline-offset:4px}
#jasper-companion .jasper-launcher{display:block;width:100%;padding:0;border:0;border-radius:14px;background:transparent;box-shadow:none;color:inherit}
#jasper-companion .jasper-art{position:relative;display:block;width:100%;aspect-ratio:1214/1295;pointer-events:none}
#jasper-companion .jasper-body,#jasper-companion .jasper-arm,#jasper-companion .jasper-eyes{position:absolute;inset:0;background:url('./open.webp') center/100% 100% no-repeat;pointer-events:none}
#jasper-companion .jasper-body{clip-path:polygon(0 0,100% 0,100% 19%,74% 19%,74% 34%,74.5% 40.5%,75.1% 46%,100% 46%,100% 100%,0 100%);z-index:1}
#jasper-companion .jasper-joint{position:absolute;left:73.4%;top:40.8%;width:4%;height:4.5%;background:linear-gradient(120deg,#104777,#2577ab);border-radius:50%;z-index:0}
#jasper-companion .jasper-arm{clip-path:polygon(74.5% 40.5%,74% 34%,74% 19%,100% 19%,100% 46%,75.1% 46%);transform-origin:75% 44%;z-index:2;animation:jasper-wave-v1 5s ease-in-out infinite}
#jasper-companion .jasper-eyes{background-image:url('./blink.webp');clip-path:polygon(29% 27%,65% 22%,67% 39%,30% 42%);z-index:3;opacity:0;animation:jasper-blink-v1 5.7s linear infinite}
#jasper-companion .jasper-thought{position:absolute;right:0;bottom:calc(100% + 23px);width:min(264px,calc(100vw - 32px));padding:21px 22px 17px;background:#102636;color:#eaf6ff;border:1px solid #34556c;border-radius:27px;box-shadow:0 8px 30px #0005;pointer-events:auto}
#jasper-companion .jasper-thought:before,#jasper-companion .jasper-thought:after{content:'';position:absolute;background:#102636;border:1px solid #34556c;border-radius:50%;pointer-events:none}
#jasper-companion .jasper-thought:before{right:38px;bottom:-15px;width:14px;height:12px}
#jasper-companion .jasper-thought:after{right:48px;bottom:-27px;width:8px;height:7px}
#jasper-companion .jasper-thought h2{font-size:18px;line-height:1.3;letter-spacing:0;margin:0 21px 8px 0;color:#fff}
#jasper-companion .jasper-thought p{font-size:14px;line-height:1.5;margin:0 0 15px;color:#c1d6e6}
#jasper-companion .jasper-dismiss{position:absolute;top:5px;right:5px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#b7d1e4;font-size:22px}
#jasper-companion .jasper-book{display:flex;min-height:44px;align-items:center;justify-content:center;padding:9px 12px;border:1px solid #08c7f3;border-radius:9px;background:#08c7f3;color:#041520;text-decoration:none;font-size:14px;font-weight:750}
#jasper-companion .jasper-book:hover{background:#67e1ff}
#jasper-companion .jasper-motion{display:block;min-height:44px;margin:4px auto -7px;padding:8px;border:0;background:transparent;color:#afc6d8;text-decoration:underline;text-underline-offset:3px;font-size:12px}
#jasper-companion.is-paused .jasper-arm,#jasper-companion.is-paused .jasper-eyes{animation:none}
#jasper-companion.is-background .jasper-arm,#jasper-companion.is-background .jasper-eyes{animation-play-state:paused}
#book{scroll-margin-top:90px}
@keyframes jasper-wave-v1{0%,36%,100%{transform:rotate(0)}7%,21%{transform:rotate(-16deg)}14%,28%{transform:rotate(13deg)}}
@keyframes jasper-blink-v1{0%,20%,25%,73%,78%,100%{opacity:0}21%,24%,74%,77%{opacity:1}}
@media(max-width:600px){#jasper-companion{width:88px;right:max(12px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom))}#jasper-companion .jasper-thought{width:min(248px,calc(100vw - 24px));padding:19px 20px 15px}}
@media(max-height:470px){#jasper-companion{width:76px}#jasper-companion .jasper-thought{bottom:calc(100% + 10px)}}
@media(prefers-reduced-motion:reduce){#jasper-companion .jasper-arm,#jasper-companion .jasper-eyes{animation:none}}
@media print{#jasper-companion{display:none!important}}