:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}#root{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.countdown-container{text-align:center;color:#fff;max-width:800px;padding:2rem}.title{font-size:3rem;font-weight:300;letter-spacing:.1em;margin-bottom:3rem;text-transform:lowercase;opacity:.9}.countdown{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.time-unit{display:flex;flex-direction:column;align-items:center;min-width:80px}.number{font-size:4rem;font-weight:100;line-height:1;margin-bottom:.5rem;font-variant-numeric:tabular-nums}.label{font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;opacity:.7;font-weight:400}.separator{font-size:3rem;font-weight:100;opacity:.5;margin:0 .5rem}.subtitle{font-size:1.2rem;font-weight:300;opacity:.8;letter-spacing:.05em}@media (max-width: 768px){.title{font-size:2rem;margin-bottom:2rem}.number{font-size:2.5rem}.separator{font-size:2rem;margin:0 .25rem}.countdown{gap:.5rem}.time-unit{min-width:60px}}