@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500&family=Space+Grotesk:wght@300;500&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0a;--bg-subtle: #111111;--text: #fafafa;--text-muted: #666666;--accent: #ffffff;--progress-bg: #1a1a1a;--progress-fill: #fafafa;--font-display: "Space Grotesk", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif}html{font-size:16px}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;line-height:1.6}#root{width:100%;display:flex;align-items:center;justify-content:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:400px){body{padding:1.5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.progress-section{margin-bottom:3rem;opacity:0;animation:fadeIn 1s ease .2s forwards}.progress-bar{height:4px;background:var(--progress-bg);border-radius:2px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:var(--progress-fill);border-radius:2px;width:0%;transition:width 1.5s cubic-bezier(.4,0,.2,1)}.progress-text{font-size:.875rem;color:var(--text-muted);font-weight:400}.percentage{font-family:var(--font-display);color:var(--text);font-weight:500}.stats{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:4rem;opacity:0;animation:fadeIn 1s ease .4s forwards}.stat{display:flex;flex-direction:column;align-items:center}.stat-number{font-family:var(--font-display);font-size:clamp(2.5rem,8vw,3.5rem);font-weight:500;color:var(--accent);line-height:1.1;letter-spacing:-.02em}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:.5rem}.stat-divider{width:1px;height:3rem;background:var(--progress-bg)}.stat:hover .stat-number{opacity:.8}@media(max-width:400px){.stats{gap:1.5rem}.stat-divider{height:2.5rem}}.grid-section{margin-bottom:3rem;opacity:0;animation:fadeIn 1s ease .5s forwards}.days-grid{display:grid;grid-template-columns:repeat(auto-fill,6px);gap:3px;justify-content:center;max-width:100%;padding:0 1rem}.day-dot{width:6px;height:6px;border-radius:1px;background:var(--progress-bg);transition:background .3s ease}.day-dot.filled{background:var(--accent)}.day-dot.today{background:#3b82f6;box-shadow:0 0 6px #3b82f680}.live-timer-section{margin-bottom:3rem;opacity:0;animation:fadeIn 1s ease .45s forwards}.live-timer{display:flex;align-items:baseline;justify-content:center;gap:.25rem;font-family:var(--font-display)}.timer-segment{display:inline-flex;align-items:baseline}.timer-value{font-size:clamp(1.75rem,6vw,2.5rem);font-weight:500;color:var(--accent);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.timer-label{font-size:.75rem;color:var(--text-muted);margin-left:.1rem}.timer-colon{font-size:clamp(1.5rem,5vw,2rem);color:var(--text-muted);font-weight:300;margin:0 .1rem}.timer-ms .timer-value{font-size:clamp(1rem,3vw,1.25rem);color:var(--text-muted)}.timer-ms .timer-colon{font-size:clamp(1rem,3vw,1.25rem);margin:0}.timer-caption{font-size:.75rem;color:var(--text-muted);margin-top:.75rem;text-transform:uppercase;letter-spacing:.1em}main{width:100%;max-width:480px;text-align:center}.year{font-family:var(--font-display);font-size:clamp(4rem,15vw,8rem);font-weight:300;letter-spacing:-.03em;color:var(--accent);margin-bottom:3rem;opacity:0;animation:fadeIn 1s ease forwards}footer{opacity:0;animation:fadeIn 1s ease .6s forwards}.tagline{font-size:.875rem;color:var(--text-muted);font-weight:300;font-style:italic}.year{transition:opacity .3s ease}