:root{--color-lived: #FFD700;--color-future: #EAEAEA;--bg-color: #FFFFFF;--text-color: #333333}.app-container{max-width:900px;margin:0 auto;padding:2rem;font-family:Inter,system-ui,sans-serif;color:var(--text-color);text-align:center}.input-group{margin:2rem 0;display:flex;flex-direction:column;align-items:center;gap:10px}.input-group input{padding:10px;border-radius:8px;border:1px solid #ccc;font-size:1rem}.grid-container{display:grid;grid-template-columns:repeat(13,1fr);gap:3px}@media(min-width:480px){.grid-container{grid-template-columns:repeat(26,1fr)}}@media(min-width:800px){.grid-container{grid-template-columns:repeat(52,1fr)}}.week{aspect-ratio:1 / 1;background-color:var(--color-future);border-radius:1px;transition:transform .2s ease}.week.lived{background-color:var(--color-lived);box-shadow:inset 0 0 2px #0000000d}.week:hover{transform:scale(1.5);z-index:10;cursor:crosshair}.btn-reset{margin-top:10px;background-color:transparent;border:1px solid #ff4444;color:#f44;padding:5px 15px;border-radius:20px;cursor:pointer;font-size:.8rem;transition:all .3s ease}.btn-reset:hover{background-color:#f44;color:#fff}.week.lived{background-color:var(--color-future);opacity:0;transform:scale(.5);animation:revealWeek .5s ease-out forwards;animation-delay:var(--delay)}@keyframes revealWeek{0%{opacity:0;transform:scale(.5);background-color:var(--color-future)}to{opacity:1;transform:scale(1);background-color:var(--color-lived)}}.week.current{background-color:#007bff;box-shadow:0 0 8px #007bff;z-index:5;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}to{transform:scale(1);opacity:1}}