:root{--sky-top: #6ec8ff;--sky-bottom: #dbf3ff;--ink: #1d3557;--card: #ffffff;--accent: #ff7a59;--heart: #ff9ecd}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Fredoka,system-ui,sans-serif;color:var(--ink);background:linear-gradient(180deg,var(--sky-top),var(--sky-bottom))}.page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2.5rem 1.25rem;text-align:center;position:relative;overflow:hidden}.page>:not(.sky){z-index:1}.sky{position:absolute;inset:0;pointer-events:none;z-index:0}.cloud{position:absolute;left:0;background:#fff;border-radius:999px;animation:drift linear infinite}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.cloud:before{width:55%;height:170%;bottom:15%;left:14%}.cloud:after{width:38%;height:120%;bottom:30%;right:14%}@keyframes drift{0%{transform:translate(-25vw)}to{transform:translate(120vw)}}.sky-heart{position:absolute;color:var(--heart);opacity:.35;animation:floaty 5s ease-in-out infinite}@keyframes floaty{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.12)}}.greeting{font-size:1.3rem;font-weight:500;opacity:.85;min-height:1.8rem}.caret{display:inline-block;width:2px;height:1.1em;background:var(--ink);margin-left:3px;vertical-align:text-bottom;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.title{font-size:clamp(2.3rem,8vw,4.6rem);font-weight:700;letter-spacing:-.02em;animation:sway 7s ease-in-out infinite}@keyframes sway{0%,to{transform:rotate(-.7deg)}50%{transform:rotate(.7deg)}}.countdown{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.cell{background:var(--card);border-radius:1.25rem;padding:1.1rem 1.4rem;min-width:6.4rem;box-shadow:0 10px 25px #1d355726;display:flex;flex-direction:column;gap:.15rem;animation:bob 3s ease-in-out infinite}.cell:nth-child(2n){animation-delay:1.5s}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.value{font-size:clamp(2.1rem,6vw,3.4rem);font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.value.tick{animation:tickpop .35s ease}@keyframes tickpop{0%{transform:scale(1.18);color:var(--accent)}}.unit{text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;font-weight:600;opacity:.65}.fun-units{font-size:1.05rem;font-weight:500;background:#ffffff8c;border-radius:999px;padding:.4rem 1.2rem;animation:fadeup .5s ease}.tagline{font-size:1.3rem;font-weight:600;color:var(--accent);max-width:36rem;min-height:3.4rem;display:flex;align-items:center;justify-content:center;animation:fadeup .5s ease}@keyframes fadeup{0%{opacity:0;transform:translateY(8px)}}.footer{font-size:.82rem;letter-spacing:.05em;opacity:.65;max-width:32rem}.jumprun{width:min(680px,90vw);padding:1.9rem 0 2rem}.next-up{display:none;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:1rem}.track{position:relative;height:5px;background:#ffffffb3;border-radius:3px}.fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#ffb199,var(--accent));border-radius:3px}.dot{position:absolute;top:50%;width:11px;height:11px;border-radius:50%;background:#fff;border:2px solid var(--sky-top);transform:translate(-50%,-50%);z-index:1}.dot.passed{background:var(--accent);border-color:var(--accent)}.milestone-label{position:absolute;transform:translate(-50%);font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.09em;opacity:.75;white-space:nowrap}.milestone-label.below{top:16px}.milestone-label.above{bottom:16px}.milestone-label.edge-start{transform:translate(0);margin-left:-2px}.milestone-label.edge-end{transform:translate(-100%);margin-right:-2px}.trail-heart{position:absolute;top:50%;transform:translateY(-50%);color:var(--accent);opacity:.55;animation:trailfade 1.6s ease-in-out infinite;z-index:2}@keyframes trailfade{0%,to{opacity:.25;transform:translateY(-50%) scale(.85)}50%{opacity:.7;transform:translateY(-72%) scale(1.05)}}.plane{position:absolute;top:50%;transform:translate(-40%,-55%) rotate(-8deg);transition:left 1s linear;filter:drop-shadow(0 3px 5px rgb(29 53 87 / .25));z-index:3}.shes-here{font-size:clamp(3rem,12vw,7rem);font-weight:700;letter-spacing:-.02em;animation:pop .6s cubic-bezier(.2,1.6,.4,1)}@keyframes pop{0%{transform:scale(.3);opacity:0}}@media(max-width:540px){.page{gap:1.15rem;padding:2rem 1rem}.greeting{font-size:1.05rem}.title{font-size:clamp(1.7rem,8.2vw,2.2rem)}.fun-units{max-width:100%}.countdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;width:100%;max-width:19rem}.cell{min-width:0;padding:.85rem .5rem;align-items:center}.value{font-size:2.4rem}.fun-units{font-size:.92rem}.tagline{font-size:1.12rem;min-height:4.2rem}.milestone-label{display:none}.milestone-label.edge-start,.milestone-label.edge-end{display:block;top:16px;bottom:auto}.jumprun{padding:.5rem 0 2rem}.next-up{display:block}}@media(prefers-reduced-motion:reduce){.cloud,.sky-heart,.cell,.title,.trail-heart,.value.tick{animation:none}}