.hud__r{display:flex;gap:.6rem}
.ghost--ic{display:inline-flex;align-items:center;gap:.5rem}
.shr{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:1rem;background:rgba(0,0,0,0);backdrop-filter:blur(0);transition:background .3s,backdrop-filter .3s}
.shr.on{background:rgba(0,0,0,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.shr__box{position:relative;width:min(26rem,100%);padding:1.6rem;border-radius:1.1rem;background:rgba(18,21,30,.92);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px rgba(0,0,0,.6);color:#e9ebf0;font-family:system-ui,sans-serif;opacity:0;transform:translateY(14px) scale(.97);transition:opacity .3s,transform .35s cubic-bezier(.2,.8,.2,1)}
.shr.on .shr__box{opacity:1;transform:none}
.shr__box h3{margin:0 0 1rem;font-weight:600;font-size:1.1rem}
.shr__x{position:absolute;top:.7rem;right:.9rem;background:none;border:0;color:#9aa0ae;font-size:1.6rem;cursor:pointer;line-height:1}
.shr__url{display:flex;gap:.5rem;margin-bottom:1rem}
.shr__url input{flex:1;min-width:0;padding:.6rem .8rem;border-radius:.6rem;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#e9ebf0;font:inherit;font-size:.85rem}
.shr__copy{padding:.6rem 1rem;border-radius:.6rem;border:0;background:#8bb8ff;color:#0b0c10;font-weight:600;cursor:pointer;white-space:nowrap}
.shr__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.shr__grid a{padding:.7rem .4rem;text-align:center;border-radius:.6rem;border:1px solid rgba(255,255,255,.12);color:#e9ebf0;text-decoration:none;font-size:.9rem;transition:background .2s,border-color .2s}
.shr__grid a:hover{background:rgba(139,184,255,.14);border-color:rgba(139,184,255,.5)}
@media (prefers-reduced-motion:reduce){.shr,.shr__box{transition:none}}