.share{padding:18px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.share__intro{min-width:0}.share__title{margin:0;font-size:1.15rem;font-weight:700;color:var(--color-text)}.share__text{margin:4px 0 0;max-width:72ch;font-size:.85rem;line-height:1.55;color:var(--color-text-secondary)}.share__buttons{display:flex;flex-wrap:wrap;gap:8px}.share-btn--system{display:none}.share--can-system .share-btn--system{display:inline-flex}.share-btn{--brand: var(--color-primary);--brand-ink: #fff;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-secondary);color:var(--color-text);font-family:inherit;font-size:.85rem;font-weight:600;line-height:1;text-decoration:none;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}.share-btn svg{width:16px;height:16px;flex-shrink:0;fill:currentColor}.share-btn--copy svg,.share-btn--system svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.share .share-btn:hover{background:var(--brand);border-color:transparent;color:var(--brand-ink);transform:translateY(-1px);box-shadow:0 8px 18px -10px var(--brand)}.share .share-btn:active{transform:translateY(0)}.share .share-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.share-btn--facebook{--brand: #0866ff;--brand-ink: #fff}.share-btn--x{--brand: #101418;--brand-ink: #fff}.share-btn--linkedin{--brand: #0a66c2;--brand-ink: #fff}.share-btn--reddit{--brand: #ff4500;--brand-ink: #2a0d00}.share-btn--whatsapp{--brand: #25d366;--brand-ink: #04261a}.share-btn--copy,.share-btn--system{--brand: var(--groups-accent, var(--color-primary));--brand-ink: #04261a}.share .share-btn--copied,.share .share-btn--copied:hover{background:var(--brand);border-color:transparent;color:var(--brand-ink)}.share-btn__check,.share-btn--copied .share-btn__copy{display:none}.share-btn--copied .share-btn__check{display:block}body.dark-theme .share-btn--x{--brand: #eff3f4;--brand-ink: #0b0b0b}@media (max-width: 720px){.share__buttons{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.share-btn{justify-content:center}}@media (prefers-reduced-motion: reduce){.share-btn,.share-btn:hover,.share-btn:active{transform:none}}