.cn-alert{border:1px solid #6b1a1d;border-left:4px solid #a3151b;background:linear-gradient(90deg,rgba(163,21,27,.18),rgba(163,21,27,.04) 60%,transparent);padding:16px 18px;margin:0 0 20px}.cn-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cn-tag{font:700 10px/1 var(--mono);letter-spacing:.16em;color:#e0666b}.cn-name,.cn-tag{text-transform:uppercase}.cn-name{font:900 22px/1.1 var(--display);letter-spacing:.01em}.cn-copy{font:700 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:7px 10px;border:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer}.cn-copy:hover{border-color:var(--text)}.cn-lede{margin:8px 0 6px;color:var(--muted)}.cn-steps{margin:6px 0 0;padding-left:20px;color:var(--text)}.cn-steps li{margin:3px 0}.cn-line{margin:6px 0 0;font-size:13px;color:var(--muted)}.cn-line span{font:700 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#e0666b;margin-right:4px}.cn-line b{color:var(--text)}.cn-pop-back{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.7);display:grid;place-items:center;padding:16px}.cn-pop{width:min(520px,100%);background:var(--surface,#141417);border:1px solid #6b1a1d;border-top:4px solid #a3151b;padding:24px;box-shadow:0 40px 80px -30px rgba(0,0,0,.9)}.cn-pop h2{margin:6px 0 14px;font-size:clamp(22px,3.4vw,28px);line-height:1.1;max-width:15ch}.cn-acts,.cn-pop .btn{margin-top:14px}.cn-acts{display:flex;flex-wrap:wrap;gap:8px}.cn-pop .cn-acts .btn{margin-top:0}.cn-done{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 20px;padding:10px 14px;border:1px solid var(--line);background:var(--surface)}.cn-done b{font-size:14px}.cn-ok{font:700 10px/1 var(--mono);font-style:normal;letter-spacing:.12em;text-transform:uppercase;padding:4px 7px;background:#1f6f43;color:#fff;margin-left:6px}.cn-muted{font-size:12px;color:var(--dim)}.cn-change{margin-left:auto;font:700 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:7px 10px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer}.cn-change:hover{color:var(--text);border-color:var(--text)}.cn-other{display:grid;gap:10px;margin-top:12px;max-width:420px}.cn-other label{display:grid;gap:6px;font:700 10px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.cn-rem-back{background:rgba(0,0,0,.25)}