#heatmap-container{display:flex;flex-direction:column;align-items:center;margin:20px 0}#month-labels{display:grid;grid-template-columns:repeat(42,15px);gap:2px;margin-bottom:5px}.month-label{text-align:center;font-size:10px;color:#ccc}#heatmap{display:grid;grid-template-columns:repeat(42,15px);grid-template-rows:repeat(7,15px);gap:2px;position:relative}.heatmap-cell{width:15px;height:15px;background-color:#ebedf0;border-radius:6px;position:relative}.memo-active{background-color:#7fd896}.movie-active{background-color:#91c7ff}.both-active{background:linear-gradient(135deg,#58ed7e,#57a4f3 100%)}.dark-theme .heatmap-cell{background-color:#333}.dark-theme .memo-active{background-color:#7fd896}.dark-theme .movie-active{background-color:#91c7ff}.dark-theme .both-active{background:linear-gradient(135deg,#58ed7e,#57a4f3 100%)}.tooltip{visibility:hidden;position:absolute;background-color:rgba(0,0,0,0.8);color:#fff;text-align:center;padding:5px;border-radius:6px;z-index:1;top:-25px;left:50%;transform:translateX(-50%)}.heatmap-cell:hover .tooltip{visibility:visible}@media (max-width:768px){#heatmap-container{display:none}}