/* Countdown until I see you (assets/tools/countdown.js). Tokens only; the shared look is in engine-u03-dates-counters.css. */
/* Quick dates: one swipeable row on phones, so the rest of the setup stays close. */
@media (max-width: 599px) {
  .tool .cd-presets { flex-wrap: nowrap; overflow-x: auto; margin: 0 -16px; padding: 2px 16px 6px; scrollbar-width: none; -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 32px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 32px), transparent); }
  .tool .cd-presets::-webkit-scrollbar { display: none; }
  .tool .cd-presets button { flex: none; }
}
/* An odd last tile spans the row instead of a filler tile. */
.tool .u03-even > .tool-stat:last-child:nth-child(odd) { grid-column: 1 / -1; min-height: 80px; }
/* Bigger share preview: the image people post, shown at a size you can read. */
.tool .u03-sheet-top { grid-template-columns: 1fr; justify-items: center; }
.tool .u03-preview { width: min(220px, 64%); }
.tool .u03-sheet-top .tool-stack { width: 100%; }
.tool .cd-their-done { padding: 10px 14px; border-radius: 14px; background: rgb(var(--accent) / .1); font-size: 15px; line-height: 21px; font-weight: 800; color: rgb(var(--ink)); text-align: center; }
.tool .cd-their-done[hidden] { display: none; }