:root{--zh-space:110px;--zh-nav:76px}.member-app main::after{content:"";display:block;height:var(--zh-space)}
#zohan-helper{position:fixed;z-index:25;bottom:calc(var(--zh-nav) + 10px);right:max(12px,calc((100vw - 660px)/2));display:flex;align-items:flex-end;gap:8px;width:max-content;max-width:calc(100vw - 24px);font:14px/1.45 Arial,sans-serif}#zohan-helper[hidden],#zohan-helper [hidden]{display:none!important}
#zohan-helper button{cursor:pointer;min-height:44px;font:inherit}#zohan-helper button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.zh-bubble{position:relative;background:#fff4d9;color:#231a09;padding:15px;border:2px solid #d8b464;border-radius:18px;box-shadow:0 5px 20px #0006;width:min(300px,calc(100vw - 120px));max-height:min(340px,55dvh);overflow:auto}.zh-bubble h2{font:700 16px/1.25 Arial,sans-serif;color:#231a09;margin:0 28px 8px 0}.zh-bubble p{margin:0 0 10px;color:#332817}.zh-close{position:absolute;top:2px;right:2px;width:38px;background:transparent;border:0;color:#332817;font-size:24px!important}.zh-actions{display:flex;gap:6px;flex-wrap:wrap}.zh-actions button{padding:7px 10px;border:1px solid #907037;border-radius:9px;background:linear-gradient(#ffe3a0,#d6aa4e);color:#211807;font-weight:700!important}.zh-actions .zh-done{background:#26221a;color:#fff0cc}.zh-hide{display:block;border:0;background:transparent;text-decoration:underline;color:#51432b;padding:5px 0 0;font-size:12px!important}
.zh-mascot{border:0;background:transparent;color:#f6d586;width:86px;padding:0;flex:0 0 86px;filter:drop-shadow(0 2px 4px #000)}.zh-mascot img{width:86px;height:90px;object-fit:contain;animation:zh-greet 1.6s ease-in-out 2;transform-origin:50% 90%}.zh-mascot span{display:block;border:1px solid #ac8c4d;background:#15120b;border-radius:12px;padding:3px;font-size:11px}.zh-highlight{outline:3px solid #f7ce75!important;outline-offset:4px;scroll-margin-bottom:calc(var(--zh-space) + var(--zh-nav) + 20px);scroll-margin-top:20px}@keyframes zh-greet{0%,100%{transform:rotate(0)}35%{transform:rotate(-5deg) translateY(-3px)}70%{transform:rotate(4deg)}}
@media(prefers-reduced-motion:reduce){.zh-mascot img{animation:none}}@media(max-height:480px){.zh-bubble{max-height:48dvh}.zh-mascot img{height:55px}}@media print{#zohan-helper{display:none!important}}
.zh-mascot .zh-character{display:block;border:0;border-radius:0;padding:0;width:86px;height:86px;background:transparent url('zohan-helper-sprite.webp') 0 0/300% 100% no-repeat;animation:zh-frames 3s steps(1) 1}.zh-mascot .zh-character.zh-moving{animation:zh-wave-again 3s steps(1) 1}@keyframes zh-frames{0%,100%{background-position:0 0}15%,65%{background-position:50% 0}30%,80%{background-position:100% 0}45%,95%{background-position:0 0}}@keyframes zh-wave-again{0%,100%{background-position:0 0}15%,65%{background-position:50% 0}30%,80%{background-position:100% 0}45%,95%{background-position:0 0}}@media(prefers-reduced-motion:reduce){.zh-mascot .zh-character,.zh-mascot .zh-character.zh-moving{animation:none}}
.zh-paused .zh-character,.zh-paused .zh-character.zh-moving{animation:none!important}.zh-actions .zh-listen,.zh-actions .zh-pause{background:#fff8e8;font-size:12px!important;}
#zohan-helper{left:12px;right:12px;width:auto;max-width:410px;margin-left:auto;box-sizing:border-box}.zh-bubble{box-sizing:border-box;flex:1;min-width:0;width:auto}.zh-mascot{margin-left:auto}.zh-mascot .zh-character{box-sizing:border-box}
.zohan-guided main::after{content:"";display:block;height:var(--zh-space)}.zh-install{display:block;color:#342506;text-decoration:underline;font-weight:bold;margin-top:8px}.zh-reopen{min-height:44px;padding:10px;border:1px solid #bc9a55;color:#edce86;background:#15120a;border-radius:9px;cursor:pointer}
.zh-speaking:not(.zh-paused) .zh-character{animation:zh-wave-again 3s steps(1) infinite}.zh-voice-status{font-size:12px!important;margin:8px 0 0!important}.zh-voice-status:empty{display:none}@media(prefers-reduced-motion:reduce){.zh-speaking:not(.zh-paused) .zh-character{animation:none}}