.heatmap-wrapper{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;gap:1.5rem;margin-top:1.5rem;margin-bottom:2rem;padding-bottom:1rem;display:flex;overflow-x:auto}.heatmap-wrapper::-webkit-scrollbar{display:none}.heatmap-grid{grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:4px;width:max-content;display:grid}@keyframes cellPop{0%{opacity:0;transform:scale(0)}80%{opacity:.9;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.heatmap-cell .tooltip{visibility:hidden;color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#111;border:1px solid #333;border-radius:4px;padding:4px 8px;font-size:.7rem;transition:opacity .2s,bottom .2s;position:absolute;bottom:120%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0006}.heatmap-stats{background:var(--hover-bg-color);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:10px;gap:2rem;margin-top:1rem;padding:1.2rem;display:flex}.stat-item{flex-direction:column;align-items:flex-start;display:flex}.stat-value{color:var(--heading-color);font-family:Space Mono,monospace;font-size:1.8rem;font-weight:800}@keyframes slideInHeatmap{0%{opacity:0;transform:translateY(10px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}.heatmap-cell{cursor:pointer;opacity:0;background-color:#ffffff0d;border-radius:4px;width:14px;height:14px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);animation:.4s forwards slideInHeatmap;position:relative}.heatmap-cell:hover{z-index:10;transform:scale(1.4);box-shadow:0 0 12px #fff9}.heatmap-cell .tooltip{visibility:hidden;color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:20;background-color:#111;border:1px solid #333;border-radius:6px;padding:6px 10px;font-size:.75rem;transition:opacity .2s,bottom .2s;position:absolute;bottom:180%;left:50%;transform:translate(-50%);box-shadow:0 5px 15px #00000080}.heatmap-cell:hover .tooltip{visibility:visible;opacity:1;bottom:150%}.theme-gym .level-1{background-color:#0e4429;box-shadow:0 0 2px #0e4429}.theme-gym .level-2{background-color:#006d32;box-shadow:0 0 5px #006d32}.theme-gym .level-3{background-color:#26a641;box-shadow:0 0 8px #26a641}.theme-gym .level-4{background-color:#39d353;box-shadow:0 0 12px #39d353}.theme-cooking .level-1{background-color:#591b05;box-shadow:0 0 2px #591b05}.theme-cooking .level-2{background-color:#933405;box-shadow:0 0 5px #933405}.theme-cooking .level-3{background-color:#d85c13;box-shadow:0 0 8px #d85c13}.theme-cooking .level-4{background-color:#ff7b00;box-shadow:0 0 12px #ff7b00}.heatmap-stats{background:var(--hover-bg-color);border:1px solid var(--border-color);border-radius:12px;gap:3rem;margin-top:1rem;padding:1.5rem;display:flex}.stat-item{flex-direction:column;display:flex}.stat-value{color:var(--heading-color);margin-bottom:.2rem;font-family:Space Mono,monospace;font-size:2rem;font-weight:800}.stat-label{color:var(--subtle-text-color);text-transform:uppercase;letter-spacing:1px;font-size:.85rem}
.routine-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.routine-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:transform .3s,border-color .3s}.routine-card:hover{border-color:#39d353;transform:translateY(-5px);box-shadow:0 10px 30px -10px #39d35333}.routine-card h3{color:#39d353;margin-top:0;margin-bottom:1rem}.routine-card ul{margin:0;padding:0;list-style-type:none}.routine-card li{color:var(--text-color);margin-bottom:.5rem;font-size:.9rem}