:root{
  --cdb-bg:#0b1220;
  --cdb-text:#ffffff;
  --cdb-accent:#00e29b;
  --cdb-cta-bg:#37c7ff;
  --cdb-cta-text:#00121b;
  --cdb-shadow:0 10px 30px rgba(0,0,0,.25);
}
.cdb-bar{position:sticky;inset:0 auto auto 0;z-index:99999}
.cdb-wrap{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--cdb-bg);color:var(--cdb-text);box-shadow:var(--cdb-shadow)}
.cdb-left{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.cdb-badge{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);padding:6px 10px;border-radius:999px;font-weight:700;letter-spacing:.3px}
.cdb-msg{font-weight:600}
.cdb-timer{font-variant-numeric:tabular-nums;display:flex;gap:6px;align-items:baseline}
.cdb-timer b{font-size:18px}
.cdb-timer span{opacity:.8;font-size:12px;margin-left:2px}
.cdb-cta{margin-left:auto}
.cdb-btn{appearance:none;border:0;padding:10px 14px;border-radius:10px;background:var(--cdb-cta-bg);color:var(--cdb-cta-text);font-weight:800;cursor:pointer}
.cdb-close{margin-left:8px;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 10px;cursor:pointer}
.cdb-progress{height:3px;background:linear-gradient(90deg,var(--cdb-accent),#5df);width:100%}
.cdb-progress-wrap{height:3px;background:rgba(255,255,255,.12)}
.cdb-bottom{position:fixed;left:0;right:0;bottom:0}
@media (max-width:640px){
  .cdb-left{gap:8px}
  .cdb-msg{font-size:14px}
  .cdb-btn{padding:9px 12px}
}