@media (max-width: 640px) {
    .time-stage {
        gap: 0.35rem;
    }

    .hour-value {
        font-size: clamp(2.5rem, 14vw, 3.5rem);
    }
}

@media (min-width: 900px) {
    .dash-grid {
        gap: 1.25rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hour-value.roll-in,
    .unit-value.roll-in,
    .ui-loading__arc {
        animation: none !important;
    }
}