/* Number-only countdown on LOCK screen */
.locked-count {
  margin: 18px auto 8px;
  display: flex;
  justify-content: center;
}

.locked-count #countdown-locked {
  font-variant-numeric: tabular-nums;
  font-size: clamp(40px, 8vw, 72px);
  font-weight: 900;
  letter-spacing: 1px;
  line-height: 1;
  padding: 10px 18px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.14);
  background:
    radial-gradient(500px at 20% 10%, rgba(120,80,255,.14), transparent 70%),
    radial-gradient(600px at 80% 90%, rgba(0,190,255,.12), transparent 70%),
    rgba(255,255,255,0.04);
  box-shadow: 0 10px 36px rgba(0,0,0,.35), inset 0 0 6px rgba(255,255,255,.05);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(180deg,#f0f4ff 0%, #a7b7ff 100%);
  text-shadow: 0 8px 32px rgba(72,145,255,0.28);
}

/* Respect reduced motion — no animated effects used here, but keep future-proof */
@media (prefers-reduced-motion: reduce) {
  .locked-count #countdown-locked { transition: none !important; }
}