.article-share {position:fixed;left:max(14px,calc((100vw - 1440px)/2));top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;gap:5px;align-items:center;padding:16px 8px 10px;border:1px solid #e1e6e9;border-radius:22px;background:#ffffffed;box-shadow:0 12px 35px #2434470c;backdrop-filter:blur(18px)}
.article-share[hidden]{display:none}.share-heading {font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#7a8285;margin:0 0 7px}
.article-share button {display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:12px;background:transparent;color:#65716e;cursor:pointer;transition:color .25s,background .25s,transform .25s}
.article-share svg {width:20px;height:20px}.article-share button:hover {background:#edf3ff;color:#4e80dd;transform:translateY(-2px)}
.article-share button:focus-visible {outline:2px solid #5488e8;outline-offset:2px}
.share-status {position:fixed;z-index:210;bottom:90px;left:50%;translate:-50% 0;background:#1d2521;color:white;border-radius:12px;padding:12px 20px;max-width:90vw;font-size:14px;box-shadow:0 8px 30px #0002}.share-status:empty {display:none}
.share-dialog {position:fixed;width:min(460px,calc(100vw - 32px));padding:36px;border:1px solid #dce3e9;border-radius:24px;color:#1d2521;background:#f8fafd;box-shadow:0 24px 100px #0003}
.share-dialog::backdrop {background:#15202a66;backdrop-filter:blur(5px)}
.share-dialog h2 {font-size:28px;line-height:1.15;font-weight:500;margin:0 0 18px;letter-spacing:-.04em}.share-dialog p {color:#707a80;font-size:15px;line-height:1.6}
.share-dialog input {width:100%;padding:13px;border:1px solid #dce3e9;border-radius:8px;font-size:13px;margin:8px 0 24px;background:white;color:#46515a}
.share-dialog>div {display:flex;flex-wrap:wrap;gap:10px}.share-dialog .button {font-size:12px;padding:13px 18px;min-height:0}.share-close {position:absolute;right:12px;top:10px;border:0;background:none;font-size:25px;color:#7a8285;cursor:pointer}
@media(min-width:1001px) and (max-width:1399px){.article-body{padding-left:100px}}
@media(max-width:1000px){.article-share {top:auto;bottom:16px;left:50%;transform:translateX(-50%);flex-direction:row;gap:2px;padding:8px;border-radius:20px;max-width:calc(100vw - 20px)}.share-heading{display:none}.article-share button{width:38px;height:40px}.article-body {padding-bottom:110px}}
@media(prefers-reduced-motion:reduce){.article-share button{transition:none}.article-share button:hover{transform:none}}