.hm-timeleft{position:fixed;left:50%;bottom:max(2rem,calc(env(safe-area-inset-bottom) + 1.4rem));transform:translateX(-50%);z-index:3;pointer-events:none;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:.78rem;letter-spacing:.18em;color:var(--rose);opacity:.26;transition:opacity .9s var(--ease),color .9s var(--ease),font-size .7s var(--ease),letter-spacing .7s var(--ease)}.hm-timeleft.urgent{color:var(--coral-rose);font-size:.95rem;letter-spacing:.26em;
  /* !important beats the higher-specificity global screenIn entrance
     animation (main[data-phase] > :not(.rings)) so the pulse actually runs. */animation:hmTimePulse 1s ease-in-out infinite!important}@keyframes hmTimePulse{0%,to{opacity:.4}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.hm-timeleft.urgent{animation:none;opacity:.85}}