.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.stats-page{padding:var(--page-padding-top-bottom) var(--page-padding-left-right);max-width:var(--container-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-xl)}.stats-hero{position:relative;border:1px solid var(--outline-default);border-radius:calc(var(--radius-default) * .75);background:var(--bg-raised);box-shadow:var(--shadow-default);padding:var(--space-xl);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-large);overflow:hidden}.stats-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 0%,color-mix(in srgb,var(--accent-primary, #3b82f6) 15%,transparent) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,color-mix(in srgb,var(--accent-primary, #3b82f6) 10%,transparent) 0%,transparent 40%);opacity:.8;pointer-events:none;animation:stats-hero-pulse 8s ease-in-out infinite alternate}@keyframes stats-hero-pulse{0%{opacity:.6}to{opacity:1}}.stats-hero__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-base)}.stats-hero__eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:var(--font-size-small);color:var(--glyph-secondary);font-weight:var(--font-weight-body)}.stats-hero__title{font-size:clamp(1.75rem,3vw + 1rem,2.5rem);line-height:1.1;color:var(--glyph-primary);margin:0;max-width:20ch}.stats-hero__subtitle{color:var(--glyph-secondary);max-width:36ch;margin:0}.stats-accuracy-ring{position:relative;width:180px;height:180px;display:flex;align-items:center;justify-content:center}.stats-accuracy-ring__circle{position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--accent-primary, #3b82f6) calc(var(--accuracy, 0) * 1%),color-mix(in srgb,var(--glyph-secondary) 15%,transparent) calc(var(--accuracy, 0) * 1%));mask:radial-gradient(farthest-side,transparent calc(100% - 16px),#000 calc(100% - 16px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 16px),#000 calc(100% - 16px));animation:stats-ring-fill 1s ease-out forwards}@keyframes stats-ring-fill{0%{background:conic-gradient(var(--accent-primary, #3b82f6) 0%,color-mix(in srgb,var(--glyph-secondary) 15%,transparent) 0%)}}.stats-accuracy-ring__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px}.stats-accuracy-ring__value{font-size:clamp(2.5rem,4vw + 1rem,3.5rem);font-weight:var(--font-weight-black);color:var(--glyph-primary);line-height:1}.stats-accuracy-ring__label{font-size:var(--font-size-small);color:var(--glyph-secondary);text-transform:uppercase;letter-spacing:.1em}.stats-grid{display:grid;grid-template-columns:1fr;gap:var(--space-large)}.stats-card{background:var(--bg-raised);border:1px solid var(--outline-default);border-radius:calc(var(--radius-default) * .6);padding:var(--space-large);box-shadow:var(--shadow-default);display:flex;flex-direction:column;gap:var(--space-base);position:relative;overflow:hidden}.stats-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--glyph-primary) 3%,transparent) 0%,transparent 50%);opacity:0;transition:opacity var(--animation-duration-fast) var(--animation-easing-smooth);pointer-events:none}.stats-card:hover:before{opacity:1}.stats-card__header{display:flex;flex-direction:column;gap:4px}.stats-card__title{font-size:clamp(1.1rem,1vw + .9rem,1.35rem);margin:0;color:var(--glyph-primary);font-weight:var(--font-weight-black)}.stats-card__subtitle{color:var(--glyph-secondary);font-size:var(--font-size-small);margin:0}.stats-big-number{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.stats-big-number__value{font-size:clamp(2.5rem,3vw + 1.5rem,4rem);font-weight:var(--font-weight-black);color:var(--glyph-primary);line-height:1}.stats-big-number__label{font-size:var(--font-size-small);color:var(--glyph-secondary)}.stats-big-number--streak .stats-big-number__value{background:linear-gradient(135deg,var(--glyph-primary) 0%,var(--accent-primary, #3b82f6) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-big-number--xp .stats-big-number__value{background:linear-gradient(135deg,var(--color-xp-accent) 0%,var(--color-xp-accent-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-card--xp{background:linear-gradient(135deg,var(--bg-xp-card-gradient-start) 0%,var(--bg-xp-card-gradient-end) 100%);border-color:var(--border-xp-flyout)}.stats-card__icon{vertical-align:-.1em;margin-right:.25em;color:var(--color-xp-icon)}.stats-streak-content{display:flex;flex-direction:column;gap:var(--space-base);align-items:flex-start}.stats-card__subtitle--center{margin-top:4px}.stats-attempts{display:flex;flex-direction:column;gap:var(--space-base)}.stats-attempt-bar{display:flex;flex-direction:column;gap:6px}.stats-attempt-bar__header{display:flex;justify-content:space-between;align-items:baseline}.stats-attempt-bar__label{font-size:var(--font-size-small);color:var(--glyph-secondary);font-weight:var(--font-weight-body)}.stats-attempt-bar__value{font-size:var(--font-size-body);font-weight:var(--font-weight-black);color:var(--glyph-primary)}.stats-attempt-bar__track{height:12px;background:color-mix(in srgb,var(--glyph-secondary) 12%,transparent);border-radius:6px;overflow:hidden}.stats-attempt-bar__fill{height:100%;background:var(--accent-primary, #3b82f6);border-radius:6px;transition:width .8s cubic-bezier(.4,0,.2,1)}.stats-attempt-bar--first .stats-attempt-bar__fill{background:var(--accent-primary, #3b82f6)}.stats-attempt-bar--second .stats-attempt-bar__fill{background:color-mix(in srgb,var(--accent-primary, #3b82f6) 70%,var(--glyph-secondary))}.stats-attempt-bar--third .stats-attempt-bar__fill{background:color-mix(in srgb,var(--accent-primary, #3b82f6) 40%,var(--glyph-secondary))}.stats-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-base)}.stats-metric{display:flex;flex-direction:column;gap:4px;padding:var(--space-base);background:color-mix(in srgb,var(--accent-primary, #3b82f6) 5%,var(--bg-raised));border:1px solid var(--outline-default);border-radius:16px}.stats-metric__value{font-size:clamp(1.5rem,2vw + .8rem,2rem);font-weight:var(--font-weight-black);color:var(--glyph-primary);line-height:1}.stats-metric__label{font-size:var(--font-size-small);color:var(--glyph-secondary)}.stats-activity{display:flex;flex-direction:column;gap:var(--space-base)}.stats-activity-item{display:flex;align-items:center;gap:var(--space-base);padding:var(--space-base);background:color-mix(in srgb,var(--accent-primary, #3b82f6) 4%,var(--bg-raised));border:1px solid var(--outline-default);border-radius:16px}.stats-activity-item__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent-primary, #3b82f6) 12%,transparent);border-radius:12px;font-size:1.25rem}.stats-activity-item__content{flex:1;display:flex;flex-direction:column;gap:2px}.stats-activity-item__title{font-size:var(--font-size-body);font-weight:var(--font-weight-black);color:var(--glyph-primary)}.stats-activity-item__subtitle{font-size:var(--font-size-small);color:var(--glyph-secondary)}.stats-activity-item__badge{font-size:clamp(1.25rem,1.5vw + .8rem,1.5rem);font-weight:var(--font-weight-black);color:var(--glyph-primary)}.stats-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-xl);gap:var(--space-base);color:var(--glyph-secondary);min-height:200px}.stats-empty__icon{font-size:3rem;opacity:.5}.stats-empty__text{max-width:28ch;margin:0}.stats-error{border:1px solid color-mix(in srgb,var(--glyph-critical) 35%,transparent);background:color-mix(in srgb,var(--glyph-critical) 6%,var(--bg-raised));color:var(--glyph-critical);border-radius:calc(var(--radius-default) * .5);padding:var(--space-large);text-align:center}.stats-auth-gate{border:1px solid var(--outline-default);border-radius:calc(var(--radius-default) * .75);background:var(--bg-raised);box-shadow:var(--shadow-default);padding:var(--space-xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-large);max-width:480px;margin:var(--space-xl) auto;text-align:center}.stats-auth-gate__title{margin:0}.stats-auth-gate__text{color:var(--glyph-secondary);margin:0;max-width:32ch}.stats-skeleton{position:relative;overflow:hidden;min-height:300px}.stats-skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg-raised) 0%,color-mix(in srgb,var(--glyph-secondary) 8%,var(--bg-raised)) 50%,var(--bg-raised) 100%);animation:stats-skeleton-shimmer 1.5s ease-in-out infinite}@keyframes stats-skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (min-width: 640px){.stats-hero{flex-direction:row;text-align:left;justify-content:space-between;padding:var(--space-xl) calc(var(--space-xl) * 1.5)}.stats-hero__content{align-items:flex-start}.stats-hero__title{max-width:18ch}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-card--span-2{grid-column:span 2}}@media (min-width: 1024px){.stats-accuracy-ring{width:200px;height:200px}.stats-accuracy-ring__circle{mask:radial-gradient(farthest-side,transparent calc(100% - 20px),#000 calc(100% - 20px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 20px),#000 calc(100% - 20px))}}@media (prefers-reduced-motion: reduce){.stats-hero:before{animation:none}.stats-skeleton:after{animation:none}.stats-attempt-bar__fill{transition:none}@keyframes stats-ring-fill{0%,to{background:conic-gradient(var(--accent-primary, #3b82f6) calc(var(--accuracy, 0) * 1%),color-mix(in srgb,var(--glyph-secondary) 15%,transparent) calc(var(--accuracy, 0) * 1%))}}}