#md{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px}
#md[hidden]{display:none}
#mc{background:var(--bg);color:var(--fg);border-radius:22px;padding:24px 20px 18px;width:min(320px,100%);text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.45);animation:pop .16s ease-out}
@keyframes pop{from{transform:scale(.9);opacity:0}to{transform:none;opacity:1}}
#mi2{width:56px;height:56px;border-radius:50%;background:color-mix(in srgb,var(--out) 16%,transparent);color:var(--out);display:grid;place-items:center;margin:0 auto 12px}
#mi2 svg{width:28px;height:28px}
#mt{font-size:16px;font-weight:600;margin-bottom:4px}
#ms{color:var(--mut);margin-bottom:18px}
#ma{display:flex;gap:10px}
#ma .ib{height:46px;border-radius:14px}
#ma .ib svg{width:24px}
#yes{background:var(--out);color:#fff}