/* Minimal, rounded, modern — matches your style language */
:root {
  --twtcd-radius: 14px;
  --twtcd-shadow: 0 8px 24px rgba(0,0,0,.08);
  --twtcd-fg: #111;
  --twtcd-muted: #8c8c8c;
  --twtcd-accent: #e31e24; /* overridden inline via style vars */
}

.twt-countdown {
  display: block;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--twtcd-fg);
}

.twt-countdown__wrap {
  display: inline-flex;
  align-items: stretch;
  gap: 10px;
  background: #fff;
  padding: 10px;
  border-radius: calc(var(--twtcd-radius) + 4px);
  box-shadow: var(--twtcd-shadow);
}

.twt-countdown__cell {
  min-width: 74px;
  padding: 10px 12px;
  border-radius: var(--twtcd-radius);
  background: #fafafa;
  border: 1px solid rgba(0,0,0,.06);
  text-align: center;
}

.twt-countdown__num {
  display: block;
  font-weight: 800;
  font-size: clamp(22px, 4.2vw, 36px);
  line-height: 1.1;
  letter-spacing: .5px;
}

.twt-countdown__lbl {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: var(--twtcd-muted);
  text-transform: uppercase;
  letter-spacing: .6px;
}

.twt-countdown__sep {
  align-self: center;
  font-weight: 700;
  font-size: 18px;
  color: var(--twtcd-accent);
  padding: 0 4px;
}

.twt-countdown__done {
  margin-top: 10px;
  font-weight: 600;
  color: var(--twtcd-accent);
}

.twt-countdown--complete .twt-countdown__wrap {
  opacity: .6;
}

/* Responsive */
@media (max-width: 480px) {
  .twt-countdown__cell { min-width: 60px; padding: 8px 10px; }
  .twt-countdown__num { font-size: clamp(20px, 6vw, 30px); }
}