:root{color:#fff;background:#000;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{background:#000;min-height:100%;margin:0}body{overflow:hidden}.countdown{background:#000;flex-direction:column;justify-content:center;gap:clamp(2rem,6vh,5rem);min-height:100svh;padding:clamp(1.5rem,5vw,4rem);display:flex}.countdown h1{color:#fff;letter-spacing:.02em;text-align:center;margin:0;font-size:clamp(1.25rem,3vw,2.75rem);font-weight:300;line-height:1.2}.countdown-display{color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:center;align-self:center;align-items:baseline;gap:clamp(.35rem,1.5vw,1.25rem);width:100%;display:flex}.countdown-unit{align-items:baseline;gap:clamp(.3rem,.8vw,.75rem);display:inline-flex}.countdown-unit strong,.loading{letter-spacing:-.07em;font-size:clamp(2.6rem,9vw,9rem);font-weight:300;line-height:.9}.countdown-unit small{color:#777;letter-spacing:.12em;text-transform:uppercase;font-size:clamp(.55rem,1.1vw,.9rem);font-weight:400}.separator{color:#444;font-size:clamp(2rem,6vw,6rem);font-weight:200;line-height:.9}.loading{color:#fff}@media (max-width:700px){.countdown{gap:clamp(2rem,7vh,4rem);padding:1.5rem 1rem 2rem}.countdown-display{white-space:normal;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,10vw,4rem) 1rem;max-width:28rem;display:grid}.countdown-unit{flex-direction:column;align-items:center;gap:.65rem;display:flex}.countdown-unit strong,.loading{letter-spacing:-.06em;font-size:clamp(2.75rem,16vw,5rem)}.countdown-unit small{font-size:clamp(.55rem,2.5vw,.75rem)}.separator{display:none}}@media (max-width:360px){.countdown{padding-inline:.75rem}.countdown h1{font-size:1.1rem}.countdown-display{column-gap:.5rem}}