/* The show countdown (a macOS / iOS style widget, plus a menu bar timer) */
.cd-widget { position: absolute; z-index: 3; top: 24px; left: 24px; display: grid; gap: 6px; width: 176px; padding: 14px 16px 14px; border: 0; border-radius: 22px; text-align: left; cursor: pointer;
  color: #fbf3e0; background: linear-gradient(160deg, #a3121a, #6e0b10); box-shadow: 0 0 0 .5px rgba(0, 0, 0, .2), 0 18px 40px -18px rgba(80, 0, 0, .55);
  font: 400 13px/1.2 -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif; transition: transform .2s cubic-bezier(.22, 1, .36, 1); }
.cd-widget:active { transform: scale(.97); }
.cd-k { display: flex; align-items: center; gap: 6px; font-size: 10px; font-weight: 700; letter-spacing: .08em; opacity: .85; }
.cd-k i { width: 7px; height: 7px; border-radius: 50%; background: #ff5a4f; box-shadow: 0 0 0 3px rgba(255, 90, 79, .25); animation: cdPulse 1.6s ease-in-out infinite; }
@keyframes cdPulse { 50% { opacity: .35; } }
.cd-big { display: flex; align-items: baseline; gap: 6px; margin-top: 2px; }
.cd-d { font: 700 52px/1 -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.cd-u { font-size: 15px; font-weight: 500; opacity: .85; }
.cd-t { display: flex; gap: 12px; }
.cd-t span { display: grid; }
.cd-t b { font-size: 17px; font-weight: 600; font-variant-numeric: tabular-nums; }
.cd-t small { font-size: 9px; font-weight: 600; letter-spacing: .06em; opacity: .65; }
.cd-f { margin-top: 4px; padding-top: 8px; border-top: 1px solid rgba(255, 255, 255, .18); font-size: 12px; opacity: .9; }
.cd-mb { font-variant-numeric: tabular-nums; font-weight: 500; }
@media (prefers-reduced-motion: reduce) { .cd-k i { animation: none; } }
/* phones: an iOS small widget, centred above the icons; the menu bar shows the countdown in place of the clock */
@media (max-width: 700px) {
  .cd-widget { top: 46px; left: 50%; translate: -50% 0; width: 158px; padding: 12px 14px; border-radius: 22px; }
  .cd-d { font-size: 46px; }
  .cd-f { font-size: 11px; white-space: nowrap; }
  .cd-mb + #clock { display: none; }
}