.site-share{position:fixed;right:22px;bottom:22px;z-index:50;display:flex;gap:9px;align-items:center;justify-content:center;min-height:46px;padding:10px 17px;border:1px solid #c69b4e;border-radius:99px;background:#191c1a;color:#fff9e9;font:600 15px/1.4 Arial,sans-serif;box-shadow:0 4px 18px #0002;cursor:pointer}.site-share:hover{background:#393b32}.site-share:focus-visible{outline:3px solid #c69b4e;outline-offset:4px}.site-share-status{position:fixed;right:22px;bottom:78px;z-index:51;background:#191c1a;color:white;border-radius:8px;font:15px Arial,sans-serif}.site-share-status:not(:empty){padding:12px}.site-share-dialog{max-width:440px;width:calc(100% - 48px);padding:28px;border:1px solid #c69b4e;border-radius:12px;background:#fffdf7;color:#191c1a;font:16px/1.6 Arial,sans-serif}.site-share-dialog::backdrop{background:#0008}.site-share-dialog label{display:grid;gap:8px}.site-share-dialog input{font:inherit;width:100%;box-sizing:border-box;padding:12px}.site-share-dialog button{padding:10px 18px;margin-top:18px;font:inherit}@media(max-width:600px){.site-share{right:14px;bottom:calc(14px + env(safe-area-inset-bottom))}.site-share-status{right:14px;bottom:calc(72px + env(safe-area-inset-bottom))}}
/* Keep sharing available while scrolling, including above phone safe areas. */
@media(max-width:760px){
 body>.site-share{position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));width:auto;margin:0;min-height:46px;padding:10px 14px;font-size:14px}
 body>.site-share-status{right:14px;bottom:calc(72px + env(safe-area-inset-bottom));max-width:calc(100vw - 28px)}
 body.site-share-enabled{padding-bottom:calc(80px + env(safe-area-inset-bottom))}
}