.share{display:inline-flex}.share-trigger{cursor:pointer;font:inherit}.share-trigger.btn{font-family:var(--mono);font-weight:700;font-size:12px;line-height:1.2}.share-trigger[aria-expanded="true"]{background:var(--canvas);border-color:var(--ink)}.product-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.article-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:14px}.article-bar .article-meta{margin:0}.share--compact .share-trigger.btn{padding:9px 14px;gap:9px;font-size:11px;letter-spacing:1.2px}.share--compact .share-trigger.btn svg{width:14px;height:14px}.share-panel{position:fixed;z-index:60;top:0;left:0;width:min(316px,calc(100vw - 24px));padding:6px;background:var(--card,#FFFFFF);border:1px solid var(--line,#E5E7EB);border-radius:var(--radius,4px);box-shadow:0 1px 2px rgba(17,17,17,.06),0 22px 48px -22px rgba(17,17,17,.38);font-family:var(--sans);opacity:0;transform:translateY(-4px);transition:opacity .14s ease,transform .14s ease}.share-panel[hidden]{display:none}.share-panel.is-open{opacity:1;transform:none}.share-panel.is-above{transform:translateY(4px)}.share-panel.tick-right::before{left:auto;right:18px}.share-panel.is-above::before{top:auto;bottom:-1px}.share-panel.is-above.is-open{transform:none}.share-panel::before{content:"";position:absolute;top:-1px;left:18px;width:22px;height:2px;background:var(--accent)}.share-list{list-style:none;margin:0;padding:0}.share-list li + li.share-sep{margin-top:6px;padding-top:6px;border-top:1px solid var(--line,#E5E7EB)}.share-item{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;column-gap:14px;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:2px;background:transparent;color:var(--ink);font:500 14px/1.3 var(--sans);text-align:start;text-decoration:none;cursor:pointer;transition:background-color .15s ease,color .15s ease}.share-item svg{width:18px;height:18px;color:var(--accent);transition:color .15s ease}.share-item:hover,.share-item:focus-visible{background:var(--canvas)}.share-item:hover svg,.share-item:focus-visible svg{color:var(--ink)}.share-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.share-item-text{display:flex;flex-direction:column;min-width:0}.share-item-url{margin-top:3px;font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:500;font-size:11px;letter-spacing:.2px;color:#6B7784;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;text-align:start}[dir="rtl"] .share-item-url{text-align:right}[dir="rtl"] .share-item{font-weight:600}.share-toast{position:fixed;z-index:70;left:50%;bottom:calc(28px + env(safe-area-inset-bottom,0px));display:inline-flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:12px 18px 12px 12px;background:var(--ink);color:#FFFFFF;border-radius:var(--radius,4px);box-shadow:0 16px 36px -18px rgba(17,17,17,.6);font:500 13.5px/1.3 var(--sans);opacity:0;transform:translate(-50%,8px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}[dir="rtl"] .share-toast{padding:12px 12px 12px 18px}.share-toast.is-visible{opacity:1;transform:translate(-50%,0)}.share-toast-icon{display:grid;place-items:center;width:24px;height:24px;flex:none;background:var(--accent);border-radius:2px}.share-toast-icon svg{width:14px;height:14px}@media (max-width:600px){.product-cta .share,.product-cta .share .btn{width:100%}.share-toast{bottom:calc(20px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){.share-panel,.share-toast,.share-item,.share-item svg{transition:none}.share-panel,.share-panel.is-above{transform:none}.share-toast{transform:translate(-50%,0)}}