:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#121212;--surface:#181818;--surface-2:#242424;--surface-3:#2a2a2a;--row-hover:#ffffff14;--text-primary:#fff;--text-secondary:#b3b3b3;--text-muted:#7f7f7f;--grid:#2a2a2a;--baseline:#3e3e3e;--border:#ffffff14;--green:#1ed760;--green-soft:#1ed76024;--warning-bg:#fab21929;--warning-text:#ffc862;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--series-4:#c98500;--series-5:#d55181;--series-6:#008300;--series-7:#9085e9;--series-8:#e66767}*{box-sizing:border-box}body{background:var(--page);color:var(--text-primary);margin:0;font-family:Circular Std,Circular,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5}a{color:var(--text-primary);text-decoration:none}a:hover{text-decoration:underline}.app{max-width:1320px;margin:0 auto;padding:28px 24px 72px}.header{justify-content:center;margin-bottom:20px;display:flex;position:relative}.logo{width:230px;max-width:55vw;height:auto;display:block}.header-actions{align-items:center;gap:12px;display:flex;position:absolute;top:4px;right:0}@media (width<=680px){.header{flex-direction:column;align-items:center;gap:12px}.header-actions{position:static}}.synced-at{color:var(--text-muted);font-size:13px}.sync-button{background:var(--green);color:#000;font:inherit;cursor:pointer;border:none;border-radius:500px;padding:10px 22px;font-size:14px;font-weight:700;transition:transform 50ms}.sync-button:hover:not(:disabled){transform:scale(1.04)}.sync-button:disabled{opacity:.5;cursor:default}.stat-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:22px 0;display:grid}.stat-tile{background:var(--surface);border-radius:10px;padding:16px 18px;transition:background .15s}.stat-tile:hover{background:var(--surface-2)}.stat-tile .value{letter-spacing:-.02em;font-size:28px;font-weight:750}.stat-tile .label{color:var(--text-secondary);font-size:13px}.card{background:var(--surface);border-radius:10px;margin-bottom:22px;padding:20px 22px}.card h2{letter-spacing:-.01em;margin:0 0 4px;font-size:20px;font-weight:750}.card .subtitle{color:var(--text-secondary);margin:0 0 16px;font-size:13px}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px 16px;margin-bottom:18px;display:flex}.card-head .subtitle{margin-bottom:0}.tab-groups{flex-direction:column;align-items:flex-end;gap:8px;display:flex}@media (width<=680px){.tab-groups{align-items:flex-start}}.tab-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tab-group-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-right:4px;font-size:11px}.tab{background:var(--surface-2);color:var(--text-primary);font:inherit;cursor:pointer;border:none;border-radius:500px;padding:7px 14px;font-size:13px}.tab:hover:not(.active){background:var(--surface-3)}.tab.active{background:var(--text-primary);color:#000;font-weight:600}.leaderboard{grid-template-columns:auto 1fr auto;align-items:center;gap:10px 14px;display:grid}.leaderboard .name{white-space:nowrap;align-items:center;gap:10px;font-size:14px;font-weight:550;display:flex}.member-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:28px;height:28px}.avatar-fallback{color:#000;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.leaderboard .rank{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:right;min-width:18px}.leaderboard .name .label{text-overflow:ellipsis;white-space:nowrap;max-width:min(360px,38vw);overflow:hidden}.load-more{border:1px solid var(--baseline);color:var(--text-primary);font:inherit;cursor:pointer;background:0 0;border-radius:500px;margin-top:14px;padding:7px 16px;font-size:13px;font-weight:600}.load-more:hover{border-color:var(--text-primary)}.leaderboard .bar-track{align-items:center;height:22px;display:flex}.leaderboard .bar{background:var(--green);transform-origin:0;border-radius:0 4px 4px 0;min-width:2px;height:12px}.leaderboard.eq .bar{animation:eq-intro var(--eq-dur,3s) ease-in-out var(--eq-delay,0s) 1 both}@keyframes eq-intro{0%{transform:scaleX(.9)}12%{transform:scaleX(.98)}24%{transform:scaleX(.91)}36%{transform:scaleX(1)}48%{transform:scaleX(.9)}60%{transform:scaleX(.97)}72%{transform:scaleX(.92)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.leaderboard.eq .bar{animation:none}}.leaderboard .value{color:var(--text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px}.leaderboard .value strong{color:var(--text-primary);font-weight:650}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.search-input{background:var(--surface-2);min-width:240px;color:var(--text-primary);font:inherit;border:none;border-radius:500px;flex:1;padding:10px 18px;font-size:14px}.search-input::placeholder{color:var(--text-muted)}.search-input:hover{background:var(--surface-3)}.search-input:focus,.select:focus{outline:2px solid var(--text-primary);outline-offset:-1px}.select{background:var(--surface-2);color:var(--text-primary);font:inherit;border:none;border-radius:8px;padding:10px 12px;font-size:13px}.toggle{color:var(--text-secondary);-webkit-user-select:none;user-select:none;cursor:pointer;align-items:center;gap:7px;font-size:13px;display:flex}.toggle input{accent-color:var(--green)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--grid);white-space:nowrap;padding:8px 12px;font-size:11px;font-weight:500}td{vertical-align:middle;padding:8px 12px}tbody tr{border-radius:6px}tbody tr:hover td{background:var(--row-hover)}tbody tr td:first-child{border-radius:6px 0 0 6px}tbody tr td:last-child{border-radius:0 6px 6px 0}td.index{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:right;width:28px;padding-right:4px}td.num{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-secondary);white-space:nowrap}th.num-head{text-align:right}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover,th.sortable.sorted{color:var(--text-primary)}.sort-arrow{min-width:14px;margin-left:3px;font-size:9px;display:inline-block}.sort-arrow.dim{opacity:.35;font-size:11px}th.sortable:hover .sort-arrow.dim{opacity:.8}@media (width<=520px){.leaderboard .unit{display:none}}.title-cell{align-items:center;gap:12px;min-width:180px;max-width:300px;display:flex}.album-thumb{background:var(--surface-3);object-fit:cover;border-radius:4px;flex-shrink:0;width:40px;height:40px}.album-thumb.placeholder{color:var(--text-muted);justify-content:center;align-items:center;font-size:16px;display:flex}.song-name{font-weight:550;line-height:1.3}.song-artist{color:var(--text-secondary);font-size:13px;line-height:1.4}.album-cell{color:var(--text-secondary);min-width:200px;max-width:420px;font-size:13px}.genre-chip{background:var(--surface-3);color:var(--text-secondary);white-space:nowrap;border-radius:500px;padding:2px 10px;font-size:12px;display:inline-block}.muted-dash{color:var(--text-muted)}.who{white-space:nowrap;color:var(--text-secondary);align-items:center;gap:7px;font-size:13px;display:flex}.week-chip{background:var(--surface-3);color:var(--text-secondary);white-space:nowrap;border-radius:500px;margin:1px 4px 1px 0;padding:2px 10px;font-size:12px;display:inline-block}.dupe-badge{background:var(--warning-bg);color:var(--warning-text);white-space:nowrap;vertical-align:1px;border-radius:500px;margin-left:8px;padding:1px 9px;font-size:11px;font-weight:600;display:inline-block}.empty{color:var(--text-muted);text-align:center;padding:36px 0}.duo-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}@media (width<=860px){.duo-grid{grid-template-columns:1fr}}.pie-wrap{flex-wrap:wrap;align-items:center;gap:26px;display:flex}.pie{flex-shrink:0;width:min(220px,60vw);height:auto;overflow:visible}.pie path{transform-origin:100px 100px;cursor:pointer;transition:opacity .15s,transform .15s}.pie path.hovered{transform:scale(1.05)}.pie path.dimmed{opacity:.35}.pie-legend{flex:1;gap:6px;min-width:150px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.pie-legend li{cursor:default;border-radius:6px;align-items:center;gap:8px;margin:-3px -8px;padding:3px 8px;transition:background .15s;display:flex}.pie-legend li.hovered{background:var(--row-hover)}.pie-label{min-width:64px}.pie-count{color:var(--text-secondary);font-variant-numeric:tabular-nums}.pie-count strong{color:var(--text-primary);font-weight:650}.col-chart{align-items:flex-end;gap:12px;padding-top:8px;display:flex;overflow-x:auto}.col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;min-width:44px;display:flex}.col-bar{border-radius:4px 4px 0 0;width:100%;max-width:56px}.col-count{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:12px}.col-year{margin-top:2px;font-size:13px;font-weight:650}.col-decade{color:var(--text-muted);font-size:11px}.footer{text-align:center;flex-direction:column;align-items:center;gap:20px;margin-top:48px;display:flex}.footer img{width:150px;height:auto}.footer p{color:var(--text-muted);margin:0;font-size:13px}.footer a{color:var(--text-secondary)}.loading-screen{justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.loading-screen img{width:min(620px,92vw);height:auto}.notice{background:var(--surface);color:var(--text-secondary);border-radius:10px;padding:24px}.notice.error{border:1px solid #d03b3b}.notice code{font-size:13px}