.statistics-exploration{min-width:0;margin-top:2rem}.stats-filter-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.stats-section-title{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.statistics-disclosure .stats-mode-badge{border:1px solid var(--line);color:var(--accent-200);letter-spacing:.02em;border-radius:999px;padding:.3rem .6rem;font-size:.65rem;font-weight:550}.stats-section{min-width:0;margin-top:2.75rem;padding-top:2rem}.stats-section h2{letter-spacing:-.035em;font-size:clamp(1.5rem,4vw,1.85rem);font-weight:700;line-height:1.2}.stats-demo-notice{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin-bottom:1rem;font-size:.75rem;display:flex}.stats-demo-toggle{min-height:44px;font-size:.75rem}.stats-description{max-width:570px;color:var(--text-body);margin-top:.9rem;font-size:.9rem;line-height:1.8}.stats-segments{isolation:isolate;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 65%, transparent);border-radius:14px;gap:0;padding:4px;display:inline-grid;position:relative}.stats-segments>button{z-index:1;min-width:0;min-height:40px;color:var(--text-secondary);border-radius:10px;padding:.45rem 1rem;font-size:.8rem;font-weight:600;transition:color .25s,background .35s,box-shadow .6s;position:relative}.stats-segments>button[aria-pressed=true]{color:var(--accent-100)}.stats-recognition-content>.stats-reveal>.stats-segments{margin-top:1.4rem}.stats-reveal{opacity:0;transition:opacity .85s ease-out var(--stats-delay,0s), transform .85s cubic-bezier(.2,.7,.2,1) var(--stats-delay,0s);transform:translateY(12px)}.stats-reveal[data-visible=true]{opacity:1;transform:none}.stats-recognition-results{isolation:isolate;padding-top:1.5rem;position:relative}.stats-recognition-results:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse closest-side at 50% 55%, var(--accent-glow-strong), transparent 100%);position:absolute;inset:0;-webkit-mask-image:radial-gradient(closest-side,#000 25%,#0000 100%);mask-image:radial-gradient(closest-side,#000 25%,#0000 100%)}.stats-recognition-motes{z-index:-1}.stats-recognition-summary{gap:2.5rem;margin-block:.5rem 2rem;display:flex}.stats-recognition-summary p{flex-direction:column;gap:.3rem;display:flex}.stats-recognition-summary strong{color:var(--accent-100);letter-spacing:-.055em;font-variant-numeric:tabular-nums;font-size:clamp(1.8rem,6vw,2.6rem);font-weight:500;line-height:1.2}.stats-recognition-summary p+p strong{color:var(--foreground)}.stats-recognition-summary span{color:var(--text-secondary);font-size:.75rem}.recognition-beams{height:240px;position:relative}.recognition-column,.recognition-column-exiting{font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;min-width:0;transition:left .8s cubic-bezier(.33,1,.67,1),width .8s cubic-bezier(.33,1,.67,1),opacity .65s;display:flex;position:absolute;top:8px}.recognition-column-exiting{opacity:0;pointer-events:none;overflow:hidden}.recognition-value{bottom:calc(var(--beam-height) + 12px);white-space:nowrap;color:var(--accent-100);font-size:clamp(.7rem,2.6vw,.95rem);font-weight:600;transition:bottom .8s cubic-bezier(.33,1,.67,1),transform .38s cubic-bezier(.2,.7,.2,1),text-shadow .38s;position:absolute;left:50%;transform:translate(-50%)}.recognition-beam-track{border-bottom:1px solid var(--line);width:100%;height:160px;margin-top:1.5rem;position:relative}.recognition-beam{width:56%;height:var(--beam-height);transform-origin:bottom;background:linear-gradient(to top, var(--accent-glow-soft), color-mix(in srgb, var(--accent-300) 55%, transparent));border-radius:6px 6px 0 0;transition:height .8s cubic-bezier(.33,1,.67,1),filter .38s;display:block;position:absolute;bottom:0;left:22%}.recognition-beam:before{content:"";background:radial-gradient(ellipse closest-side at 50% 35%, var(--accent-glow-strong), transparent 100%);filter:blur(6px);opacity:.6;pointer-events:none;transition:opacity .38s,filter .38s;position:absolute;inset:-8px -5px}.recognition-beam>i{background:var(--accent-200);height:2px;box-shadow:0 0 12px var(--accent-glow-strong), 0 0 3px var(--accent-300);border-radius:2px;position:absolute;top:0;left:0;right:0}.recognition-beam[data-empty=true]>i{display:none}.stats-reveal[data-visible=true] .recognition-beam{animation:stats-beam-enter 1.1s cubic-bezier(.16,1,.3,1) var(--beam-delay) both}.stats-reveal[data-visible=true] .recognition-value{animation:stats-value-enter .9s ease-out var(--beam-delay) both}.stats-reveal[data-visible=true] :is(.recognition-beam,.recognition-value)[data-entered=true]{animation:none}.recognition-column[data-lost=true] .recognition-beam{background:linear-gradient(#ffffff26,#0000)}.recognition-column[data-lost=true] .recognition-beam>i{background:var(--text-muted);box-shadow:none}.recognition-column[data-lost=true] .recognition-beam:before{display:none}.recognition-column[data-lost=true] .recognition-value{color:var(--text-secondary)}.recognition-label{text-align:center;overflow-wrap:anywhere;margin-top:.8rem;font-size:clamp(.65rem,2.5vw,.8rem);font-weight:600}.recognition-count{color:var(--text-muted);margin-top:.25rem;font-size:.65rem}.stats-footnote{color:var(--text-muted);margin-top:1.5rem;font-size:.72rem;line-height:1.8}.stats-updated{color:var(--text-muted);margin-top:.5rem;font-size:.65rem}.stats-load-state{text-align:center;min-height:210px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:2rem 1rem;font-size:.85rem;line-height:1.8;display:flex}.stats-loading-stars{gap:18px;margin-bottom:1.5rem;display:flex}.stats-loading-stars i{background:var(--accent-200);width:3px;height:3px;box-shadow:0 0 15px var(--accent-glow-strong);border-radius:50%;animation:2.2s ease-in-out infinite stats-star-pulse}.stats-loading-stars i:nth-child(2){animation-delay:.3s}.stats-loading-stars i:nth-child(3){animation-delay:.6s}.atlas-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-block:1.75rem 1.5rem;display:flex}.atlas-sort-field{width:210px;max-width:100%;font-size:.7rem}.atlas-albums{flex-direction:column;gap:.5rem;display:flex}.atlas-row-reveal{opacity:0;transition:opacity .85s ease-out var(--stats-delay), transform .85s cubic-bezier(.2,.7,.2,1) var(--stats-delay);transform:translateY(12px)}.atlas-albums[data-visible=true] .atlas-row-reveal{opacity:1;transform:none}.atlas-album{background:linear-gradient(100deg, transparent, var(--accent-glow-soft), transparent);border-radius:16px;transition:background .4s;position:relative}.atlas-album[data-open=true]{background:linear-gradient(115deg, var(--accent-glow-soft), transparent 70%)}.atlas-album-trigger{text-align:left;border-radius:16px;grid-template-columns:24px 72px minmax(0,1fr) 105px 16px;align-items:center;gap:1rem;width:100%;min-height:110px;padding:1rem .5rem;display:grid}.atlas-rank{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:400}.atlas-cover-float{animation:atlas-cover-float 10s ease-in-out var(--cover-delay) infinite;display:block}.atlas-cover{aspect-ratio:1;width:100%;transform:rotate(var(--cover-tilt));border-radius:8px;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.atlas-cover:before{opacity:.38;transition:opacity .7s}.atlas-album[data-open=true] .atlas-cover{transform:rotate(0)}.atlas-album[data-open=true] .atlas-cover:before{opacity:.7}.atlas-album-info{flex-direction:column;gap:.4rem;min-width:0;display:flex}.atlas-album-name{color:var(--foreground);overflow-wrap:anywhere;font-size:.9rem;font-weight:600;line-height:1.5}.atlas-album-meta{color:var(--text-muted);font-size:.65rem;line-height:1.65}.atlas-open-label{color:var(--accent-200);font-size:.65rem}.atlas-score{text-align:right;flex-direction:column;align-items:flex-end;gap:.2rem;display:flex}.atlas-score>strong{color:var(--accent-100);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:500}.atlas-score>span{color:var(--text-secondary);font-size:.6rem}.atlas-album[data-ranked=false] .atlas-score>strong{color:var(--text-body)}.atlas-score>.atlas-sample-badge{color:var(--text-muted);margin-top:.3rem}.atlas-chevron{width:16px;height:16px;color:var(--text-muted);transition:transform .5s cubic-bezier(.2,.7,.2,1)}.atlas-album[data-open=true] .atlas-chevron{transform:rotate(180deg)}.atlas-detail-frame{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.2,.7,.2,1),opacity .4s;display:grid}.atlas-detail-frame>div{min-height:0;overflow:hidden}.atlas-album[data-open=true] .atlas-detail-frame{opacity:1;grid-template-rows:1fr}.atlas-detail-content{padding:.75rem 1rem 1.5rem 7rem}.atlas-ribbon{border-radius:4px;gap:2px;height:5px;display:flex;overflow:hidden}.atlas-ribbon>span{background:var(--accent-300);min-width:0;opacity:var(--stage-opacity)}.atlas-stage-breakdown ul{flex-wrap:wrap;gap:.65rem 1rem;margin-top:.9rem;display:flex}.atlas-stage-breakdown li{color:var(--text-secondary);align-items:center;gap:.35rem;font-size:.65rem;display:flex}.atlas-stage-breakdown li i{background:var(--accent-300);border-radius:50%;width:5px;height:5px}.atlas-stage-breakdown li b{color:var(--text-body);font-weight:500}.atlas-detail-content>.stats-footnote{margin-top:1.2rem;font-size:.65rem}.atlas-song-list{margin-top:.6rem;list-style:none}.atlas-song-list li{border-top:1px solid var(--line);grid-template-columns:20px minmax(0,1fr) 70px;align-items:center;gap:.6rem;min-height:60px;padding-block:.7rem;display:grid}.atlas-song-rank{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.65rem}.atlas-song-info{flex-direction:column;gap:.25rem;min-width:0;display:flex}.atlas-song-info>span{color:var(--text-body);overflow-wrap:anywhere;font-size:.8rem}.atlas-song-info>small{color:var(--text-muted);font-size:.6rem}.atlas-song-score{flex-direction:column;align-items:flex-end;gap:.4rem;display:flex}.atlas-song-score strong{font-variant-numeric:tabular-nums;color:var(--accent-100);font-size:.85rem;font-weight:500}.atlas-song-bar{background:var(--line);border-radius:2px;width:52px;height:2px;display:block}.atlas-song-bar>i{background:var(--accent-300);border-radius:inherit;height:100%;display:block}@keyframes stats-beam-enter{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes stats-value-enter{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}@keyframes stats-star-pulse{0%,to{opacity:.25;transform:translateY(2px)}50%{opacity:1;transform:translateY(-2px)}}@keyframes atlas-cover-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (hover:hover){.recognition-column:hover .recognition-value{text-shadow:0 0 14px var(--accent-glow-strong);transform:translate(-50%)scale(1.08)rotate(-2deg)}.recognition-column:nth-child(2n):hover .recognition-value{transform:translate(-50%)scale(1.08)rotate(1.5deg)}.recognition-column:hover .recognition-beam{filter:brightness(1.12)}.recognition-column:hover .recognition-beam:before{opacity:1;filter:blur(8px)}.stats-segments>button:hover{color:var(--accent-100)}.atlas-album-trigger:hover .atlas-cover{transform:rotate(0)translateY(-2px)}.atlas-album-trigger:hover .atlas-open-label{text-underline-offset:3px;text-decoration:underline}}@media (max-width:520px){.stats-section{margin-top:2rem;padding-top:1.5rem}.stats-description{font-size:.85rem}.stats-recognition-summary{gap:1.4rem}.stats-recognition-summary span{max-width:140px;font-size:.65rem}.recognition-beam-track{height:135px}.recognition-beams{height:215px}.recognition-beam{width:68%;left:16%}.atlas-album-trigger{grid-template-columns:16px 48px minmax(0,1fr) 65px 12px;gap:.5rem;padding:.9rem .15rem}.atlas-album-name{font-size:.78rem}.atlas-album-meta,.atlas-open-label{font-size:.6rem}.atlas-score>strong{font-size:1.2rem}.atlas-score>span{font-size:.55rem}.atlas-chevron{width:12px}.atlas-detail-content{padding:.75rem .5rem 1rem}.atlas-tools{gap:.75rem}}@media (prefers-reduced-motion:reduce){.stats-reveal,.atlas-row-reveal{opacity:1;transition:none;transform:none}.stats-recognition *,.stats-recognition :before,.stats-atlas *,.stats-atlas :before{transition:none!important;animation:none!important}.stats-history .stats-segments>button{transition:none}.stats-recognition .recognition-column:hover .recognition-value{transform:translate(-50%)}}.stats-history{--stats-completed-fill:color-mix(in srgb, var(--accent-300) 43%, var(--surface));--stats-completed-gradient:linear-gradient(to top, color-mix(in srgb, var(--stats-completed-fill) 75%, var(--background)), var(--stats-completed-fill));--statistics-solved:color-mix(in srgb, var(--accent-300) 72%, var(--surface))}.stats-history .daily-completed-legend{background:var(--stats-completed-fill)}.stats-history .daily-chart-scroll{isolation:isolate;position:relative}.stats-history .daily-chart-scroll:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 75%, var(--accent-glow-soft), transparent 70%);position:absolute;inset:5% 0 10%}.stats-history .daily-chart-bar{background:var(--stats-completed-gradient);box-shadow:none;filter:brightness();border-radius:0;transition:filter .18s,box-shadow .22s}.stats-history .daily-chart-bar>.statistics-solved-bg{background:var(--statistics-solved);box-shadow:none}.stats-history .daily-chart-column[data-active=true]>.daily-chart-bar{background:var(--stats-completed-gradient);filter:brightness(1.18);box-shadow:0 0 10px var(--accent-glow-strong)}.stats-history .daily-chart-column[data-active=true]>.daily-chart-bar>.statistics-solved-bg{background:var(--statistics-solved)}.stats-segment-highlight{pointer-events:none;width:calc((100% - 8px) / var(--segment-count));background:var(--accent-glow-strong);box-shadow:inset 0 0 20px var(--accent-glow-soft);border-radius:10px;transition:transform .5s cubic-bezier(.22,1,.36,1);position:absolute;top:4px;bottom:4px;left:4px}.stats-scope-controls{margin-top:1.5rem}.stats-scope-frame{overflow:visible}.stats-scope-frame>.animated-height-content{padding:0}.stats-scope-panel{transition:opacity .18s,transform .18s;animation:.65s cubic-bezier(.2,.7,.2,1) both stats-scope-enter}.stats-scope-panel[data-leaving=true]{opacity:0;animation:none;transform:translateY(-6px)}@keyframes stats-scope-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.stats-segment-highlight,.stats-scope-panel{transition:none;animation:none}}
