.article-share{position:fixed;right:24px;bottom:calc(max(28px,env(safe-area-inset-bottom)) + 68px);z-index:50;font-family:inherit;line-height:1.4}.article-share summary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 18px;background:#f45125;color:#fff;border:1px solid #d9431b;border-radius:999px;box-shadow:0 8px 24px #0003;font-size:14px;font-weight:700;cursor:pointer;list-style:none}.article-share summary::-webkit-details-marker{display:none}.article-share summary::after{content:none;display:none}.article-share-panel{position:absolute;right:0;bottom:calc(100% + 12px);width:min(230px,calc(100vw - 32px));box-sizing:border-box;padding:16px;background:#fffdf8;border:1px solid #d9d4ca;border-radius:12px;box-shadow:0 12px 32px #0002;color:#20211f}.article-share-panel strong{display:block;font-size:14px;padding:2px 8px 10px}.article-share-panel a,.article-share-panel button{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;background:none;border:0;border-top:1px solid #eee9df;padding:10px 8px;color:#20211f;font:inherit;font-size:14px;text-align:left;text-decoration:none;cursor:pointer}.article-share-panel a:hover,.article-share-panel button:hover{background:#f3eee5}.article-share-panel p{margin:4px 8px 0;font-size:12px;line-height:1.4;color:#3f5143}.article-share-panel p:empty{display:none}.article-share :focus-visible{outline:3px solid #8b2c11;outline-offset:3px}@media(max-width:600px){.article-share{right:14px;bottom:calc(max(16px,env(safe-area-inset-bottom)) + 64px)}.article-share summary{width:52px;height:52px;min-height:52px;padding:0;border-radius:50%;box-sizing:border-box}.article-share summary>span{display:none}.article-share summary>svg{width:22px;height:22px}.article-share-panel{max-height:min(calc(100dvh - 165px),430px);overflow:auto}}