#ref-popup { position: fixed; inset: 0; display:none; align-items:center; justify-content:center; z-index: 9999; }
#ref-popup .ref-popup__overlay { position:absolute; inset:0; background: rgba(0,0,0,0.55); }
#ref-popup .ref-popup__box { position:relative; background:#fff; padding:24px; border-radius:12px; max-width:640px; width:92%; box-shadow:0 10px 30px rgba(0,0,0,0.2); }
#ref-popup .ref-popup__close { position:absolute; top:6px; right:10px; background:transparent; border:0; font-size:22px; cursor:pointer; }
#ref-popup .ref-popup__title { margin:0 0 8px; font-size:20px; font-weight:700; }
#ref-popup .ref-popup__text { margin:0 0 12px; font-size:14px; }
#ref-popup .ref-popup__link-row { display:flex; gap:8px; }
#ref-popup #ref-link { flex:1; padding:10px; border:1px solid #ddd; border-radius:8px; }
#ref-popup #ref-copy { padding:10px 14px; border-radius:8px; border:1px solid #ddd; background:#f5f5f5; cursor:pointer; }
#ref-popup .ref-popup__share { display:flex; gap:10px; margin-top:10px; flex-wrap:wrap; }
#ref-popup .ref-popup__share a { padding:6px 10px; border:1px solid #e3e3e3; border-radius:6px; text-decoration:none; }