#astro-share { position:fixed; z-index:70; left: max(16px, env(safe-area-inset-left)); bottom: calc(90px + env(safe-area-inset-bottom)); width: min(340px, calc(100vw - 32px)); padding:20px; border:1px solid #71e4dc; border-radius:18px; background:#080d19; color:#f6f2e8; box-shadow:0 8px 30px #0005; font:15px/1.5 system-ui,sans-serif; }
#astro-share[hidden], #astro-share [hidden] { display:none!important; }
#astro-share strong { display:block; padding-right:24px; font-size:18px; }
#astro-share p { margin:10px 0; }
#astro-share button { cursor:pointer; min-height:44px; font:inherit; }
#astro-share .astro-share-action { width:100%; background:#f8c554; color:#080d19; border:0; border-radius:10px; padding:10px; font-weight:700; }
#astro-share .astro-share-dismiss { position:absolute; right:4px; top:4px; width:44px; border:0; background:transparent; color:#f6f2e8; font-size:24px; }
#astro-share .astro-share-status { font-size:13px; color:#71e4dc; }
#astro-share input { display:block; width:100%; padding:10px; box-sizing:border-box; }
#astro-share :focus-visible { outline:3px solid #71e4dc; outline-offset:3px; }
@media(max-width:600px) { #astro-share { position:relative; width:auto; margin:20px 16px calc(90px + env(safe-area-inset-bottom)); } }