.heatmap-scroll{overflow-x:auto;position:relative;padding:4px 0}.heatmap-grid,.heatmap-week{display:flex;gap:3px}.heatmap-week{flex-direction:column}.heatmap-cell{width:12px;height:12px;border-radius:2px;cursor:pointer;transition:outline .1s ease}.heatmap-cell:hover{outline:1px solid rgba(0,0,0,.3);outline-offset:-1px}.heatmap-cell--0{background:#ebedf0}.heatmap-cell--1{background:#fdddd6}.heatmap-cell--2{background:#f9a593}.heatmap-cell--3{background:#f56e59}.heatmap-cell--4{background:#c43d2b}.heatmap-months{display:flex;position:relative;height:16px;font-size:11px;color:#666}.heatmap-days{display:flex;flex-direction:column;gap:3px;font-size:10px;color:#999;margin-right:8px}.heatmap-tooltip{position:absolute;pointer-events:none;background:#1a1a1a;color:#fff;font-size:12px;padding:6px 10px;border-radius:6px;white-space:nowrap;z-index:10;transform:translate(-50%,-100%)}.heatmap-legend{display:flex;align-items:center;gap:4px;font-size:11px;color:#666;margin-top:8px}.heatmap-loading{padding:40px 0;text-align:center;font-size:13px;color:#999}