.jh-companion{--jh-size:112px;position:fixed;left:0;top:0;width:var(--jh-size);height:151px;z-index:80;pointer-events:none;will-change:transform;contain:layout style;visibility:hidden}.jh-character{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;padding:0;border:0;width:100%;height:100%;background:transparent;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;pointer-events:auto;filter:drop-shadow(0 6px 5px #233b4b20)}.jh-character:active{cursor:grabbing}.jh-character:focus-visible{outline:3px solid #6b8d7e;outline-offset:3px;border-radius:20px}.jh-art{position:relative;display:block;width:100%;aspect-ratio:12/13;pointer-events:none}.jh-poster,.jh-sprite{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.jh-sprite{visibility:hidden;background:url('/assets/junhyeong/motion-v1.webp') 0 0/800% 1900% no-repeat;transition:none!important;transform:none!important}.jh-companion[data-ready=true] .jh-sprite{visibility:visible}.jh-companion[data-ready=true] .jh-poster{visibility:hidden}.jh-name{display:flex;gap:5px;align-items:center;justify-content:center;margin-top:0;padding:3px 11px;border-radius:30px;border:1px solid #d3dfda;background:linear-gradient(130deg,#fff,#f0f5f1);color:#294437;font-size:11px;font-weight:700;line-height:1.6;box-shadow:0 3px 10px #25412f0f;white-space:nowrap}.jh-name [data-pin-mark]{font-size:10px}.jh-bubble{position:fixed;z-index:81;box-sizing:border-box;width:260px;padding:16px;background:#fffffffa;border:1px solid #dce5df;border-radius:20px;box-shadow:0 16px 50px #162d3424;backdrop-filter:blur(12px);color:#233b33}.jh-bubble::after{content:'';position:absolute;left:18px;bottom:-6px;width:12px;height:12px;background:#fff;border-right:1px solid #dce5df;border-bottom:1px solid #dce5df;transform:rotate(45deg)}.jh-bubble-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}.jh-bubble-head strong{font-size:13px}.jh-bubble-head button{width:28px;height:28px;border-radius:50%;background:#f1f4f2;color:#60766a;font-size:19px;line-height:1;padding:0}.jh-bubble p{font-size:11px;color:#6d7e75;margin:0 0 11px}.jh-links{display:grid;gap:7px}.jh-links button{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border:1px solid #dce9df;border-radius:11px;background:#eef6f0;color:#315b40;font-size:12px;font-weight:650;text-align:left;min-height:42px}.jh-links button:nth-child(2){background:#eef3fb;color:#365a83;border-color:#dee8f4}.jh-links button:nth-child(3){background:#faf4e9;color:#826337;border-color:#efe4ce}.jh-links button:hover{filter:brightness(.97)}.jh-tools{display:flex;gap:6px;margin-top:12px;padding-top:11px;border-top:1px solid #edf0ed}.jh-tools button{flex:1;border-radius:8px;background:#f4f6f4;color:#62756a;min-height:34px;font-size:11px;padding:6px}.jh-tools button[aria-pressed=true]{background:#e6efe7;color:#30593c}.jh-restore{position:fixed;z-index:79;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));display:flex;gap:7px;align-items:center;min-height:40px;padding:8px 14px;border-radius:30px;border:1px solid #d4e0d7;background:#fff;color:#3a5b44;font-size:12px;box-shadow:0 5px 20px #263b3012}.jh-feature-body{padding:6px 4px 10px}.jh-feature-body>span{display:inline-block;background:#f1f5ee;color:#668053;border-radius:20px;padding:5px 11px;font-size:11px;margin-bottom:15px}.jh-feature-body h3{font-size:20px;margin-bottom:12px}.jh-feature-body p{font-size:13px;color:#718076;line-height:1.85;max-width:450px;margin-bottom:22px}.jh-companion[hidden],.jh-bubble[hidden],.jh-restore[hidden]{display:none!important}@media(max-width:640px){.jh-companion{--jh-size:94px;height:130px}.jh-name{font-size:10px;padding:3px 10px}.jh-bubble{padding:13px;border-radius:17px}.jh-restore{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:reduce){.jh-companion{will-change:auto}.jh-bubble{backdrop-filter:none}}

.jh-bubble{max-height:calc(100dvh - 24px);overflow:auto}