/* Share bar (2026-10-17). Mount: <div data-share data-share-page="..." data-share-text="..." data-share-url="..."></div> */
.shr{
  --shr-ink:var(--text,#f5f6fb);--shr-mut:var(--muted,#8891ab);--shr-line:var(--line2,rgba(255,255,255,.14));
  --shr-a:var(--coral,#ff6b4a);--shr-b:var(--coral2,#ffa057);--shr-i:var(--indigo,#7b83ff);
  position:relative;overflow:hidden;box-sizing:border-box;max-width:100%;min-width:0;
  display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;
  padding:16px 18px;border:1px solid rgba(255,255,255,.08);border-radius:16px;
  background:
    radial-gradient(ellipse 420px 160px at 0% 0%,rgba(255,107,74,.13),transparent 70%),
    radial-gradient(ellipse 520px 200px at 100% 100%,rgba(123,131,255,.12),transparent 70%),
    linear-gradient(180deg,#0e0f27,#08081c);
  color:var(--shr-ink);font-family:inherit
}
.shr::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--shr-a),var(--shr-b) 50%,var(--shr-i))}
.shr *{box-sizing:border-box}
.shr-copyblk{flex:1 1 220px;min-width:0}
.shr-k{display:block;font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--shr-b);margin-bottom:5px}
.shr-t{margin:0;font-size:14.5px;line-height:1.45;font-weight:500;color:var(--shr-ink);overflow-wrap:anywhere}
.shr-row{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.shr-b{
  appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;gap:7px;
  font:inherit;font-size:13px;font-weight:600;line-height:1;color:var(--shr-ink);text-decoration:none;cursor:pointer;
  padding:10px 13px;min-height:40px;border-radius:999px;border:1px solid var(--shr-line);background:rgba(255,255,255,.035);
  transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .2s,background .2s,color .2s;
  opacity:0;transform:translateY(8px)
}
.shr.in .shr-b{opacity:1;transform:none;transition-delay:calc(var(--i,0) * 55ms)}
.shr .shr-b:hover,.shr .shr-b:focus-visible{transform:translateY(-2px);border-color:var(--shr-a);background:rgba(255,107,74,.10);outline:none;transition-delay:0s}
.shr-b svg{width:16px;height:16px;fill:currentColor;flex:none}
.shr-b.native{background:linear-gradient(135deg,var(--shr-a),var(--shr-b));border-color:transparent;color:#140806}
.shr .shr-b.native:hover{background:linear-gradient(135deg,var(--shr-b),var(--shr-a));color:#140806}
.shr-b.copied{border-color:#4ade80;color:#b9f7cf;background:rgba(74,222,128,.10)}
.shr-b[hidden]{display:none}
.shr-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* compact variant for tight spots */
.shr.compact{padding:12px 14px;gap:10px 14px}
.shr.compact .shr-t{font-size:13px}
@media (max-width:560px){
  .shr{padding:14px;gap:12px}
  .shr-row{width:100%}
  .shr-b{flex:1 1 calc(50% - 4px);justify-content:center;padding:11px 10px}
  .shr-b.native{flex-basis:100%}
}
@media (prefers-reduced-motion:reduce){
  .shr-b{opacity:1;transform:none;transition:none}
}
.shr-wrap{margin:44px auto 56px}
.cp .shr-wrap{margin:36px 0 8px}