#jgr-japin-commerce{--jci-ink:#173e3c;--jci-green:#1f6660;--jci-orange:#f19b56;--jci-base:82px;position:fixed;right:max(18px,env(safe-area-inset-right));bottom:var(--jci-base);z-index:2147482990;font:14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--jci-ink);isolation:isolate;text-align:left;box-sizing:border-box}
#jgr-japin-commerce *,#jgr-japin-commerce *:before,#jgr-japin-commerce *:after{box-sizing:border-box}
#jgr-japin-commerce [hidden]{display:none!important}
#jgr-japin-commerce.jci-wa-open{visibility:hidden;pointer-events:none}
#jgr-japin-commerce button,#jgr-japin-commerce input{font:inherit;letter-spacing:normal;text-transform:none;box-shadow:none;margin:0}
#jgr-japin-commerce button{cursor:pointer;border:0;border-radius:12px;min-height:42px;padding:9px 13px;background:var(--jci-green);color:#fff;touch-action:manipulation;line-height:1.3}
#jgr-japin-commerce button:hover{filter:brightness(.95)}
#jgr-japin-commerce button:focus-visible,#jgr-japin-commerce input:focus-visible{outline:3px solid #e5893b;outline-offset:3px}
#jgr-japin-commerce button:disabled{opacity:.5;cursor:wait}
#jgr-japin-commerce .jci-soft{background:#eff5ef;color:#245c54}
#jgr-japin-commerce .jci-link{background:none;color:#225e58;text-decoration:underline;padding:5px 0;min-height:36px;font-size:12px}
#jgr-japin-commerce .jci-mascot{position:relative;display:flex;flex-direction:column;align-items:center;background:none;color:var(--jci-ink);padding:0;width:148px;border:0;margin-left:auto;filter:none}
#jgr-japin-commerce .jci-mascot img,#jgr-japin-commerce canvas{width:148px;height:198px;display:block;object-fit:contain;pointer-events:none}
#jgr-japin-commerce canvas{position:absolute;top:0;left:0;visibility:hidden}
#jgr-japin-commerce.jci-3d canvas{visibility:visible}
#jgr-japin-commerce.jci-3d .jci-mascot img{visibility:hidden}
#jgr-japin-commerce .jci-mascot span{background:#fffef7;border:1px solid #d5e5da;border-radius:999px;padding:5px 13px;box-shadow:0 3px 12px #123a3a13;font-weight:750;font-size:12px;white-space:nowrap}
#jgr-japin-commerce .jci-mascot i{color:#d68137;font-style:normal}
#jgr-japin-commerce .jci-teaser{position:absolute;right:12px;bottom:calc(100% + 10px);width:min(318px,calc(100vw - 42px));padding:19px;background:#fffcf1;border:1px solid #e6d9bc;border-radius:22px 22px 6px 22px;box-shadow:0 10px 32px #173d3825}
#jgr-japin-commerce .jci-teaser strong{font-size:16px;display:block;padding-right:22px}
#jgr-japin-commerce p{margin:8px 0;color:inherit;font-size:inherit;line-height:1.55}
#jgr-japin-commerce .jci-dismiss{position:absolute;right:6px;top:6px;min-height:36px;width:36px;background:none;color:var(--jci-ink);padding:0;font-size:23px}
#jgr-japin-commerce .jci-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
#jgr-japin-commerce header{display:flex;align-items:center;justify-content:space-between;gap:8px}
#jgr-japin-commerce header button{background:#edf3ed;color:var(--jci-ink);font-size:24px;min-width:42px;padding:3px}
#jgr-japin-commerce .jci-eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#5c8577}
#jgr-japin-commerce h2{font:750 23px/1.2 system-ui,sans-serif;margin:4px 0 0;padding:0;color:var(--jci-ink)}
#jgr-japin-commerce .jci-product{font-size:12px;color:#66786c;padding-bottom:10px;border-bottom:1px solid #e7ede3}
#jgr-japin-commerce .jci-toolbar{display:flex;gap:7px;justify-content:space-between}
#jgr-japin-commerce .jci-toolbar button{font-size:12px;min-height:36px}
#jgr-japin-commerce .jci-status{font-size:12px;color:#657669;min-height:19px}
#jgr-japin-commerce .jci-messages{max-height:230px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
#jgr-japin-commerce .jci-message{padding:11px 13px;background:#f0f5eb;border-radius:4px 15px 15px 15px;margin:9px 14px 9px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}
#jgr-japin-commerce .jci-message[data-role=user]{margin:9px 0 9px 26px;background:#e1f0eb;border-radius:15px 4px 15px 15px}
#jgr-japin-commerce .jci-message button{display:block;margin-top:7px;background:none;color:#285e55;padding:2px 0;min-height:30px;font-size:11px;text-decoration:underline}
#jgr-japin-commerce .jci-faq{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
#jgr-japin-commerce .jci-faq button{background:#fff;color:#3d665c;border:1px solid #dce5d7;border-radius:999px;min-height:36px;padding:7px 10px;font-size:11px;text-align:left}
#jgr-japin-commerce .jci-guide{padding:13px;background:#fff2db;border:1px solid #efd7b8;border-radius:16px;margin:10px 0}
#jgr-japin-commerce .jci-guide p{font-size:13px}
#jgr-japin-commerce .jci-guide button{font-size:11px;min-height:38px}
#jgr-japin-commerce .jci-form{display:flex;gap:7px;margin-top:12px}
#jgr-japin-commerce input{border:1px solid #d0ded2;border-radius:12px;background:#fff;color:#234039;padding:11px;min-height:44px;width:100%;min-width:0;font-size:16px}
#jgr-japin-commerce .jci-form button{font-size:12px}
#jgr-japin-commerce .jci-talk{width:100%;margin-top:10px;background:#224d47;color:#fff;font-size:12px}
#jgr-japin-commerce .jci-note{font-size:10px;line-height:1.45;display:block;color:#748478;margin:9px 0 0}
#jgr-japin-commerce .jci-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#jgr-japin-commerce.jci-tour .jci-messages,#jgr-japin-commerce.jci-tour .jci-faq,#jgr-japin-commerce.jci-tour .jci-form,#jgr-japin-commerce.jci-tour .jci-talk,#jgr-japin-commerce.jci-tour .jci-note{display:none}
.jci-target{scroll-margin-block:105px!important}
#jgr-japin-commerce{--jci-vh:100dvh;--jci-kb:0px;--jci-top:0px}
#jgr-japin-commerce.jci-open{display:grid;grid-template-columns:130px minmax(0,400px);gap:8px;width:min(538px,calc(100vw - 28px));align-items:start;bottom:calc(var(--jci-base) + var(--jci-kb))}
#jgr-japin-commerce.jci-open .jci-mascot{position:relative;z-index:2;display:flex!important;width:130px;margin:42px 0 0;pointer-events:auto;min-height:0}
#jgr-japin-commerce.jci-open .jci-mascot img,#jgr-japin-commerce.jci-open canvas{width:130px;height:178px;left:0}
#jgr-japin-commerce.jci-open .jci-mascot span{display:none}
#jgr-japin-commerce #jci-panel{position:relative;min-width:0;width:100%;max-height:calc(var(--jci-vh) - var(--jci-base) - 28px);overflow:auto;overscroll-behavior:contain;background:#fffef9;border:1px solid #cddfd6;border-radius:24px;box-shadow:0 18px 65px #1038312b;padding:17px;scrollbar-width:thin}
#jgr-japin-commerce.jci-open:before{content:"";position:absolute;left:132px;top:86px;width:16px;height:20px;background:#fffef9;border-left:1px solid #cddfd6;transform:skewY(-28deg);z-index:1}
#jgr-japin-commerce .jci-live{max-height:32dvh;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}
#jgr-japin-commerce .jci-live-text,#jgr-japin-commerce .jci-guide-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7;min-height:24px}
#jgr-japin-commerce .jci-typing:after{content:"▎";color:#cc8536;animation:jci-caret .85s step-end infinite}
@keyframes jci-caret{50%{opacity:0}}
#jgr-japin-commerce .jci-reading,#jgr-japin-commerce .jci-mini-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px}
#jgr-japin-commerce .jci-reading{border-bottom:1px solid #e3eade;margin-bottom:8px;padding-bottom:4px}
#jgr-japin-commerce .jci-history{margin:10px 0;font-size:12px}
#jgr-japin-commerce .jci-history summary{cursor:pointer;color:#557266}
#jgr-japin-commerce .jci-messages{max-height:180px}
#jgr-japin-commerce .jci-audio-hint{display:none;color:#765d34;font-size:11px;line-height:1.4}
#jgr-japin-commerce.jci-audio-blocked .jci-audio-hint{display:block}
#jgr-japin-commerce .jci-cta{padding:12px;background:#eff5e7;border-radius:16px;margin:12px 0}
#jgr-japin-commerce .jci-cta p{font-weight:700;font-size:13px}
#jgr-japin-commerce .jci-guide-links{display:flex;flex-wrap:wrap;gap:6px;max-height:96px;overflow:auto}
#jgr-japin-commerce .jci-guide-links button,#jgr-japin-commerce .jci-guide-links a{font-size:11px;color:#22574e;background:#fff;border:1px solid #cbd8c7;padding:7px 9px;border-radius:10px;text-decoration:none;min-height:36px;cursor:pointer}
#jgr-japin-commerce .jci-step-label{color:#82623a;font-size:11px;font-weight:700}
#jgr-japin-commerce.jci-tour{position:fixed;left:50%;right:auto;top:calc(var(--jci-top) + var(--jci-vh)*.56);bottom:auto;transform:translate(-50%,-50%);display:flex;flex-direction:column-reverse;align-items:center;width:min(470px,calc(100vw - 24px));gap:8px}
#jgr-japin-commerce.jci-tour .jci-mascot{margin:0!important;width:132px;min-height:0}
#jgr-japin-commerce.jci-tour .jci-mascot img,#jgr-japin-commerce.jci-tour canvas{width:132px;height:172px}
#jgr-japin-commerce.jci-tour #jci-panel{max-height:min(380px,calc(var(--jci-vh) - 270px));width:100%;border-radius:24px;padding:14px 17px}
#jgr-japin-commerce.jci-tour:before{left:calc(50% - 8px);top:auto;bottom:176px;transform:rotate(-45deg);height:16px;border-left:1px solid #cddfd6;border-bottom:1px solid #cddfd6}
#jgr-japin-commerce.jci-tour .jci-product,#jgr-japin-commerce.jci-tour .jci-history,#jgr-japin-commerce.jci-tour .jci-live,#jgr-japin-commerce.jci-tour .jci-cta{display:none!important}
#jgr-japin-commerce.jci-tour .jci-guide{background:none;border:0;padding:0;margin:6px 0}
#jgr-japin-commerce.jci-tour h2{font-size:19px}
#jgr-japin-commerce.jci-tour .jci-status{margin:4px 0;font-size:11px}
#jgr-japin-commerce.jci-tour .jci-reading{margin:0;padding:0;border:0}
#jgr-japin-commerce.jci-tour .jci-guide-text{max-height:126px;overflow:auto;font-size:13px;line-height:1.6}
#jgr-japin-commerce.jci-tour .jci-guide-links:empty{display:none}
#jgr-japin-commerce.jci-tour .jci-actions{margin-top:8px}
#jgr-japin-commerce.jci-salute .jci-mascot{animation:jci-hello 1.25s ease-in-out 2}
@keyframes jci-hello{50%{transform:translateY(-8px) rotate(-4deg)}}
.jci-guide-ring{position:fixed;z-index:2147482989;pointer-events:none;border:3px solid #e58226;border-radius:32px;box-shadow:0 0 0 5px #ffdf9b88;opacity:0;transition:opacity .15s}
.jci-guide-ring[data-visible=true]{opacity:1}
@media(max-width:600px){
 #jgr-japin-commerce{right:max(12px,env(safe-area-inset-right))}
 #jgr-japin-commerce .jci-mascot{width:118px}
 #jgr-japin-commerce .jci-mascot img,#jgr-japin-commerce canvas{width:118px;height:160px;left:0}
 #jgr-japin-commerce.jci-open{width:calc(100vw - 24px);grid-template-columns:88px minmax(0,1fr);gap:6px}
 #jgr-japin-commerce.jci-open .jci-mascot{width:88px;margin-top:62px}
 #jgr-japin-commerce.jci-open .jci-mascot img,#jgr-japin-commerce.jci-open canvas{width:88px;height:122px}
 #jgr-japin-commerce.jci-open:before{left:89px;top:85px;width:12px}
 #jgr-japin-commerce #jci-panel{padding:12px;border-radius:19px}
 #jgr-japin-commerce h2{font-size:18px}
 #jgr-japin-commerce .jci-eyebrow{font-size:8px;letter-spacing:1px}
 #jgr-japin-commerce .jci-product{font-size:10px}
 #jgr-japin-commerce .jci-live-text{font-size:13px}
 #jgr-japin-commerce .jci-live{max-height:29dvh}
 #jgr-japin-commerce .jci-toolbar{flex-wrap:wrap}
 #jgr-japin-commerce .jci-toolbar button{font-size:10px;padding:7px 9px}
 #jgr-japin-commerce .jci-teaser{right:0;width:min(310px,calc(100vw - 30px));max-height:calc(var(--jci-vh) - 275px);overflow:auto}
 #jgr-japin-commerce.jci-tour{width:calc(100vw - 24px);display:flex;top:calc(var(--jci-top) + var(--jci-vh)*.58)}
 #jgr-japin-commerce.jci-tour .jci-mascot{width:112px;margin-top:0}
 #jgr-japin-commerce.jci-tour .jci-mascot img,#jgr-japin-commerce.jci-tour canvas{width:112px;height:146px}
 #jgr-japin-commerce.jci-tour #jci-panel{max-height:calc(var(--jci-vh) - 290px);padding:12px 14px}
 #jgr-japin-commerce.jci-tour:before{left:calc(50% - 8px);top:auto;bottom:149px;width:16px}
 #jgr-japin-commerce .jci-form{flex-wrap:wrap}
 #jgr-japin-commerce .jci-form input{flex:1 0 100%}
 #jgr-japin-commerce .jci-form button{width:100%;min-height:44px}
}
@media(max-height:580px){
 #jgr-japin-commerce.jci-tour{display:grid;grid-template-columns:76px minmax(0,1fr);width:min(520px,calc(100vw - 24px));top:calc(var(--jci-top) + var(--jci-vh)*.60)}
 #jgr-japin-commerce.jci-tour .jci-mascot{width:76px}
 #jgr-japin-commerce.jci-tour .jci-mascot img,#jgr-japin-commerce.jci-tour canvas{width:76px;height:104px}
 #jgr-japin-commerce.jci-tour #jci-panel{max-height:calc(var(--jci-vh) - 125px)}
 #jgr-japin-commerce.jci-tour:before{left:72px;top:65px;bottom:auto;transform:skewY(-28deg)}
 #jgr-japin-commerce.jci-tour .jci-guide-text{max-height:70px}
}
@media(prefers-reduced-motion:reduce){#jgr-japin-commerce *,#jgr-japin-commerce *:before{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Compact controls and reactions use transforms only; hidden robots stop WebGL. */
#jgr-japin-commerce .jci-avatar-wrap{position:relative;width:148px;margin-left:auto}
#jgr-japin-commerce .jci-hide{position:absolute;right:7px;top:-28px;z-index:4;width:28px;height:25px;min-height:25px;padding:0;border:1px solid #477c7c;border-radius:50%;background:linear-gradient(155deg,#477f82,#234a50 72%);color:#b8f5ed;font:700 21px/1 system-ui,sans-serif;text-shadow:0 1px 1px #153f45;box-shadow:inset 0 2px 2px #a3ddd666,0 3px 0 #143e44,0 5px 9px #173e3c25}
#jgr-japin-commerce .jci-hide:before{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}
#jgr-japin-commerce .jci-hide:active{transform:translateY(2px);box-shadow:inset 0 1px 2px #173e3c88,0 1px 0 #143e44}
#jgr-japin-commerce.jci-open .jci-hide,#jgr-japin-commerce.jci-salute .jci-hide{display:none}
#jgr-japin-commerce .jci-teaser{bottom:calc(100% + 42px)}
#jgr-japin-commerce.jci-open .jci-avatar-wrap{width:130px;margin:0}
#jgr-japin-commerce.jci-open .jci-hide{top:8px;right:0}
#jgr-japin-commerce.jci-tour .jci-avatar-wrap{width:132px;padding-top:26px;margin:0}
#jgr-japin-commerce.jci-tour .jci-hide{top:0;right:0;min-height:30px}
#jgr-japin-commerce.jci-tour:before{bottom:202px}
#jgr-japin-commerce.jci-compact .jci-avatar-wrap,#jgr-japin-commerce.jci-compact .jci-mascot{width:auto}
#jgr-japin-commerce.jci-compact .jci-hide,#jgr-japin-commerce.jci-compact .jci-mascot img,#jgr-japin-commerce.jci-compact canvas{display:none!important}
#jgr-japin-commerce.jci-compact .jci-mascot span{display:block;padding:12px 16px;min-height:44px}
#jgr-japin-commerce .jci-mascot img,#jgr-japin-commerce canvas{transform-origin:50% 88%}
#jgr-japin-commerce.jci-hiding .jci-mascot img,#jgr-japin-commerce.jci-hiding canvas{animation:jci-hide .7s ease-in both}
#jgr-japin-commerce.jci-showing .jci-mascot img,#jgr-japin-commerce.jci-showing canvas{animation:jci-show .8s ease-out both}
#jgr-japin-commerce.jci-tickle:not(.jci-3d) .jci-mascot img{animation:jci-giggle .18s ease-in-out 7}
#jgr-japin-commerce.jci-pet:not(.jci-3d) .jci-mascot img{animation:jci-cuddle 1.1s ease-in-out}
@keyframes jci-hide{0%{opacity:1;transform:scale(1)}40%{transform:translateY(-9px) scale(1.04)}100%{opacity:0;transform:translateY(25px) scale(.18)}}
@keyframes jci-show{0%{opacity:0;transform:translateY(25px) scale(.18)}65%{opacity:1;transform:translateY(-8px) scale(1.06)}100%{opacity:1;transform:none}}
@keyframes jci-giggle{0%,100%{transform:rotate(-4deg)}50%{transform:translateY(-3px) rotate(4deg)}}
@keyframes jci-cuddle{45%,70%{transform:rotate(7deg) scale(1.025)}}
#jgr-japin-commerce #jci-panel>header{position:sticky;top:-17px;z-index:5;background:#fffef9;margin:-17px -17px 10px;padding:13px 14px;border-bottom:1px solid #e3eade;align-items:flex-start}
#jgr-japin-commerce .jci-heading{min-width:0;flex:1}
#jgr-japin-commerce .jci-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:5px 9px}
#jgr-japin-commerce header .jci-talk-header{display:inline-flex;align-items:center;justify-content:center;min-height:32px;min-width:0;padding:3px 7px;white-space:nowrap;background:#f0f5ed;color:#274b46;border-radius:10px;box-shadow:0 2px 5px #173e3c26}
#jgr-japin-commerce .jci-talk-header span{font:700 18px/1.2 Nunito,Aptos,"Trebuchet MS",system-ui,sans-serif;letter-spacing:-.6px;text-shadow:0 1px 10px #ffffffe0}
#jgr-japin-commerce .jci-talk-header b{font-weight:700;color:#dd773a}
#jgr-japin-commerce header [data-action=close]{min-width:32px;width:32px;min-height:36px;flex:0 0 32px}
@media(max-width:600px){
 #jgr-japin-commerce .jci-avatar-wrap{width:118px}
 #jgr-japin-commerce.jci-open .jci-avatar-wrap{width:88px}
 #jgr-japin-commerce.jci-tour .jci-avatar-wrap{width:112px;padding-top:0}
 #jgr-japin-commerce.jci-tour:before{bottom:149px}
 #jgr-japin-commerce #jci-panel>header{top:-12px;margin:-12px -12px 9px;padding:10px}
 #jgr-japin-commerce .jci-title-row{gap:4px}
 #jgr-japin-commerce .jci-talk-header span{font-size:16px}
 #jgr-japin-commerce.jci-open:not(.jci-tour) #jci-panel{max-height:min(460px,calc(var(--jci-vh)*.60),calc(var(--jci-vh) - var(--jci-base) - 24px))}
 #jgr-japin-commerce .jci-live{max-height:23dvh}
 #jgr-japin-commerce .jci-teaser{bottom:calc(100% + 12px);width:min(286px,calc(100vw - 30px));padding:12px 14px;max-height:calc(var(--jci-vh) - var(--jci-base) - 224px);font-size:13px}
 #jgr-japin-commerce .jci-teaser strong{font-size:14px;padding-right:20px}
 #jgr-japin-commerce .jci-teaser p{margin:6px 0;line-height:1.45}
 #jgr-japin-commerce .jci-teaser .jci-actions{gap:6px;margin-top:8px}
 #jgr-japin-commerce .jci-teaser .jci-consent button{font-size:12px;padding:8px 10px;min-height:38px}
 #jgr-japin-commerce .jci-teaser .jci-link{min-height:32px;font-size:12px}
}
@media(max-height:580px){#jgr-japin-commerce.jci-tour .jci-avatar-wrap{width:76px}#jgr-japin-commerce.jci-tour:before{bottom:auto}}
@media(prefers-reduced-motion:reduce){#jgr-japin-commerce .jci-mascot img,#jgr-japin-commerce canvas{animation:none!important}}
