.rp-modal { display:none; position:fixed; inset:0; z-index:9999; }
.rp-modal.is-open { display:block; }

.rp-modal__overlay { position:absolute; inset:0; background:rgba(0,0,0,.55); }
.rp-modal__dialog {
  position:relative;
  width:min(660px, calc(100% - 24px));
  margin: 8vh auto;
  background:#fff;
  border-radius:12px;
  padding:18px;
  box-shadow: 0 10px 40px rgba(0,0,0,.25);
}

.rp-modal__close{
  position:absolute; top:10px; right:12px;
  background:transparent; border:0; font-size:26px; line-height:1; cursor:pointer;
}

.rp-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
@media (max-width:640px){ .rp-grid{ grid-template-columns:1fr; } }

.rp-field label{ display:block; font-weight:600; margin-bottom:6px; }
.rp-field input, .rp-field select{
  width:100%;
  padding:10px 12px;
  border:1px solid #ddd;
  border-radius:10px;
}

.rp-result{ margin-top:12px; }
.rp-result .ok{ padding:10px 12px; background:#f0fff4; border:1px solid #b7ebc6; border-radius:10px; }
.rp-result .err{ padding:10px 12px; background:#fff0f0; border:1px solid #f5bcbc; border-radius:10px; }