.share-trigger { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; border:1px solid currentColor; border-radius:3px; padding:.7rem .85rem; background:transparent; color:inherit; cursor:pointer; font:inherit; font-size:.875rem; min-height:44px; }
.share-trigger:hover { background:#ffffff18; }
.share-trigger svg { flex:none; }
.share-dialog { width:min(520px,calc(100% - 32px)); border:1px solid #4b525b; border-radius:8px; padding:2rem; background:#11171e; color:#fff; }
.share-dialog::backdrop { background:#03060bdd; }
.share-dialog h2 { font-size:1.75rem; color:#fff; margin:0 0 1.5rem; }
.share-dialog label { display:block; font-size:.875rem; color:#d9e3e7; margin-bottom:.65rem; }
.share-dialog input { width:100%; box-sizing:border-box; padding:.85rem; color:#fff; background:#202a34; border:1px solid #7b8a95; border-radius:3px; font:inherit; font-size:1rem; }
.share-dialog .share-actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1rem; }
.share-dialog .share-actions button,.share-dialog .share-actions a { background:#a4edc6; color:#10291c; border:0; border-radius:3px; padding:.85rem 1rem; font:inherit; font-size:.875rem; cursor:pointer; text-decoration:none; }
.share-dialog .share-close { display:block; margin-left:auto; background:transparent; color:white; border:0; padding:.4rem .5rem; font-size:1rem; cursor:pointer; }
.share-dialog [data-share-status] { min-height:2em; font-size:.875rem; margin:1rem 0 0; }
.share-dialog :focus-visible,.share-trigger:focus-visible { outline:2px solid #a4edc6; outline-offset:4px; }