*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#e9e8e2;color:#181716;font-family:Arial,Helvetica,sans-serif}body{isolation:isolate}body:before{content:"";position:fixed;inset:-30%;z-index:-1;pointer-events:none;opacity:.36;background-image:radial-gradient(ellipse at 8% 11%,rgba(175,216,229,.29),transparent 70%),radial-gradient(ellipse at 92% 77%,rgba(199,188,221,.18),transparent 72%),radial-gradient(ellipse at 7% 94%,rgba(240,209,190,.17),transparent 74%),radial-gradient(ellipse at 62% 42%,rgba(255,255,253,.94),transparent 73%);background-size:170% 185%,190% 165%,185% 200%,150% 170%;background-position:0% 14%,92% 70%,8% 95%,37% 42%;animation:daylight-drift 79s ease-in-out infinite alternate}main{min-height:100svh;display:grid;place-items:center}.clock{width:max-content;max-width:92vw;text-align:center}.countdown{display:grid;grid-template-columns:repeat(7,auto);column-gap:.12em;font-size:clamp(32px,7.4vw,104px);line-height:1;letter-spacing:-.06em;font-weight:400;font-variant-numeric:tabular-nums;white-space:nowrap}.unit{min-width:0;display:grid;justify-items:center;gap:0}.value{display:block;min-width:2ch}.colon{font-size:.8em;line-height:1.16;font-weight:400}@keyframes daylight-drift{0%{background-position:0% 14%,92% 70%,8% 95%,37% 42%}52%{background-position:31% 42%,63% 39%,39% 62%,71% 22%}100%{background-position:65% 69%,22% 12%,61% 25%,23% 73%;background-size:205% 155%,165% 210%,215% 175%,190% 145%}}@media(max-width:700px){.clock{width:max-content}.countdown{font-size:clamp(30px,8.5vw,55px);column-gap:.12em;letter-spacing:-.055em}.unit{gap:0}}@media(max-height:420px){.unit{gap:0}.countdown{font-size:36px}.clock{width:max-content}}@media(prefers-reduced-motion:reduce){body:before{animation:none}}