header{display:flex;flex-direction:column}header nav{margin-top:.5em}.sidebar{position:fixed;left:calc(50% - 360px);top:9.2rem;width:120px;font-size:12px;line-height:1.6;z-index:100}.sidebar-menu{display:flex;flex-direction:column;gap:2px;margin-top:10px}.sidebar-menu a{color:#333;text-decoration:none;font-size:13px}.sidebar-menu a:hover{color:#666}.sidebar a{text-decoration:none!important;border-bottom:none!important}@media(max-width:768px){.sidebar{position:static;width:100%;left:auto;top:auto;padding:0 1rem;margin-bottom:1rem}.sidebar-menu{flex-direction:row;flex-wrap:wrap;gap:.5rem 1rem}}.heatmap-container{margin:1.5rem 0}.heatmap{display:flex;flex-wrap:wrap;gap:3px;max-width:600px}.heatmap-cell{width:12px;height:12px;border-radius:2px}.heatmap-cell.level-0{background:#eee}.heatmap-cell.level-1{background:#c6e48b}.heatmap-cell.level-2{background:#7bc96f}.heatmap-cell.level-3{background:#449d44}.heatmap-cell.level-4{background:#196127}.heatmap-legend{display:flex;align-items:center;gap:4px;margin-top:.5rem;font-size:11px;color:#666}.longest-post{padding:1rem;background:#f9f9f9;border-radius:4px;margin:1rem 0}.longest-post .word-count{color:#888;font-size:.9em;margin-left:.5rem}.monthly-chart{margin:1rem 0}.month-row{display:flex;align-items:center;margin-bottom:.5rem;gap:.5rem}.month-label{width:100px;font-size:.85em;color:#555}.bar-container{flex:1;height:16px;background:#eee;border-radius:2px;max-width:300px}.bar{height:100%;background:#449d44;border-radius:2px;min-width:2px}.month-words{width:50px;text-align:right;font-size:.85em;color:#888}.currently{margin-top:2rem;padding-top:1rem;border-top:1px solid #eee}.currently h3{font-size:.9em;color:#888;margin-bottom:.5rem}.milestones{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.badge{display:flex;flex-direction:column;align-items:center;padding:.75rem 1rem;border-radius:8px;min-width:80px;text-align:center;transition:transform .2s}.badge:hover{transform:scale(1.05)}.badge.earned{background:linear-gradient(135deg,#f0f9f0,#e0f5e0);border:1px solid #c6e48b}.badge.locked{background:#f5f5f5;border:1px solid #ddd;opacity:.5}.badge-icon{font-size:1.5rem;margin-bottom:.25rem}.badge-label{font-size:.7rem;color:#555}.badge.locked .badge-label{color:#999}.goals{margin:1rem 0}.goal{margin-bottom:1rem}.goal-header{display:flex;justify-content:space-between;margin-bottom:.25rem}.goal-label{font-weight:500;font-size:.9rem}.goal-stats{font-size:.85rem;color:#666}.goal-bar-container{height:20px;background:#eee;border-radius:4px;overflow:hidden}.goal-bar{height:100%;background:linear-gradient(90deg,#7bc96f,#449d44);border-radius:4px;transition:width .3s ease}.goal-bar.complete{background:linear-gradient(90deg,#449d44,#196127)}.goal-note{font-size:.75rem;color:#888;margin-top:.5rem}