.of-share{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.of-share--top{margin:22px 0 4px}.of-share--foot{margin:8px 0 0}.of-share-title{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-subtle);flex:0 0 auto}.of-share-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.of-share-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--border-strong);background:var(--bg-card);color:var(--fg-muted);cursor:pointer;padding:0;transition:color .16s ease,background-color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}.of-share-btn:hover,.of-share-btn:focus-visible{transform:translateY(-2px);border-color:transparent;color:#fff;outline:none}.of-share-btn:focus-visible{box-shadow:0 0 0 3px rgba(234,88,12,.28)}.of-share-ic{width:18px;height:18px;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;display:block;pointer-events:none}.of-share-twitter:hover,.of-share-twitter:focus-visible{background:#000}.of-share-facebook:hover,.of-share-facebook:focus-visible{background:#1877f2}.of-share-linkedin:hover,.of-share-linkedin:focus-visible{background:#0a66c2}.of-share-reddit:hover,.of-share-reddit:focus-visible{background:#ff4500}.of-share-whatsapp:hover,.of-share-whatsapp:focus-visible{background:#25d366}.of-share-telegram:hover,.of-share-telegram:focus-visible{background:#229ed9}.of-share-weibo:hover,.of-share-weibo:focus-visible{background:#e6162d}.of-share-wechat:hover,.of-share-wechat:focus-visible{background:#07c160}.of-share-email:hover,.of-share-email:focus-visible{background:var(--primary)}.of-share-copy:hover,.of-share-copy:focus-visible{background:var(--primary)}.of-share-copy .of-share-ic--check{display:none;position:absolute}.of-share-copy.is-copied .of-share-ic--link{display:none}.of-share-copy.is-copied .of-share-ic--check{display:block}.of-share-copy.is-copied{background:var(--primary);border-color:transparent;color:#fff;transform:none}.of-share-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(12px);background:var(--fg);color:#fff;font-size:14px;font-weight:600;padding:11px 20px;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.22);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:1000}.of-share-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.of-share-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(26,15,8,.55);backdrop-filter:blur(3px);z-index:1001;padding:20px}.of-share-modal.open{display:flex}.of-share-card{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;padding:28px 28px 24px;max-width:320px;width:100%;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.26);position:relative}.of-share-card h3{margin:0 0 6px;font-size:17px;font-weight:700;color:var(--fg)}.of-share-card p{margin:0 0 18px;font-size:13.5px;line-height:1.55;color:var(--fg-muted)}.of-share-qr{width:200px;height:200px;margin:0 auto;border-radius:12px;background:#fff;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden}.of-share-qr svg,.of-share-qr img,.of-share-qr canvas{width:184px;height:184px;display:block}.of-share-close{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;border:none;background:var(--bg-warm);color:var(--fg-muted);font-size:18px;line-height:1;cursor:pointer;transition:background-color .15s ease,color .15s ease}.of-share-close:hover{background:var(--border);color:var(--fg)}html[dir=rtl] .of-share-close{right:auto;left:12px}@media (max-width:600px){.of-share{gap:10px}.of-share-btn{width:38px;height:38px}.of-share-ic{width:17px;height:17px}}