.n8ncm-modal { position: fixed; inset: 0; display: none; z-index: 9999; }
.n8ncm-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.45); display: none; z-index: 9998; }
.n8ncm-dialog { position: relative; margin: 3vh auto; width: min(95vw, 460px); height: min(90vh, 700px);
  background: #fff; border-radius: 16px; box-shadow: 0 20px 60px rgba(0,0,0,.25); overflow: hidden; }
.n8ncm-iframe { width: 100%; height: 100%; border: 0; display: block; }
.n8ncm-close { position: absolute; top: 8px; right: 10px; font-size: 28px; line-height: 1; background: transparent; border: 0; cursor: pointer; }
.n8ncm-fab { position: fixed; right: 20px; bottom: 20px; z-index: 9997; padding: 12px 16px; border-radius: 999px; border: 0; cursor: pointer; box-shadow: 0 10px 24px rgba(0,0,0,.18); }
.n8ncm-modal.is-open, .n8ncm-backdrop.is-open { display: block; }
html.n8ncm-no-scroll { overflow: hidden; }
@media (prefers-reduced-motion: no-preference) {
  .n8ncm-dialog { transform: translateY(12px); opacity: 0; transition: transform .16s ease, opacity .16s ease; }
  .n8ncm-modal.is-open .n8ncm-dialog { transform: translateY(0); opacity: 1; }
}