.cfd-back{
  position:fixed; inset:0; z-index:9999; display:flex;
  align-items:center; justify-content:center; padding:20px;
  background:rgba(19,21,44,.48);
}
.cfd{
  width:min(380px, 100%); border-radius:14px; padding:20px;
  background:var(--ch-paper, #fff); color:var(--ch-ink, #13152C);
  box-shadow:0 24px 60px -20px rgba(19,21,44,.5);
  display:flex; flex-direction:column; gap:10px; font-family:inherit;
}
.cfd-t{ font-size:16px; font-weight:800; }
.cfd-b{ font-size:13.5px; line-height:1.95; color:var(--ch-ink3, #7A8394); }
.cfd-a{ display:flex; gap:9px; margin-top:4px; }
.cfd-no,.cfd-yes{
  min-height:44px; padding:0 18px; border-radius:10px; cursor:pointer;
  font-family:inherit; font-size:13.5px; font-weight:700;
  border:1px solid var(--ch-line, #E7EAF1);
  background:var(--ch-paper, #fff); color:var(--ch-ink2, #565E70);
}
.cfd-yes{
  margin-inline-start:auto; background:#B42318; border-color:#B42318; color:#fff;
}
.cfd-yes:hover{ background:#912018; }
.cfd-no:hover{ background:rgba(19,21,44,.05); }

html[data-theme="dark"] .cfd{ background:#14162B; color:#F2F4F9; }
html[data-theme="dark"] .cfd-no{ background:#1A1D33; border-color:rgba(255,255,255,.14); color:#B7BFCE; }

@media (max-width: 620px){
  .cfd{ padding:16px; border-radius:12px; }
  .cfd-t{ font-size:15px; }
}