.nk-modal-root { position:fixed; inset:0; z-index:10000; display:grid; place-items:center; padding:20px; background:rgba(0,0,0,.68); opacity:0; visibility:hidden; transition:opacity .16s ease,visibility .16s ease; }
.nk-modal-root.is-open { opacity:1; visibility:visible; }
.nk-modal { width:min(100%,460px); border:1px solid rgba(255,255,255,.14); border-radius:14px; background:#17181d; color:#f6f7f8; box-shadow:0 20px 70px rgba(0,0,0,.45); overflow:hidden; transform:translateY(10px) scale(.98); transition:transform .16s ease; }
.nk-modal-root.is-open .nk-modal { transform:none; }
.nk-modal__header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 22px 8px; }
.nk-modal__title { margin:0; color:#fff; font-size:1.12rem; font-weight:800; }
.nk-modal__close { width:32px; height:32px; padding:0; border:1px solid rgba(255,255,255,.2); border-radius:50%; background:transparent; color:#d9dde2; font-size:1.25rem; line-height:1; cursor:pointer; }
.nk-modal__close:hover { background:rgba(255,255,255,.1); }
.nk-modal__body { padding:8px 22px 22px; color:#c4c8cf; line-height:1.55; white-space:pre-wrap; overflow-wrap:anywhere; }
.nk-modal__actions { display:flex; justify-content:flex-end; gap:10px; padding:0 22px 20px; }
.nk-modal__button { min-width:100px; padding:10px 16px; border:1px solid rgba(255,255,255,.22); border-radius:7px; background:#292c33; color:#fff; font:inherit; font-weight:700; cursor:pointer; }
.nk-modal__button:hover { background:#3a3e47; }
.nk-modal__button--primary { border-color:#00b7ff; background:#00aeea; color:#061017; }
.nk-modal__button--primary:hover { background:#28c2fa; }
body.nk-modal-lock { overflow:hidden; }
@media (max-width:520px) { .nk-modal-root { padding:14px; align-items:end; }.nk-modal { border-radius:14px 14px 10px 10px; }.nk-modal__header { padding:18px 18px 7px; }.nk-modal__body { padding:8px 18px 18px; }.nk-modal__actions { padding:0 18px 18px; }.nk-modal__button { flex:1; } }