.article-share{position:fixed;left:max(24px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));z-index:40;font-size:14px}
.article-share[hidden],.share-popover[hidden],.share-copy-fallback[hidden],.share-dialog [hidden]{display:none!important}
.share-trigger{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 19px;border:1px solid var(--line,#e3e5e9);border-radius:24px;background:#fff;color:var(--ink,#191d25);box-shadow:0 3px 16px #17234512;font:inherit;font-weight:600;cursor:pointer}
.share-trigger:hover,.share-trigger[aria-expanded=true]{border-color:var(--blue,#3155ff);color:var(--blue,#3155ff)}
.article-share svg,.share-dialog svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.share-popover{position:absolute;left:0;bottom:60px;width:280px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 100px);overflow:auto;background:#fff;border:1px solid var(--line,#e3e5e9);border-radius:16px;box-shadow:0 8px 36px #17234517;padding:16px}
.share-popover-heading{font-size:12px;color:#6c7280;margin:0 8px 8px;line-height:1.5}
.share-option{display:flex;align-items:center;gap:12px;min-height:48px;width:100%;border:0;border-radius:8px;padding:10px 8px;background:#fff;color:var(--ink,#191d25);font:inherit;text-align:left;cursor:pointer}
.share-option:hover{background:#f3f5ff;color:var(--blue,#3155ff)}
.share-copy-status:empty{display:none}
.share-copy-status{margin:10px 8px 0;color:#364158;font-size:13px;line-height:1.6}
.share-copy-fallback{margin:12px 8px 2px}
.share-copy-fallback label{display:block;font-size:12px;margin-bottom:6px;color:#535a68}
.share-copy-fallback input{width:100%;min-height:44px;border:1px solid #b9c0cd;border-radius:6px;padding:8px;font-size:14px;background:#fff;color:var(--ink,#191d25)}
.share-dialog{width:600px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);margin:auto;padding:24px;border:1px solid var(--line,#e3e5e9);border-radius:18px;color:var(--ink,#191d25);background:#fff;box-shadow:0 20px 80px #10152429;overflow:auto}
.share-dialog[open]{display:flex;flex-direction:column;gap:18px}
.share-dialog::backdrop{background:#11182766}
.share-dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-shrink:0}
.share-dialog-heading h2{font-size:20px;line-height:1.4;margin:0;font-weight:650}
.share-dialog-heading p{font-size:13px;color:#6c7280;margin:5px 0 0;line-height:1.6}
.share-close{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--line,#e3e5e9);border-radius:50%;background:#fff;color:var(--ink,#191d25);cursor:pointer}
.share-close:hover{background:#f5f6f8}
.share-preview{min-height:0;overflow:auto;border:1px solid var(--line,#e3e5e9);border-radius:8px;background:#f6f7f9;overscroll-behavior:contain}
.share-preview img{display:block;width:100%;height:auto;max-width:100%}
.share-image-status{font-size:13px;line-height:1.7;color:#566071;margin:0;flex-shrink:0;overflow-wrap:anywhere}
.share-image-status[data-error=true]{color:#a42c26}
.share-dialog-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;flex-shrink:0}
.share-dialog-actions .button{min-height:44px;padding:10px 18px;cursor:pointer;font-size:14px}
.share-dialog-actions .button:disabled{opacity:.5;cursor:wait}
.article-share :focus-visible,.share-dialog :focus-visible{outline:2px solid var(--blue,#3155ff);outline-offset:3px}
body.has-article-share{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
html:has(.article-share){scroll-padding-bottom:96px}
@media(max-width:600px){.article-share{left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom))}.share-trigger{min-height:46px;padding:0 16px}.share-dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);padding:18px;border-radius:14px;gap:14px}.share-dialog-actions .button{flex:1;padding:10px 12px}.share-dialog-heading h2{font-size:19px}}