.jr-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.jr-tilt{--jr-tx:0;--jr-ty:0;transform:perspective(900px) rotateX(calc(var(--jr-ty) * -3deg)) rotateY(calc(var(--jr-tx) * 4deg));transition:transform .32s var(--jk-out);position:relative}.jr-heart{z-index:2;background:var(--jk-surface);width:44px;height:44px;box-shadow:var(--jk-lift);color:var(--jk-berry-deep);cursor:pointer;transition:scale .2s var(--jk-spring), background .2s;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid;position:absolute;top:18px;right:18px}.jr-heart:hover{scale:1.08}.jr-heart:active{transition-duration:.12s;scale:.9}.jr-heart:focus-visible,.jr-pill:focus-visible,.jr-rail a:focus-visible{outline:3px solid var(--jk-tang);outline-offset:2px}.jr-heart-icon{place-items:center;width:22px;height:22px;display:grid;position:relative}.jr-heart svg{fill:#0000;stroke:currentColor;stroke-width:1.9px;stroke-linejoin:round;width:22px;height:22px;transition:fill .2s,stroke .2s;overflow:visible}.jr-heart[aria-pressed=true] svg{fill:var(--jk-berry);stroke:var(--jk-berry);animation:jr-heart-pop .56s var(--jk-spring)}.jr-heart-burst{pointer-events:none;position:absolute;inset:50% auto auto 50%}.jr-heart-burst i{background:var(--jk-rose);opacity:0;width:6px;height:6px;animation:jr-heart-burst .56s var(--jk-out);border-radius:50%;position:absolute;top:-3px;left:-3px}.jr-heart-burst i:nth-child(2n){background:var(--jk-gold);width:5px;height:5px}.jr-heart--label{width:auto;min-height:44px;box-shadow:inset 0 0 0 1px var(--jk-edge-strong);background:var(--jk-surface);color:var(--jk-ink);font:500 15px/1 var(--belong-font-body);border-radius:999px;gap:8px;padding:0 18px 0 14px;display:inline-flex;position:static}.jr-heart--label .jr-heart-icon{color:var(--jk-berry-deep)}.jr-heart--label:hover{background:var(--jk-blush);scale:1}.jr-heart--label[aria-pressed=true]{background:var(--jk-blush);box-shadow:none}.jr-pill{background:var(--jk-surface);min-height:44px;box-shadow:inset 0 0 0 1px var(--jk-edge-strong);color:var(--jk-ink);font:500 15px/1 var(--belong-font-body);white-space:nowrap;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 18px 0 14px;transition:background .2s,scale .12s;display:inline-flex}.jr-pill:hover{background:var(--jk-sky)}.jr-pill:active{scale:.96}.jr-share{display:inline-flex;position:relative}.jr-share-icon{width:20px;height:20px;color:var(--jk-berry-deep);position:relative}.jr-share-icon svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;transition:opacity .2s, scale .32s var(--jk-spring);position:absolute;inset:0}.jr-share-done{opacity:0;scale:.4}.jr-pill[data-state=copied]{background:var(--jk-mint);box-shadow:none}.jr-pill[data-state=copied] .jr-share-link{opacity:0;scale:.4}.jr-pill[data-state=copied] .jr-share-done{opacity:1;scale:1}.jr-toast{z-index:5;background:var(--jk-surface);width:max-content;max-width:min(300px,80vw);box-shadow:var(--jk-lift-hover);color:var(--jk-ink);text-align:center;overflow-wrap:anywhere;opacity:0;pointer-events:none;transition:opacity .2s, translate .32s var(--jk-spring);border-radius:18px;padding:10px 16px;font-size:14px;line-height:1.4;position:absolute;bottom:calc(100% + 10px);left:50%;translate:-50% 6px}.jr-toast:empty{padding:0}.jr-toast[data-show=true]{opacity:1;translate:-50%}.jr-rail-title{color:var(--jk-berry-deep);letter-spacing:.15em;text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:600;line-height:1.4}.jr-rail ol{margin:0;padding:0;list-style:none;display:grid;position:relative}.jr-rail ol:before,.jr-rail ol:after{content:"";background:var(--jk-edge);border-radius:2px;width:2px;position:absolute;top:18px;bottom:18px;left:7px}.jr-rail ol:after{height:calc((100% - 36px) * var(--jr-rail-at,0) / max(1, var(--jr-rail-n,1) - 1));background:var(--jk-rose);opacity:0;transition:height .56s var(--jk-out), opacity .2s;bottom:auto}.jr-rail[data-live] ol:after{opacity:1}.jr-rail a{min-height:36px;color:var(--jk-muted);border-radius:14px;align-items:center;padding:6px 8px 6px 30px;font-size:14px;line-height:1.35;transition:color .2s;display:flex;position:relative}.jr-rail a:before{content:"";background:var(--jk-surface);width:10px;height:10px;box-shadow:inset 0 0 0 2px var(--jk-edge-strong);transition:background .2s, box-shadow .2s, scale .32s var(--jk-spring);border-radius:50%;margin-top:-5px;position:absolute;top:50%;left:3px}.jr-rail a:hover{color:var(--jk-ink)}.jr-rail a:hover:before{scale:1.2}.jr-rail a[aria-current]{color:var(--jk-ink);font-weight:600}.jr-rail a[aria-current]:before{background:var(--jk-berry);box-shadow:0 0 0 4px var(--jk-blush);animation:jr-dot-bounce .56s var(--jk-spring)}@keyframes jr-heart-pop{40%{scale:1.35}}@keyframes jr-heart-burst{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-20px)scale(.4)}}@keyframes jr-dot-bounce{40%{scale:1.5}}@media (hover:none){.jr-tilt{transform:none}}@media (prefers-reduced-motion:reduce){.jr-tilt{transition:none;transform:none}.jr-heart,.jr-heart svg,.jr-share-icon svg,.jr-toast,.jr-rail ol:after,.jr-rail a:before{transition:none}.jr-heart[aria-pressed=true] svg,.jr-heart-burst i,.jr-rail a[aria-current]:before{animation:none}}
