body.nn-lock{overflow:hidden}
.nn-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10060;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.5)}
.nn-dialog{width:100%;max-width:480px;max-height:calc(100vh - 32px);overflow-y:auto;padding:22px 24px 18px;background:#fff;border-radius:6px;box-shadow:0 8px 32px rgba(0,0,0,.25);color:#555;font-size:16px}
.nn-title{margin:0 0 12px;font-size:20px;line-height:28px;font-weight:700;color:#373e4a}
.nn-text,.nn-tip-line{margin:0 0 10px;line-height:1.8;overflow-wrap:anywhere}
.nn-tip{margin-bottom:6px}
.nn-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
.nn-btn{min-width:96px;height:40px;padding:0 18px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;color:#555;font-size:16px;cursor:pointer}
.nn-btn:hover,.nn-btn:focus-visible{border-color:#2188ff;color:#2188ff;outline:0}
.nn-btn.nn-primary{border-color:#2188ff;background:#2188ff;color:#fff}
.nn-btn.nn-primary:hover,.nn-btn.nn-primary:focus-visible{border-color:#0f6fe0;background:#0f6fe0;color:#fff}
body.night .nn-overlay{background:rgba(0,0,0,.7)}
body.night .nn-dialog{background:#2c2e2f;color:#b9b9b9;box-shadow:0 8px 32px rgba(0,0,0,.6)}
body.night .nn-title{color:#d8d8d8}
body.night .nn-btn{border-color:#3f4142;background:#2c2e2f;color:#b9b9b9}
body.night .nn-btn:hover,body.night .nn-btn:focus-visible{border-color:#5aa9ff;color:#5aa9ff}
body.night .nn-btn.nn-primary{border-color:#2188ff;background:#2188ff;color:#fff}
@media (max-width:600px){
  .nn-overlay{padding:10px}
  .nn-dialog{max-height:calc(100vh - 20px);padding:18px 16px 14px}
  .nn-actions .nn-btn{flex:1;min-width:0}
}