.year-grid{grid-template-columns:repeat(6,1fr);gap:20px;display:grid}.heatmap-month{flex-direction:column;align-items:center;min-width:120px;display:flex}.month-label{text-align:center;margin-bottom:5px;font-weight:700}.month-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.heatmap-cell{box-sizing:border-box;border-radius:2px;width:16px;height:16px}.heatmap-cell.empty{background-color:#0000;border:1px solid #eee;margin:0;padding:0}.weekdays-row{grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:3px;display:grid}.weekday-header{text-align:center;color:#555;font-size:10px;font-weight:500}@media (width<=1280px){.year-grid{grid-template-columns:repeat(6,1fr);gap:15px}.heatmap-cell{width:12px;height:12px}}@media (width<=1024px){.year-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.year-grid{grid-template-columns:repeat(2,1fr)}.heatmap-cell{width:10px;height:10px}}