*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f0f0f;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1rem;max-width:500px;margin:0 auto}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;width:100%}.grid-square{aspect-ratio:1;background:#1e1e1e;border:1px solid #2a2a2a;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:0 2px 8px #0000004d;transition:all .3s ease}.grid-square--future{opacity:1}.grid-square--current{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:2px solid #fb923c;transform:scale(1.05);animation:pulse 2s ease-in-out infinite;box-shadow:0 4px 16px #fbbf2466}@keyframes pulse{0%,to{box-shadow:0 4px 16px #fbbf2466,0 0 #fb923c99}50%{box-shadow:0 6px 20px #fbbf2480,0 0 0 8px #fb923c00}}.grid-square--past{background:#141414;border-color:#1a1a1a;opacity:.4;cursor:default}@media(min-width:600px){.app{padding:2rem;max-width:600px}.grid{gap:.75rem}.grid-square{border-radius:10px}}@media(min-width:1024px){.app{padding:3rem;max-width:800px}.grid{gap:1rem}.grid-square{border-radius:12px}}