*{box-sizing:border-box;margin:0;padding:0}:root{--past-color:#616161;--future-color:#66bb6a}body{color:#5d4e37;background-color:#fef9ef;background-image:radial-gradient(circle at 20%,#fff17626 0%,#0000 50%),radial-gradient(circle at 80% 20%,#f48fb11f 0%,#0000 50%),radial-gradient(circle at 60% 80%,#66bb6a1a 0%,#0000 50%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;min-height:100vh;font-family:Comic Neue,Nunito,system-ui,sans-serif}#root{max-width:960px;margin:0 auto;padding:24px 16px 48px}.title-deco{color:#fff176;font-size:1.4rem;animation:2s ease-in-out infinite alternate twinkle}@keyframes twinkle{0%{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}.life-card.ant-card{border:2px dashed #e0d5c0}.life-card.ant-card:hover{box-shadow:0 6px 20px #5d4e3740}.life-grid{grid-template-columns:repeat(auto-fill,142px);justify-content:center;gap:6px;display:grid}.year-group{gap:2px;display:flex}.grid-cell{border-radius:3px;width:10px;height:10px;transition:transform .15s,box-shadow .15s}.grid-cell:hover{z-index:1;transform:scale(1.6);box-shadow:0 0 6px #66bb6a80}.cell-lived{background:var(--past-color)}.cell-remaining{background:var(--future-color)}.cell-current{background:#ef5350;animation:2s ease-in-out infinite gentle-pulse}@keyframes gentle-pulse{0%,to{opacity:1;box-shadow:0 0 #ef535000}50%{opacity:.8;box-shadow:0 0 6px 2px #ef535073}}@media (width<=600px){.life-grid{grid-template-columns:repeat(auto-fill,97px);gap:4px}.year-group{gap:1.5px}.grid-cell{border-radius:2px;width:7px;height:7px}}