.modal-root { position: fixed; inset: 0; pointer-events: none; z-index: 1000; }
.modal-root > * { pointer-events: auto; }
.modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.5); }
.modal-card { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
  width: min(92vw, 420px); background: rgba(20,20,24,0.95); border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px; box-shadow: 0 18px 60px rgba(0,0,0,0.45); padding: 16px; }
.modal-card.toast { width: min(92vw, 380px); }
.modal-header { margin-bottom: 8px; }
.modal-header h3 { margin: 0; font-weight: 800; }
.modal-body { display: grid; gap: 8px; }
.modal-line.subtle { color: #9CA3AF; font-size: 0.95rem; }
.modal-countdown { font-size: 1.2rem; font-weight: 800; color: #9bdcbf; }
.modal-actions { display:flex; gap: 10px; justify-content: flex-end; margin-top: 12px; }
.modal-close { position:absolute; top:8px; right:10px; background:transparent; border:none; color:#ddd; font-size: 18px; cursor:pointer; }
.btn.primary { background: #F59E0B; color:#000; border:none; border-radius: 10px; padding: 8px 12px; font-weight:800; }
.btn.ghost { background: transparent; color:#fff; border: 1px solid rgba(255,255,255,0.2); border-radius: 10px; padding: 8px 12px; }