.cn-modal { display:none; position:fixed; inset:0; z-index:9999; }
.cn-modal.is-open { display:block; }
.cn-backdrop { position:absolute; inset:0; background:rgba(0,0,0,.55); }
.cn-dialog { position:relative; max-width:560px; margin:10vh auto 0; background:#fff; border-radius:14px; box-shadow:0 20px 60px rgba(0,0,0,.35); overflow:hidden; }
.cn-header { display:flex; align-items:center; justify-content:space-between; padding:18px 18px 10px; }
.cn-title { margin:0; font-size:18px; }
.cn-close { font-size:26px; line-height:1; border:0; background:transparent; cursor:pointer; padding:0 6px; }
.cn-body { padding:0 18px 18px; font-size:14px; line-height:1.5; }
.cn-actions { padding:0 18px 18px; display:flex; justify-content:flex-end; gap:10px; }
.cn-btn { padding:10px 14px; border-radius:10px; border:1px solid rgba(0,0,0,.15); background:#fff; cursor:pointer; }