/* Email popup */
#email-dialog{border:0;border-radius:8px;padding:30px 28px 24px;width:min(92vw,460px);background:var(--bg);color:var(--ink);box-shadow:0 20px 60px rgba(0,0,0,.35);border-top:6px solid var(--terracotta);font-family:var(--sans)}
#email-dialog::backdrop{background:rgba(15,21,24,.6)}
#email-dialog h2{margin:0 0 12px;font-size:1.7rem}
#email-dialog p{margin:0 0 8px}
.dlg-mail{font-weight:600;font-size:1.15rem;word-break:break-all;margin:4px 0 14px}
.dlg-mail a{color:var(--green-text)}
.dlg-hint{color:var(--muted);font-size:.95rem}
.dlg-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
#email-dialog .btn{cursor:pointer;font-family:inherit;margin:0}
#email-dialog .btn-line-dark{background:transparent}
.dlg-status{min-height:1.4em;margin:12px 0 0;font-size:.9rem;color:var(--green-text)}
.dlg-x{position:absolute;top:8px;right:12px;background:none;border:0;font-size:2rem;line-height:1;color:var(--muted);cursor:pointer;padding:4px 8px}
.dlg-x:hover{color:var(--ink)}
@media (prefers-reduced-motion: no-preference){
  #email-dialog[open]{animation:dlg-in .18s ease-out}
  @keyframes dlg-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
}