/* NOW pin sharing sheet. */
.pin-share-dialog{
  width:min(90vw,400px);max-height:82dvh;
  padding:0;margin:auto;border:1px solid #dfe3e8;border-radius:20px;
  background:#ffffff;color:#17191d;
  box-shadow:0 28px 90px rgba(0,0,0,.22);overflow-y:auto
}
.pin-share-dialog::backdrop{background:rgba(8,14,23,.58);backdrop-filter:blur(4px)}
.pin-share-panel{padding:19px 17px 20px}
.pin-share-header{display:flex;align-items:center;justify-content:space-between;gap:14px}
.pin-share-header h2{margin:0;font-size:19px;letter-spacing:-.03em;font-weight:850}
.pin-share-close{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid #e4e7eb;border-radius:10px;background:#f4f6f8;color:#505762;cursor:pointer}
.pin-share-close svg,.pin-share-option-icon svg,.pin-share-utility svg{
  width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round
}
.pin-share-story-name{
  margin:7px 0 15px;color:var(--pin-share-title);font-size:13px;font-weight:750;
  line-height:1.5;max-height:60px;overflow:hidden;overflow-wrap:anywhere
}
.pin-share-section-title{margin:0 0 11px;color:#707781;font-size:10px;font-weight:850;letter-spacing:.09em}
.pin-share-section-title-spaced{margin-top:18px}
.pin-share-socials{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.pin-share-social{
  min-width:0;display:flex;flex-direction:column;align-items:center;gap:9px;
  padding:4px 0 6px;border-radius:12px;text-align:center;text-decoration:none;color:#17191d
}
.pin-share-social:hover{background:#f4f6f8}
.pin-share-social-icon{
  display:grid;place-items:center;width:48px;height:48px;max-width:100%;
  border-radius:16px;background:var(--social-bg);color:var(--social-fg);
  transition:transform .15s ease
}
.pin-share-social:hover .pin-share-social-icon{transform:translateY(-2px)}
.pin-share-social-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pin-share-social-facebook .pin-share-social-icon svg{fill:currentColor;stroke:none}
.pin-share-social-name{font-size:10px;font-weight:750;line-height:1.25;overflow-wrap:anywhere}
.pin-share-social-whatsapp{--social-bg:#e1f6e8;--social-fg:#168c4f}
.pin-share-social-facebook{--social-bg:#e3eeff;--social-fg:#1877f2}
.pin-share-social-x{--social-bg:#eff0f2;--social-fg:#191b1f}
.pin-share-social-telegram{--social-bg:#e2f3fb;--social-fg:#188fbe}
.pin-share-social-threads{--social-bg:#eff0f2;--social-fg:#191b1f}
.pin-share-threads-glyph{font-size:35px;font-weight:900;line-height:1}
.pin-share-option{
  position:relative;width:100%;min-height:68px;display:flex;align-items:center;gap:11px;
  padding:11px;border:1px solid #e4e7eb;border-radius:12px;
  background:transparent;color:#17191d;text-align:left;cursor:pointer
}
.pin-share-option:hover{background:#f4f6f8;border-color:#dfe3e8}
.pin-share-option-icon{flex:0 0 43px;width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:var(--pin-share-bg);color:var(--pin-share-fg)}
.pin-share-option-icon-image{background:rgba(56,169,95,.12);color:#24805e}
.pin-share-option-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.pin-share-option-copy strong{font-size:13px;font-weight:800}
.pin-share-option-copy small{font-size:11px;line-height:1.4;color:#707781}
.pin-share-chevron{font-size:25px;font-weight:350;line-height:1;color:#707781}
.pin-share-utilities{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
  margin-top:16px;padding-top:14px;border-top:1px solid #e4e7eb
}
.pin-share-utility{
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
  min-height:61px;padding:8px 5px;border:1px solid #e4e7eb;border-radius:11px;
  background:transparent;color:#505762;cursor:pointer
}
.pin-share-utility:hover{background:#f4f6f8;border-color:#dfe3e8}
.pin-share-option:disabled,.pin-share-utility:disabled{opacity:1;cursor:progress}
.pin-share-option:disabled:hover,.pin-share-utility:disabled:hover{background:transparent}
.pin-share-option[aria-busy="true"] .pin-share-chevron{visibility:hidden}
.pin-share-option[aria-busy="true"]::after,.pin-share-utility[aria-busy="true"]::after{
  content:"";position:absolute;width:13px;height:13px;border:2px solid #bac5cd;
  border-top-color:#24805e;border-radius:50%;animation:nowShareSpin .8s linear infinite;
  pointer-events:none
}
.pin-share-option[aria-busy="true"]::after{right:16px;top:calc(50% - 7px)}
.pin-share-utility[aria-busy="true"]::after{right:7px;top:7px}
@keyframes nowShareSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.pin-share-option[aria-busy="true"]::after,.pin-share-utility[aria-busy="true"]::after{animation:none}}
.pin-share-utility span{font-size:11px;font-weight:700;text-align:center}
.pin-share-social:focus-visible,.pin-share-utility:focus-visible{
  outline:2px solid var(--accent);outline-offset:3px
}
@media(max-width:700px){
  .pin-share-dialog{
    width:min(90vw,400px);max-width:400px;max-height:82dvh;
    margin:auto;border-radius:20px;border:1px solid #dfe3e8
  }
  .pin-share-panel{padding:18px 15px 19px}
}
@media(max-width:360px){
  .pin-share-panel{padding-left:13px;padding-right:13px}
  .pin-share-social-icon{width:46px;height:46px;border-radius:13px}
  .pin-share-social-name{font-size:9px}
}

.pin-share-toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 95px);transform:translateX(-50%) translateY(12px);opacity:0;pointer-events:none;z-index:3000;max-width:min(90vw,400px);padding:10px 14px;border-radius:11px;background:#20252d;color:#fff;border:1px solid #49525e;box-shadow:0 14px 36px #0004;font-size:11px;font-weight:750;transition:opacity .16s,transform .16s}.pin-share-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.pin-share-dialog .pin-share-panel{color:#17191d}
.pin-share-dialog .pin-share-close:focus-visible,.pin-share-dialog .pin-share-option:focus-visible{outline:2px solid #b14d47;outline-offset:2px}