.date-picker-container{justify-content:center;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-md);background:var(--color-bg-code);border-radius:.5rem;display:flex}.date-picker-container label{color:var(--color-ink);font-size:var(--font-size-sm);font-weight:500}.date-picker{background:var(--color-bg);color:var(--color-ink);border:1px solid var(--color-border);font-size:var(--font-size-sm);font-family:var(--font-mono);cursor:pointer;border-radius:.25rem;padding:.375rem .75rem;transition:all .2s}.date-picker:hover{border-color:var(--color-accent);background:var(--color-bg-code)}.date-picker:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-alpha);outline:none}.date-picker::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;transition:opacity .2s}.date-picker::-webkit-calendar-picker-indicator:hover{opacity:1}@media (prefers-color-scheme:dark){.date-picker::-webkit-calendar-picker-indicator{filter:invert()}}.today-button{background:var(--color-bg);color:var(--color-ink);border:1px solid var(--color-border);font-size:var(--font-size-sm);font-family:var(--font-mono);cursor:pointer;white-space:nowrap;border-radius:.25rem;padding:.375rem .75rem;font-weight:500;transition:all .2s}.today-button:hover{border-color:var(--color-accent);color:var(--color-ink);background:var(--color-bg-hover)}.today-button:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-alpha);outline:none}.stats-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);margin-top:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}.stat-card{background:var(--color-bg-code);padding:var(--spacing-lg);text-align:center;border-radius:.5rem;flex-direction:column;height:100%;display:flex}.stat-card h2{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);color:var(--color-ink-light);text-transform:uppercase;letter-spacing:.05em}.sparkline-container{margin-bottom:var(--spacing-sm);position:relative}.sparkline{width:100%;height:80px}.sparkline-legend{justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-xs);font-size:var(--text-xs);display:flex}.legend-item{align-items:center;gap:var(--spacing-xs);color:var(--color-ink-light);display:flex}.legend-line{border-radius:1px;width:20px;height:2px;display:inline-block}.legend-line.current{background-color:var(--color-accent)}.legend-line.previous{background-color:var(--color-ink-light);opacity:.5}.legend-label{font-size:var(--text-xs)}.stat-header{align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);flex-direction:column;display:flex}.stat-values{align-items:baseline;gap:var(--spacing-md);display:flex}.stat-comparison{align-items:baseline;gap:var(--spacing-xs);display:flex}.stat-previous{font-size:var(--font-size-lg);color:var(--color-ink-light);opacity:.8}.stat-delta{font-size:var(--font-size-sm);font-weight:500}.stat-value{font-size:var(--font-size-3xl);color:var(--color-accent);font-weight:600}.stat-change{font-size:var(--font-size-sm);border-radius:var(--radius-sm);padding:.125rem .375rem;font-weight:500}.stat-change.positive{color:var(--color-success,#10b981);background:var(--color-success-bg,#10b98120)}.stat-change.negative{color:var(--color-error,#ef4444);background:var(--color-error-bg,#ef444420)}.stat-delta.positive,.stat-delta.negative{color:var(--color-ink-light)}.stat-breakdown{gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center;display:flex}.stat-item{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-ink);font-family:var(--font-mono);font-size:var(--text-sm);border-radius:.25rem;align-items:center;gap:.5rem;padding:.25rem .75rem;text-decoration:none;transition:all .2s;display:inline-flex}.stat-item:hover{border-color:var(--color-accent);background:var(--color-bg-hover);color:var(--color-ink)}.stat-label{color:inherit}.stat-count{background:var(--color-bg-code);min-width:1.5rem;height:1.5rem;font-size:var(--text-xs);color:var(--color-ink-light);border-radius:9999px;justify-content:center;align-items:center;padding:0 .375rem;font-weight:500;display:inline-flex}.stat-item:hover .stat-count{background:var(--color-ink);color:var(--color-bg)}.all-time-section{margin-top:var(--spacing-2xl)}.all-time-section h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);text-align:center}.all-time-stats{background:var(--color-bg-code);padding:var(--spacing-xl);text-align:center;border-radius:.5rem}.all-time-total{justify-content:center;align-items:baseline;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);display:flex}.all-time-total .label{font-size:var(--font-size-lg);color:var(--color-ink-light)}.all-time-total .value{font-size:var(--font-size-4xl);color:var(--color-ink);font-weight:600}.all-time-breakdown{justify-content:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.all-time-item{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-ink);font-family:var(--font-mono);font-size:var(--text-sm);border-radius:.25rem;align-items:center;gap:.5rem;padding:.25rem .75rem;text-decoration:none;transition:all .2s;display:inline-flex}.all-time-item:hover{border-color:var(--color-accent);background:var(--color-bg-hover);color:var(--color-ink)}.all-time-label{color:inherit}.all-time-count{background:var(--color-bg-code);min-width:1.5rem;height:1.5rem;font-size:var(--text-xs);color:var(--color-ink-light);border-radius:9999px;justify-content:center;align-items:center;padding:0 .375rem;font-weight:500;display:inline-flex}.all-time-item:hover .all-time-count{background:var(--color-ink);color:var(--color-bg)}.contribution-graph-container{margin:var(--spacing-xl) 0;background:var(--color-bg-code);padding:var(--spacing-lg);border-radius:.5rem}.contribution-header{margin-bottom:var(--spacing-lg)}.contribution-header h2{font-size:var(--font-size-xl);margin:0 0 var(--spacing-xs) 0}.contribution-count{color:var(--color-ink-light);font-size:var(--font-size-sm)}.contribution-wrapper{padding-bottom:var(--spacing-md)}.contribution-graph{width:100%;height:auto;display:block}.month-label,.day-label{fill:var(--color-ink-light);font-size:10px}.contribution-cell{stroke:var(--color-bg);stroke-width:1px;rx:2;cursor:default;transition:stroke-width .1s ease-in-out}.contribution-cell.has-content{cursor:pointer}.contribution-cell.has-content:hover,.contribution-cell.selected{stroke-width:2px;stroke:var(--color-ink)}:root,.dark{--contribution-level-0:var(--color-bg-code);--contribution-level-1:color-mix(in srgb, var(--color-accent) 20%, var(--color-bg-code));--contribution-level-2:color-mix(in srgb, var(--color-accent) 40%, var(--color-bg-code));--contribution-level-3:color-mix(in srgb, var(--color-accent) 60%, var(--color-bg-code));--contribution-level-4:color-mix(in srgb, var(--color-accent) 80%, var(--color-bg-code))}.contribution-legend{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-ink-light);margin-top:var(--spacing-sm);justify-content:flex-end;display:flex}.legend-cells{gap:2px;display:flex}.legend-cell{border-radius:2px;width:11px;height:11px}.legend-text{font-size:11px}.selected-day-content{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.selected-day-content h3{font-size:var(--font-size-lg);margin:0 0 var(--spacing-xs) 0}.selected-day-summary{color:var(--color-ink-light);font-size:var(--font-size-sm);margin:0 0 var(--spacing-md) 0}.content-links{gap:var(--spacing-xs);flex-direction:column;display:flex}.content-link{align-items:baseline;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-ink);text-decoration:none;transition:all .2s;display:flex}.content-link:hover{border-color:var(--color-accent);background:var(--color-bg-code)}.content-type{font-size:var(--font-size-xs);color:var(--color-ink-light);min-width:60px;font-weight:500;font-family:var(--font-mono)}.content-title{font-size:var(--font-size-sm);flex:1}@media (width<=768px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:var(--spacing-md)}.stat-value{font-size:var(--font-size-2xl)}.all-time-total .value{font-size:var(--font-size-3xl)}.date-picker-container{gap:var(--spacing-sm);padding:var(--spacing-sm);flex-direction:column}.date-picker{width:100%;max-width:200px}.contribution-graph-container{padding:var(--spacing-md)}}