@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5972bc34-module__OU16Qa__className{font-family:Inter,Inter Fallback;font-style:normal}
:root{--bg:#0a0a0f;--surface:#13131a;--surface2:#1a1a24;--surface3:#22222e;--border:#1e1e2e;--border-lt:#2a2a3e;--purple:#6d28d9;--purple-lt:#8b5cf6;--purple-dim:#3b1f6e;--green:#0f8;--green-dim:#00ff881f;--yellow:#fbbf24;--yellow-dim:#fbbf241f;--pink:#f472b6;--teal:#2dd4bf;--red:#f87171;--orange:#f97316;--text:#e2e8f0;--text-bright:#f8fafc;--muted:#64748b;--muted-lt:#94a3b8;--sidebar-w:220px;--content-max:1400px;--radius:12px;--radius-sm:8px;--radius-xs:6px;--font:"Inter", system-ui, -apple-system, sans-serif;--transition:.15s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,select{font-family:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}.stat-number,.hero-number{font-variant-numeric:tabular-nums;font-weight:700}h1{letter-spacing:-.02em;font-size:2rem;font-weight:900;line-height:1.2}h2{letter-spacing:-.01em;font-size:1.5rem;font-weight:700;line-height:1.3}h3{font-size:1.125rem;font-weight:600;line-height:1.4}.text-muted{color:var(--muted)}.text-muted-lt{color:var(--muted-lt)}.text-green{color:var(--green)}.text-purple{color:var(--purple-lt)}.text-yellow{color:var(--yellow)}.text-pink{color:var(--pink)}#sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);z-index:100;flex-direction:column;height:100vh;padding:20px 0;display:flex;position:fixed;top:0;left:0;overflow-y:auto}#content{margin-left:var(--sidebar-w);min-height:100vh;max-width:calc(var(--content-max) + 64px);padding:0 32px 60px}#header{background:var(--bg);z-index:50;justify-content:space-between;align-items:center;gap:12px;padding:20px 0 16px;display:flex;position:sticky;top:0}.header-brand{flex-shrink:0;align-items:center;gap:8px;display:none}.header-brand-icon{color:var(--purple-lt);font-size:1.125rem}.header-brand-text{letter-spacing:-.02em;color:var(--text-bright);font-size:.9375rem;font-weight:700}.search-toggle{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);width:36px;height:36px;color:var(--muted-lt);cursor:pointer;transition:all var(--transition);flex-shrink:0;justify-content:center;align-items:center;font-size:1.125rem;display:none}.search-toggle:hover{background:var(--surface2);color:var(--text)}#view-container{opacity:1;transition:opacity var(--transition)}#view-container.transitioning{opacity:0}.logo{border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:8px;padding:0 20px 20px;display:flex}.logo-icon{color:var(--purple-lt);font-size:1.5rem}.logo-text{letter-spacing:-.02em;color:var(--text-bright);font-size:1.125rem;font-weight:700}.nav-links{flex:1;padding:8px 0}.nav-link{color:var(--muted-lt);transition:all var(--transition);border-left:3px solid #0000;align-items:center;gap:10px;padding:10px 20px;font-size:.875rem;font-weight:500;display:flex}.nav-link:hover{color:var(--text);background:var(--surface2)}.nav-link.active{color:var(--purple-lt);background:var(--purple-dim);border-left-color:var(--purple-lt)}.nav-icon{text-align:center;flex-shrink:0;width:20px;font-size:1rem}.nav-divider{background:var(--border);height:1px;margin:8px 20px}.sidebar-footer{border-top:1px solid var(--border);padding:16px 20px}.data-credit{color:var(--muted);font-size:.75rem}.data-credit a{color:var(--muted-lt);text-decoration:underline}.data-credit a:hover{color:var(--purple-lt)}#mobile-tabs{display:none}#breadcrumbs{color:var(--muted);align-items:center;gap:6px;min-height:24px;font-size:.8125rem;display:flex}#breadcrumbs a{color:var(--muted-lt);transition:color var(--transition)}#breadcrumbs a:hover{color:var(--purple-lt)}#breadcrumbs .separator{color:var(--border-lt)}#search-container{position:relative}#global-search{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:280px;color:var(--text);transition:border-color var(--transition);outline:none;padding:8px 14px;font-size:.875rem}#global-search:focus{border-color:var(--purple)}#global-search::placeholder{color:var(--muted)}.search-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);z-index:200;width:360px;max-height:420px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 12px 40px #00000080}.search-dropdown.hidden{display:none}.search-group-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:8px 14px 4px;font-size:.6875rem;font-weight:600}.search-item{cursor:pointer;transition:background var(--transition);align-items:center;gap:10px;padding:8px 14px;display:flex}.search-item:hover,.search-item.focused{background:var(--surface2)}.search-item-name{color:var(--text);font-size:.875rem}.search-item-sub{color:var(--muted);font-size:.75rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:transform var(--transition), box-shadow var(--transition);padding:24px}.card:hover{transform:translateY(-1px);box-shadow:0 4px 24px #6d28d914}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{text-transform:uppercase;letter-spacing:.04em;color:var(--purple-lt);font-size:.875rem;font-weight:600}.stat-bar{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-top:2px solid var(--purple);border-radius:var(--radius);text-align:center;transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);padding:16px 20px}.stat-card:hover{border-top-color:var(--pink);transform:translateY(-2px);box-shadow:0 4px 20px #8b5cf626}.stat-card .stat-number{color:var(--text-bright);font-size:1.75rem;font-weight:700;line-height:1.2}.stat-card .stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:.75rem}.filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.filter-select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;outline:none;padding:7px 12px;font-size:.8125rem}.filter-select:focus{border-color:var(--purple)}.year-pills{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.year-pill{background:var(--surface2);color:var(--muted-lt);cursor:pointer;transition:all var(--transition);border:1px solid #0000;border-radius:100px;padding:4px 10px;font-size:.75rem;font-weight:600}.year-pill:hover{color:var(--text);background:var(--surface3)}.year-pill.active{background:var(--purple-dim);color:var(--purple-lt);border-color:var(--purple)}.sets-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;display:flex}.sets-select{appearance:none;background:var(--surface2) url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center;border:1px solid var(--border);color:var(--text);cursor:pointer;transition:border-color var(--transition), background var(--transition);border-radius:6px;padding:6px 28px 6px 10px;font-family:inherit;font-size:.8125rem;font-weight:500}.sets-select:hover{border-color:var(--border-lt);background-color:var(--surface3)}.sets-select:focus{border-color:var(--purple);box-shadow:0 0 0 2px var(--purple-dim);outline:none}.sets-select option{background:var(--surface);color:var(--text)}.sets-checkbox{color:var(--muted-lt);cursor:pointer;border:1px solid var(--border);background:var(--surface2);transition:all var(--transition);-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:.8125rem;font-weight:500;display:inline-flex}.sets-checkbox:hover{border-color:var(--border-lt);color:var(--text)}.sets-checkbox:has(input:checked){border-color:var(--purple);background:var(--purple-dim);color:var(--purple-lt)}.sets-checkbox input{accent-color:var(--purple-lt);cursor:pointer;margin:0}.stage-badge{background:var(--surface2);white-space:nowrap;border-radius:100px;align-items:center;gap:5px;padding:3px 10px;font-size:.6875rem;font-weight:600;display:inline-flex}.stage-badge .dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--border);padding:8px 12px;font-size:.6875rem;font-weight:600}.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 12px;font-size:.875rem}.data-table tbody tr{transition:background var(--transition)}.data-table tbody tr:hover{background:var(--surface2)}.dj-link,.track-link{cursor:pointer;transition:color var(--transition), text-shadow var(--transition)}.dj-link:hover{color:var(--purple-lt);text-shadow:0 0 12px #8b5cf666}.track-link:hover{color:var(--green);text-shadow:0 0 12px #00ff884d}.chart-container{width:100%;position:relative}.chart-container canvas{width:100%!important}.skeleton{background:var(--surface);border-radius:var(--radius-sm);animation:1.8s ease-in-out infinite pulse}.skeleton-text{border-radius:4px;height:14px;margin-bottom:10px}.skeleton-text.w-60{width:60%}.skeleton-text.w-40{width:40%}.skeleton-text.w-80{width:80%}.skeleton-heading{border-radius:6px;width:45%;height:28px;margin-bottom:16px}.skeleton-chart{border-radius:var(--radius);height:400px}.skeleton-stat{border-radius:var(--radius);height:80px}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.7}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes dot-pulse{0%,to{box-shadow:0 0 #8b5cf666}50%{box-shadow:0 0 8px 3px #8b5cf633}}@keyframes glow-breathe{0%,to{opacity:.3}50%{opacity:.6}}.progress-bar-container{background:var(--surface2);border-radius:2px;width:100%;height:4px;margin:16px 0;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--purple), var(--purple-lt));border-radius:2px;height:100%;transition:width .1s}.progress-label{color:var(--muted);margin-bottom:6px;font-size:.75rem}.section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:8px;font-size:.75rem;font-weight:600}.viz-container{width:100%;overflow-x:auto}.viz-container svg{display:block}.discovery-section{border-bottom:1px solid var(--border);opacity:0;padding:40px 0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.discovery-section.visible{opacity:1;transform:translateY(0)}.discovery-number{color:var(--purple-lt);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:.75rem;font-weight:700}.discovery-headline{color:var(--text-bright);letter-spacing:-.02em;margin-bottom:12px;font-size:1.75rem;font-weight:900;line-height:1.2}.discovery-description{color:var(--muted-lt);max-width:700px;margin-bottom:24px;font-size:1rem;line-height:1.6}.hero-number-container{text-align:center;min-height:120px;padding:40px 0 32px;position:relative}.hero-stat{flex-direction:column;justify-content:center;align-items:center;transition:opacity .8s,transform .8s;display:flex;position:absolute;inset:0}.hero-stat.active{opacity:1;transform:translateY(0)}.hero-stat:not(.active){opacity:0;pointer-events:none;transform:translateY(10px)}.hero-value{color:var(--green);font-variant-numeric:tabular-nums;font-size:4rem;font-weight:900;line-height:1}.hero-label{color:var(--muted-lt);margin-top:8px;font-size:1rem}.heatmap-tooltip{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text);pointer-events:none;z-index:300;white-space:nowrap;max-width:260px;padding:8px 12px;font-size:.75rem;position:fixed;box-shadow:0 8px 24px #0006}.detail-header{margin-bottom:32px}.detail-name{letter-spacing:-.02em;background:linear-gradient(135deg, var(--text-bright) 0%, var(--green) 60%, var(--teal) 100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:2rem;font-weight:900;animation:8s infinite gradient-shift}.detail-meta{color:var(--muted-lt);flex-wrap:wrap;align-items:center;gap:16px;font-size:.875rem;display:flex}.detail-meta .separator{color:var(--border-lt)}.detail-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px;display:grid}.timeline-row{align-items:center;gap:2px;display:flex}.timeline-dot{transition:transform var(--transition);border-radius:50%}.timeline-dot:hover{transform:scale(1.5)}.timeline-year-label{color:var(--muted);writing-mode:vertical-rl;text-orientation:mixed;font-size:.625rem}.pill{background:var(--surface2);color:var(--muted-lt);border-radius:100px;align-items:center;padding:2px 8px;font-size:.6875rem;font-weight:600;display:inline-flex}.pill.pill-purple{background:var(--purple-dim);color:var(--purple-lt)}.pill.pill-green{background:var(--green-dim);color:var(--green)}.pill.pill-yellow{background:var(--yellow-dim);color:var(--yellow)}.set-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.set-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);padding:16px}.set-card:hover{border-color:var(--border-lt);background:var(--surface2)}.set-card-dj{color:var(--text-bright);margin-bottom:6px;font-weight:600}.set-card-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:.75rem;display:flex}.set-card-play-row{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.set-card-track-preview{border-top:1px solid var(--border);padding-top:8px}.set-card-track-line{color:var(--muted-lt);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;line-height:1.6;overflow:hidden}.set-card-track-more{color:var(--muted);margin-top:2px;font-size:.6875rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-lt)}.empty-state{text-align:center;color:var(--muted);padding:60px 20px}.empty-state-icon{opacity:.5;margin-bottom:12px;font-size:2.5rem}.empty-state-text{font-size:.9375rem}.hero-welcome{text-align:center;margin-bottom:8px;padding:48px 20px 32px}.hero-welcome h1{letter-spacing:-.03em;background:linear-gradient(135deg, var(--purple-lt), var(--pink), var(--teal));-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:2.5rem;font-weight:900;animation:6s infinite gradient-shift}.hero-welcome .hero-subtitle{color:var(--muted-lt);font-size:1.125rem;font-weight:400}.leaderboard{margin-bottom:24px}.leaderboard-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.leaderboard-title{color:var(--text-bright);font-size:1rem;font-weight:700}.leaderboard-row{border-radius:var(--radius-sm);transition:background var(--transition);cursor:pointer;border-bottom:1px solid var(--border);align-items:flex-start;gap:14px;padding:12px 16px;display:flex}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row:hover{background:var(--surface2)}.leaderboard-rank{color:var(--purple-lt);text-align:right;font-variant-numeric:tabular-nums;min-width:28px;padding-top:2px;font-size:1.125rem;font-weight:700}.leaderboard-rank.top3{color:var(--green);font-size:1.25rem}.leaderboard-info{flex:1;min-width:0}.leaderboard-name{color:var(--text-bright);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:600;overflow:hidden}.leaderboard-meta{color:var(--muted);align-items:center;gap:8px;margin-top:4px;font-size:.75rem;display:flex}.leaderboard-meta .sep{color:var(--border-lt)}.leaderboard-bar{background:var(--surface3);border-radius:2px;height:3px;margin-top:6px;overflow:hidden}.leaderboard-bar-fill{background:linear-gradient(90deg, var(--purple), var(--purple-lt));border-radius:2px;height:100%;transition:width .3s}.leaderboard-count{color:var(--text-bright);white-space:nowrap;font-variant-numeric:tabular-nums;padding-top:2px;font-size:1rem;font-weight:700}.leaderboard-count-label{color:var(--muted);text-align:right;font-size:.6875rem}.leaderboard-columns{grid-template-columns:1fr 1fr;gap:24px;display:grid}.dj-hero{border-bottom:3px solid #0000;border-image:linear-gradient(90deg, var(--purple), var(--pink), var(--green)) 1;margin-bottom:24px;padding:32px 0 20px;position:relative}.dj-hero h1{letter-spacing:-.03em;background:linear-gradient(135deg, var(--text-bright) 0%, var(--purple-lt) 40%, var(--pink) 70%, var(--green) 100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:2.75rem;font-weight:900;animation:8s infinite gradient-shift}.dj-hero-subtitle{color:var(--muted-lt);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;font-size:1.0625rem;font-weight:500;display:flex}.dj-hero-years{color:var(--purple-lt);font-size:.9375rem;font-weight:700}.dj-hero-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dj-hero-pill{background:var(--surface2);border:1px solid var(--border);color:var(--muted-lt);border-radius:100px;align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:500;display:inline-flex}.dj-hero-pill strong{color:var(--text-bright);font-weight:700}.dj-hero-pill.accent{background:var(--purple-dim);border-color:var(--purple);color:var(--purple-lt)}.dj-hero-pill.accent strong{color:var(--purple-lt)}.stats-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:24px;display:grid}.stats-row .stat-card{padding:14px 16px}.stat-tooltip{cursor:help;position:relative}.stat-tooltip:after{content:attr(data-tip);background:var(--surface3);color:var(--text);border-radius:var(--radius-xs);white-space:normal;text-align:center;opacity:0;pointer-events:none;width:220px;transition:opacity var(--transition);z-index:50;border:1px solid var(--border);padding:8px 12px;font-size:.75rem;font-weight:400;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.stat-tooltip:hover:after{opacity:1}.visual-timeline{align-items:flex-end;gap:2px;min-height:64px;padding:16px 0 8px;display:flex;overflow-x:auto}.vt-year{cursor:pointer;min-width:0;transition:transform var(--transition);flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.vt-year.vt-gap{cursor:default}.vt-year:not(.vt-gap):hover{transform:scaleY(1.15)scaleX(1.05)}.vt-year.active{transform:scaleY(1.2)scaleX(1.1)}.vt-bar{width:100%;height:32px;transition:box-shadow var(--transition), height var(--transition);border-radius:4px 4px 1px 1px}.vt-bar-empty{background:var(--surface3);opacity:.4;border-radius:3px;height:6px;margin-top:auto}.vt-year:not(.vt-gap):hover .vt-bar{box-shadow:0 0 14px #8b5cf680}.vt-year.active .vt-bar{height:40px;box-shadow:0 0 18px #8b5cf6b3}.vt-label{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.625rem}.vt-gap .vt-label{opacity:.35}.vt-expanded{max-height:0;transition:max-height .3s;overflow:hidden}.vt-expanded.open{max-height:300px}.track-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.track-row.last{border-bottom:none}.track-row-num{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;width:24px;font-size:.8125rem;font-weight:600}.count-badge{background:var(--surface2);color:var(--text);border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:100px;flex-shrink:0;align-items:center;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.year-tag{background:var(--surface2);color:var(--muted-lt);font-variant-numeric:tabular-nums;border-radius:4px;padding:1px 7px;font-size:.6875rem;font-weight:600;display:inline-block}.set-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--transition);margin-bottom:10px;padding:14px 16px}.set-card:hover{border-color:var(--border-lt)}.set-card-prominent{border-left:3px solid var(--purple)}.set-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.set-card-recordings{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:none}.set-card-recordings.visible{display:flex}.rec-embed{border-radius:8px;flex:1;min-width:240px;max-width:560px;overflow:hidden}.rec-embed iframe{border-radius:8px;display:block}.rec-btn{cursor:pointer;transition:background var(--transition);border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 14px;font-family:inherit;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.rec-btn-yt{background:var(--surface2);color:var(--red)}.rec-btn-yt:hover{background:var(--surface3)}.rec-btn-sc{background:var(--surface2);color:var(--orange)}.rec-btn-sc:hover{background:var(--surface3)}.rec-btn-sp{background:var(--surface2);color:var(--green)}.rec-btn-sp:hover{background:var(--surface3)}.rec-btn-sm{border-radius:4px;padding:3px 8px;font-size:.6875rem}.set-card-tracks{border-top:1px solid var(--border);padding-top:8px}.sets-filters{margin-bottom:16px}.sets-filter-row{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.sets-filter-row:last-child{margin-bottom:0}.filter-chip{background:var(--surface);border:1px solid var(--border);color:var(--muted-lt);cursor:pointer;transition:all var(--transition);border-radius:100px;align-items:center;gap:4px;padding:5px 12px;font-size:.75rem;font-weight:500;display:inline-flex}.filter-chip:hover{background:var(--surface2);color:var(--text)}.filter-chip.active{background:var(--purple-dim);border-color:var(--purple);color:var(--purple-lt);font-weight:600}.filter-chip[data-filter-stage]{border-left:3px solid var(--chip-color,var(--purple))}.filter-chip[data-filter-stage=all]{border-left:1px solid var(--border)}.filter-chip[data-filter-stage].active{border-left-color:var(--chip-color,var(--purple))}.filter-chip-yt{border-left:3px solid #f44}.filter-chip-yt.active{color:#f66;background:#ff44441f;border-color:#f44}.filter-chip-sc{border-left:3px solid #f80}.filter-chip-sc.active{color:#fa4;background:#ff88001f;border-color:#f80}.filter-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);min-width:40px;padding:5px 4px 5px 0;font-size:.6875rem}.set-card-play .rec-btn{padding:3px 10px;font-size:.6875rem}.accordion-item{border:1px solid var(--border);border-left:3px solid var(--purple);border-radius:var(--radius-sm);transition:border-color var(--transition), box-shadow var(--transition);margin-bottom:8px;overflow:hidden}.accordion-item:hover{border-left-color:var(--pink);box-shadow:0 2px 12px #8b5cf614}.accordion-item.open{border-left-color:var(--green)}.accordion-header{cursor:pointer;background:var(--surface);transition:background var(--transition);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.accordion-header:hover{background:var(--surface2)}.accordion-header .arrow{color:var(--muted);font-size:.75rem;transition:transform .2s}.accordion-item.open .accordion-header .arrow{transform:rotate(90deg)}.accordion-body{background:var(--surface2);max-height:0;transition:max-height .3s;overflow:hidden}.accordion-item.open .accordion-body{max-height:1000px}.accordion-body-inner{padding:12px 16px}.stage-card-list{display:none}.stage-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:background var(--transition);margin-bottom:10px;padding:16px}.stage-card:hover{background:var(--surface2)}.stage-card-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.stage-card-name{font-size:.9375rem;font-weight:600}.stage-card-meta{color:var(--muted);font-size:.75rem}.stage-card-years{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.ext-link:after{content:" ↗";opacity:.5;font-size:.75em}.set-track{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:8px 0;display:flex}.set-track:last-child{border-bottom:none}.set-track:hover{background:var(--surface2);border-radius:var(--radius-xs);border-left:2px solid var(--purple-lt);margin:0 -12px;padding:8px 12px}.set-track-pos{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:28px;padding-top:2px;font-size:.75rem}.set-track-info{flex:1;min-width:0}.set-track-badges{flex-shrink:0;align-items:center;gap:4px;display:flex}.blend-track{opacity:.75;border-left:2px solid var(--pink);margin-left:4px;padding-left:10px}.dj-cloud{flex-wrap:wrap;justify-content:center;gap:16px 20px;padding:20px 0;display:flex}.dj-cloud-item{cursor:pointer;transition:transform var(--transition);flex-direction:column;align-items:center;gap:2px;display:flex}.dj-cloud-item:hover{transform:scale(1.08)}.dj-cloud-item .dj-cloud-name{font-weight:600;line-height:1.2}.dj-cloud-item .dj-cloud-years{color:var(--muted);font-size:.625rem;line-height:1}.spotlight-hero{text-align:center;margin-bottom:8px;padding:40px 20px 24px}.spotlight-hero h1{letter-spacing:-.03em;background:linear-gradient(135deg, var(--purple-lt), var(--pink), var(--teal));-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:2.5rem;font-weight:900;animation:6s infinite gradient-shift}.spotlight-hero .spotlight-sub{color:var(--muted-lt);font-size:1.125rem}.insight-card{border-left:3px solid var(--purple-lt);cursor:pointer;transition:background var(--transition);padding:16px 20px}.insight-card:hover{background:var(--surface2)}.insight-card-label{text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.6875rem;font-weight:600}.insight-card-value{color:var(--text-bright);margin-bottom:2px;font-size:1.25rem;font-weight:900}.insight-card-meta{color:var(--muted-lt);font-size:.8125rem}.name-cloud{flex-wrap:wrap;gap:8px;display:flex}.name-cloud a{transition:all var(--transition);border-radius:100px;padding:4px 12px;font-size:.8125rem;font-weight:500}.name-cloud a:hover{background:var(--surface3);color:var(--purple-lt)}.quick-peek-track{align-items:center;gap:8px;padding:3px 0;font-size:.8125rem;display:flex}.quick-peek-pos{color:var(--muted);text-align:right;min-width:20px;font-size:.6875rem}.anthem-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.anthem-row:last-child{border-bottom:none}.anthem-rank{color:var(--muted);text-align:right;flex-shrink:0;min-width:24px;font-size:.8125rem}.anthem-info{flex:1;min-width:0}.anthem-name{font-size:.9375rem;font-weight:500}.anthem-years{flex-wrap:wrap;gap:3px;margin-top:3px;display:flex}.set-mini-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px;padding:12px}.versus-header{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;padding:32px 0;display:flex}.versus-header .vs-name{letter-spacing:-.02em;font-size:1.75rem;font-weight:900}.versus-header .vs-divider{color:var(--purple-lt);opacity:.6;font-size:1.25rem;font-weight:900}.tape-row{border-bottom:1px solid var(--border);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:12px 0;display:grid}.tape-row:last-child{border-bottom:none}.tape-label{text-align:center;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);min-width:100px;font-size:.75rem;font-weight:600}.tape-value{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700}.tape-value.winner{color:var(--green)}.tape-left{text-align:right}.tape-right{text-align:left}.picker-input-container{flex:1;min-width:200px;position:relative}.picker-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);transition:border-color var(--transition);outline:none;padding:10px 14px;font-size:.9rem}.picker-input:focus{border-color:var(--purple)}.picker-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);z-index:200;max-height:280px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 40px #00000080}.picker-option{cursor:pointer;transition:background var(--transition);padding:8px 14px;font-size:.875rem}.picker-option:hover,.picker-option.focused{background:var(--surface2);color:var(--purple-lt)}.journey-timeline{padding-left:80px;position:relative}.journey-year-row{border-left:2px solid var(--border);align-items:flex-start;gap:16px;padding:16px 0 16px 20px;display:flex;position:relative}.journey-year-row:last-child{border-left-color:#0000}.journey-year-label{text-align:right;width:60px;color:var(--text-bright);padding-top:2px;font-size:1rem;font-weight:700;position:absolute;left:-80px}.journey-year-dot{background:var(--green);border:2px solid var(--bg);border-radius:50%;width:12px;height:12px;position:absolute;top:20px;left:-7px}.journey-dj-list{flex-wrap:wrap;gap:8px;display:flex}.journey-dj-chip{background:var(--surface2);border-radius:var(--radius-sm);transition:background var(--transition);align-items:center;gap:6px;padding:6px 12px;font-size:.8125rem;display:inline-flex}.journey-dj-chip:hover{background:var(--surface3)}.dna-year-hero{text-align:center;padding:24px 0 32px}.dna-year-hero .dna-year-number{letter-spacing:-.03em;color:var(--text-bright);font-size:3rem;font-weight:900;line-height:1}.dna-stacked-bar{border-radius:6px;height:32px;margin-bottom:12px;display:flex;overflow:hidden}.dna-stacked-bar>div{min-width:2px;transition:opacity var(--transition);position:relative}.dna-stacked-bar>div:hover{opacity:.8}.dna-legend{color:var(--muted-lt);flex-wrap:wrap;gap:8px 16px;font-size:.75rem;display:flex}.dna-legend-item{align-items:center;gap:6px;display:flex}.dna-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}@media (max-width:768px){#sidebar{display:none}#content{margin-left:0;padding:0 16px 80px}#mobile-tabs{background:var(--surface);border-top:1px solid var(--border);z-index:100;justify-content:space-around;align-items:center;height:60px;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-link{color:var(--muted);transition:color var(--transition);flex-direction:column;align-items:center;gap:3px;padding:4px 0;font-size:1.125rem;display:flex}.tab-link span{font-size:.625rem;font-weight:500}.tab-link.active{color:var(--purple-lt)}.header-brand{display:flex}#breadcrumbs{display:none}.search-toggle{display:flex}#global-search{z-index:10;width:calc(100vw - 32px);display:none;position:absolute;top:0;right:0}#search-container.search-open #global-search{display:block}#search-container.search-open .search-toggle{background:var(--purple-dim);color:var(--purple-lt);border-color:var(--purple)}.search-dropdown{width:calc(100vw - 32px);right:0}h1{font-size:1.5rem}h2{font-size:1.25rem}.stat-bar{grid-template-columns:repeat(3,1fr)}.detail-grid{grid-template-columns:1fr}.hero-value{font-size:2.5rem}.discovery-headline{font-size:1.25rem}.leaderboard-columns{grid-template-columns:1fr}.spotlight-hero h1,.hero-welcome h1{font-size:1.75rem}.dj-hero h1{font-size:2rem}.stats-row{grid-template-columns:repeat(3,1fr)}.stage-card-list{display:block}.stage-svg-container,.viz-container.stage-desktop{display:none}.versus-header .vs-name{font-size:1.25rem}.tape-value{font-size:1.125rem}.journey-timeline{padding-left:60px}.journey-year-label{width:45px;font-size:.875rem;left:-60px}.dna-year-hero .dna-year-number{font-size:2rem}}.player-bar{z-index:150;background:var(--surface);border-top:1px solid var(--border-lt);visibility:visible;transition:transform .25s,visibility .25s;position:fixed;bottom:0;left:0;right:0}.player-bar.hidden{pointer-events:none;visibility:hidden;transform:translateY(calc(100% + 60px))}.player-bar-header{background:var(--surface2);align-items:center;gap:8px;padding:5px 12px;display:flex}.player-bar-label{letter-spacing:.08em;color:var(--purple-lt);flex-shrink:0;font-size:.5625rem;font-weight:700}.player-bar-title{color:var(--muted-lt);white-space:nowrap;text-overflow:ellipsis;min-width:0;transition:color var(--transition);flex:1;font-size:.6875rem;text-decoration:none;overflow:hidden}.player-bar-title:hover{color:var(--text-bright)}.player-bar-ext{color:var(--muted);transition:color var(--transition);flex-shrink:0;padding:0 2px;font-size:.8125rem;text-decoration:none}.player-bar-ext:hover{color:var(--text-bright)}.player-bar-ext.hidden{display:none}.player-bar-close{color:var(--muted);cursor:pointer;transition:color var(--transition);background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:1rem;line-height:1}.player-bar-close:hover{color:var(--text)}.player-bar-controls{align-items:center;gap:10px;padding:6px 12px 8px;display:flex}.player-bar-play{background:var(--purple);color:#fff;cursor:pointer;width:28px;height:28px;transition:background var(--transition);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.6875rem;line-height:1;display:flex}.player-bar-play:hover{background:var(--purple-lt)}.player-bar-progress{background:var(--surface3);cursor:pointer;border-radius:2px;flex:1;min-width:0;height:4px;position:relative}.player-bar-progress:hover{height:6px}.player-bar-progress-fill{background:var(--purple-lt);border-radius:2px;width:0%;height:100%;transition:width .4s linear}.player-bar-time{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0;min-width:36px;font-size:.6875rem}.player-bar-embed{line-height:0}.player-bar-embed:empty{display:none}.player-bar-embed iframe{border:none;width:100%;display:block}@media (min-width:769px){.player-bar{left:var(--sidebar-w)}body.player-open #content{padding-bottom:80px}}@media (max-width:768px){.player-bar{bottom:60px}body.player-open #content{padding-bottom:120px}}@media (max-width:480px){.stat-bar{grid-template-columns:repeat(2,1fr)}.filters{gap:8px}}