/* ── MODAL ── */
.mo {
  display: none; position: fixed; inset: 0;
  background: rgba(30,10,40,.45); z-index: 500;
  align-items: center; justify-content: center;
  padding: 16px; backdrop-filter: blur(5px);
}
.mo.open { display: flex; }

.md {
  background: var(--wh); border-radius: 24px; padding: 26px;
  width: 100%; max-width: 430px; max-height: 85vh; overflow-y: auto;
  animation: fadeUp .28s ease;
  box-shadow: 0 20px 60px rgba(160,60,140,.2);
}
.md h2 { font-size: .97rem; font-weight: 900; margin-bottom: 13px; }
.mc { float: right; background: none; border: none; font-size: 1.05rem; cursor: pointer; color: var(--txl); }