.stats-page{gap:1.5rem;padding-block:1.25rem 2.5rem}.stats-heading{margin-block:.25rem}.stats-overview{padding:1rem;border:1px solid var(--border-accent);border-radius:var(--radius-card,1rem);background:linear-gradient(120deg,color-mix(in srgb,var(--primary) 6%,var(--surface)),var(--surface) 75%)}.stats-level-row{display:grid;gap:1rem;align-items:center;margin-bottom:1rem}.stats-level-icon{width:3.5rem;height:3.5rem;flex-shrink:0;align-items:center;justify-content:center;gap:.15rem;color:var(--primary);border:1px solid var(--border-accent);border-radius:1rem;background:var(--bg)}.stats-level-icon,.stats-xp{display:flex;flex-direction:column}.stats-xp{min-width:0;gap:.45rem}.stats-track{height:.4rem;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--text) 9%,transparent)}.stats-track>span{display:block;height:100%;border-radius:inherit;background:var(--primary)}.stats-plan{display:flex;min-height:44px;align-items:center;gap:.5rem;border:1px solid var(--border);border-radius:.75rem;padding:.5rem .75rem;width:fit-content;max-width:100%}.stats-method{color:var(--text-muted);font-size:.75rem;margin-top:.5rem}.stats-method summary{cursor:pointer;display:list-item;min-height:44px;align-content:center;width:fit-content}.stats-method p{max-width:65rem;line-height:1.7;margin-bottom:.5rem}.stats-main-grid,.stats-rhythm-grid{display:grid;gap:1.25rem;min-width:0}.stats-main-grid>*,.stats-rhythm-grid>*{min-width:0}.stats-rhythm-grid>section{align-items:flex-start}.stats-section{display:flex;min-width:0;flex-direction:column;gap:.75rem}.stats-section-head{display:flex;flex-direction:column;gap:.35rem}.stats-section-number{font:600 .65rem var(--font-mono);color:var(--primary);padding:.25rem .35rem;border:1px solid var(--border-accent);border-radius:.35rem}.stats-refresh{display:inline-flex;min-height:44px;align-items:center;gap:.4rem;padding:.4rem .6rem;color:var(--primary);border-radius:.6rem;border:1px solid var(--border);font-size:.75rem}.stats-refresh:disabled{opacity:.7}.stats-segments{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:3px;gap:3px;border:1px solid var(--border);border-radius:.8rem;background:var(--bg)}.stats-segments button{min-height:44px;padding-inline:.25rem;border-radius:.6rem;font-size:.75rem;font-weight:700;color:var(--text-muted);transition:background .2s,color .2s}.stats-segments button[aria-pressed=true]{color:var(--bg);background:var(--primary);box-shadow:0 2px 12px color-mix(in srgb,var(--primary) 15%,transparent)}.stats-period-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.stats-chart{display:flex;min-width:0;flex-direction:column;gap:.65rem}.stats-chart-plot{position:relative;height:10rem;margin-top:.4rem;padding-bottom:1.5rem}.stats-chart-grid{position:absolute;inset:0 0 1.5rem;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.stats-chart-grid span{border-top:1px dashed var(--border)}.stats-chart-bars{gap:4px;align-items:end}.stats-chart-bars,.stats-chart-column{position:relative;display:flex;height:100%}.stats-chart-column{align-items:center;justify-content:end;flex-direction:column;flex:1;min-width:0;border-radius:5px}.stats-chart-bar{display:block;width:100%;max-width:2rem;flex-shrink:0;border-radius:5px 5px 2px 2px;background:linear-gradient(0deg,color-mix(in srgb,var(--primary) 40%,transparent),var(--primary));transform-origin:bottom;animation:stats-bar-grow .65s var(--ease-out) both;transition:filter .2s}.stats-chart-column[aria-pressed=true] .stats-chart-bar{filter:brightness(1.2);box-shadow:0 0 12px color-mix(in srgb,var(--primary) 18%,transparent)}.stats-chart-value{position:absolute;top:-1.1rem;font:600 .6rem var(--font-mono);color:var(--primary);opacity:0}.stats-chart-column[aria-pressed=true] .stats-chart-value{opacity:1}.stats-chart-label{position:absolute;bottom:-1.25rem;font-size:.6rem;color:var(--text-muted);white-space:nowrap}.stats-heatmap-scroll{overflow-x:auto;padding:.3rem .2rem .6rem;overscroll-behavior-x:contain;scrollbar-width:thin}.stats-heatmap-inner{--cell:22px;display:flex;gap:3px;width:max-content;min-width:100%}.stats-heatmap-days,.stats-heatmap-week{display:flex;flex-direction:column;gap:3px;flex:1}.stats-heatmap-days{position:sticky;left:0;z-index:1;min-width:1.5rem;background:var(--surface);flex:0}.stats-heatmap-days>span{height:var(--cell);font-size:.6rem;align-content:center;color:var(--text-muted)}.stats-heatmap-days>span:first-child,.stats-heatmap-week>.stats-heatmap-month{height:1.25rem;font-size:.65rem;color:var(--text-muted);white-space:nowrap}.stats-heatmap-cell{width:var(--cell);height:var(--cell);border-radius:4px;border:1px solid color-mix(in srgb,var(--text) 7%,transparent);transition:transform .15s,box-shadow .15s}.stats-heatmap-cell[data-selected="1"]{outline:2px solid var(--primary);outline-offset:1px;transform:scale(.88)}.stats-heatmap-cell:disabled{background:transparent;border-style:dashed;opacity:.4}.stats-heatmap-legend{width:10px;height:10px;border-radius:2px}.stats-heatmap-cell[data-level="0"],.stats-heatmap-legend[data-level="0"]{background:color-mix(in srgb,var(--text) 5%,transparent)}.stats-heatmap-cell[data-level="1"],.stats-heatmap-legend[data-level="1"]{background:color-mix(in srgb,var(--primary) 25%,var(--surface))}.stats-heatmap-cell[data-level="2"],.stats-heatmap-legend[data-level="2"]{background:color-mix(in srgb,var(--primary) 45%,var(--surface))}.stats-heatmap-cell[data-level="3"],.stats-heatmap-legend[data-level="3"]{background:color-mix(in srgb,var(--primary) 70%,var(--surface))}.stats-heatmap-cell[data-level="4"],.stats-heatmap-legend[data-level="4"]{background:var(--primary)}.stats-progress-fill{transform-origin:left;animation:stats-bar-grow .8s var(--ease-out) both}.stats-guide{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;color:var(--primary);font-size:.75rem}.stats-page :is(button,a,summary,[tabindex]):focus-visible{outline:2px solid var(--primary);outline-offset:3px}.stats-page #habit-tracker{gap:.85rem}.stats-page #habit-tracker>.card-dn{padding:1rem}.stats-page .stats-badge:hover{border-color:var(--border-accent)}@keyframes stats-bar-grow{0%{transform:scaleY(.02);opacity:.4}to{transform:scaleY(1);opacity:1}}.stats-progress-fill{animation-name:stats-progress-in}@keyframes stats-progress-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (min-width:640px){.stats-page{gap:1.75rem;padding-block:2rem 3rem}.stats-level-row{grid-template-columns:auto minmax(0,1fr) auto}.stats-overview{padding:1.25rem}.stats-period-values{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:1024px){.stats-main-grid,.stats-rhythm-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.stats-rhythm-grid>section{flex-direction:column}.stats-rhythm-grid>section>div:last-child{margin-top:auto}}@media (pointer:coarse){.stats-heatmap-inner{--cell:44px}.stats-chart-bars{gap:0}.stats-chart-column{border-inline:2px solid transparent;min-height:44px}}html[data-reduced-motion=true] :is(.stats-progress-fill,.stats-chart-bar){animation:none;transition:none}@media (prefers-reduced-motion:reduce){.stats-page :is(.stats-progress-fill,.stats-chart-bar){animation:none;transition:none}.kelas-swipe-cue>span{animation:none!important}}.stats-goal-options{display:grid;grid-template-columns:repeat(4,minmax(44px,1fr));gap:4px;width:100%}@media (max-width:359px){.stats-goal-options{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1280px),(min-width:640px) and (max-width:1023px){.stats-goal-options{grid-template-columns:repeat(7,minmax(44px,1fr))}}.stats-main-grid .stats-section :is(.grid.sm\:grid-cols-2){grid-template-columns:minmax(0,1fr)}