.tracks-page{--tp-text: var(--text);--tp-text-dim: var(--text-dim);--tp-muted: var(--muted);--tp-line: color-mix(in srgb, var(--border) 60%, var(--bg));--tp-border: var(--border);--tp-border-hover: var(--text-dim);--tp-bg-elevated: var(--bg-elevated);--tp-ease: cubic-bezier(.22, 1, .36, 1);position:relative;z-index:1;padding-bottom:0}.tracks-page:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(1100px 700px at 92% -10%,rgba(0,255,204,.05),transparent 55%),radial-gradient(900px 600px at -8% 108%,rgba(255,77,106,.05),transparent 55%)}.tp-shell{position:relative;z-index:1;max-width:1440px;margin:0 auto;padding:0 2rem}.tp-mast{padding:2.5rem 0 2rem;border-bottom:1px solid var(--tp-border);display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:end}@media(max-width:720px){.tp-mast{grid-template-columns:1fr;gap:1.5rem}}.tp-eyebrow{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.18em;color:var(--accent);text-shadow:0 0 18px color-mix(in srgb,var(--accent) 35%,transparent);display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.tp-dot{width:7px;height:7px;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:tpPulse 2.4s var(--tp-ease) infinite}@keyframes tpPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.tp-h1{font-family:"Instrument Serif",serif;font-style:normal;font-weight:400;font-synthesis:none;font-size:clamp(2.5rem,6.5vw,5.25rem);line-height:1;letter-spacing:-.02em;margin:0}.tp-h1 em{font-style:italic;color:var(--accent);text-shadow:0 0 32px color-mix(in srgb,var(--accent) 55%,transparent)}.tp-sub{font-family:var(--font-mono);color:var(--tp-text-dim);font-size:.78rem;line-height:1.7;max-width:58ch;margin:1rem 0 0}.tp-sort-controls{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid var(--tp-border)}.tp-sort-label{font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;color:var(--tp-muted);margin-right:.5rem}.tp-sort-chip{font-family:var(--font-mono);font-size:.65rem;padding:.32rem .7rem;background:transparent;color:var(--tp-text-dim);border:1px solid var(--tp-border);cursor:pointer;letter-spacing:.05em;transition:all .15s ease}.tp-sort-chip:hover{border-color:var(--tp-text-dim);color:var(--tp-text)}.tp-sort-chip.is-active[data-sort=appearances]{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:600}.tp-sort-chip.is-active[data-sort=hearts]{background:var(--accent-pink);color:var(--bg);border-color:var(--accent-pink);font-weight:600}.tp-thead{display:grid;grid-template-columns:150px 1fr 110px 110px;gap:1.25rem;padding:.85rem 1.25rem;border-top:1px solid var(--tp-border);border-bottom:1px solid var(--tp-border);background:var(--tp-bg-elevated);font-family:var(--font-mono);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--tp-muted);align-items:center;position:sticky;top:0;z-index:10}.tp-right{text-align:right}.tp-row{display:grid;grid-template-columns:150px 1fr 110px 110px;gap:1.25rem;padding:1.05rem 1.25rem;border-bottom:1px solid var(--tp-border);align-items:center;transition:background .15s ease;position:relative}.tp-row:hover{background:var(--tp-bg-elevated)}.tp-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--accent);box-shadow:0 0 12px var(--accent);transition:width .2s var(--tp-ease)}.tp-row:hover:before{width:2px}.tp-rank{display:flex;align-items:center;gap:.5rem;padding-left:.25rem}.tp-rank-num{margin-right:1rem;font-family:var(--font-display);font-weight:900;font-size:1.6rem;line-height:1;letter-spacing:-.025em;color:var(--tp-text);font-variant-numeric:tabular-nums}.tp-rank-play{width:30px;height:30px;padding:0;background:var(--tp-bg-elevated);border:1px solid var(--tp-border-hover);color:var(--tp-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .2s var(--tp-ease)}.tp-rank-play svg{width:12px;height:12px;margin-left:1px}.tp-rank-play:hover{border-color:var(--accent);color:var(--accent);background:var(--bg);transform:scale(1.05)}.tp-rank-star{width:30px;height:30px;background:var(--tp-bg-elevated);border:1px solid var(--tp-border-hover);color:var(--tp-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .2s var(--tp-ease)}.tp-rank-star svg{width:14px;height:14px}.tp-rank-star .tp-star-fill,.tp-rank-star[data-starred=true] .tp-star-outline{display:none}.tp-rank-star[data-starred=true] .tp-star-fill{display:block}.tp-rank-star[data-starred=true]{color:var(--accent);border-color:var(--accent)}.tp-rank-star:hover{border-color:var(--accent);color:var(--accent);background:var(--bg);transform:scale(1.05)}.tp-rank-spotify{width:30px;height:30px;background:var(--tp-bg-elevated);border:1px solid var(--tp-border-hover);color:var(--tp-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .2s var(--tp-ease)}.tp-rank-spotify svg{width:14px;height:14px}.tp-rank-spotify:hover{border-color:var(--spotify);color:var(--spotify);background:var(--bg);transform:scale(1.05)}.tp-track-cell{display:flex;align-items:center;gap:.95rem;min-width:0}.tp-art{flex-shrink:0;width:42px;height:42px;background:var(--tp-bg-elevated);border:1px solid var(--tp-border);position:relative;overflow:hidden;transition:border-color .15s ease,transform .2s var(--tp-ease)}.tp-art:hover{border-color:var(--accent)}.tp-art:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,255,204,.18),transparent 55%),linear-gradient(315deg,rgba(255,77,106,.18),transparent 55%)}.tp-glyph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.55rem;letter-spacing:.1em;color:var(--accent);z-index:1;text-shadow:0 0 8px color-mix(in srgb,var(--accent) 50%,transparent)}.tp-text{min-width:0}.tp-title{font-family:var(--font-mono);font-weight:600;font-size:.85rem;color:var(--tp-text);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp-id{color:var(--accent-pink);font-style:italic;font-family:"Instrument Serif",serif;font-size:.95em;margin-left:.3em;font-synthesis:none}.tp-artist{font-family:var(--font-mono);font-size:.7rem;color:var(--tp-text-dim);letter-spacing:.02em;margin-top:.18rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp-artist-name{color:var(--tp-text);font-weight:500}.tp-artist-sep{margin:0 .45rem;color:var(--tp-muted)}.tp-genre{text-transform:lowercase;letter-spacing:.04em}.tp-feat{background:transparent;border:none;padding:0;font:inherit;color:var(--accent);cursor:pointer;letter-spacing:inherit;border-bottom:1px dashed transparent;transition:border-color .15s ease}.tp-feat:hover,.tp-feat[aria-expanded=true]{border-bottom-color:var(--accent)}.tp-feat[aria-expanded=true]:after{content:" ▾";font-size:.7em;margin-left:.15em}.tp-metric-cell{text-align:right;transition:opacity .15s ease}.tp-metric{font-family:var(--font-display);font-weight:900;font-size:1.55rem;line-height:1;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.tp-metric--sets{color:var(--accent);text-shadow:0 0 12px color-mix(in srgb,var(--accent) 22%,transparent)}.tp-metric--hearts{color:var(--accent-pink);text-shadow:0 0 12px color-mix(in srgb,var(--accent-pink) 22%,transparent)}.tp-metric-sub{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tp-muted);margin-top:.25rem}.tp-row.is-top .tp-metric--sets{text-shadow:0 0 18px color-mix(in srgb,var(--accent) 50%,transparent)}.tp-row.is-top .tp-metric--hearts{text-shadow:0 0 18px color-mix(in srgb,var(--accent-pink) 50%,transparent)}.tp-row.is-top .tp-rank-num{color:var(--accent);text-shadow:0 0 14px color-mix(in srgb,var(--accent) 35%,transparent)}.tp-row[data-sort=appearances] .tp-metric--hearts,.tp-row[data-sort=hearts] .tp-metric--sets{opacity:.45}@media(max-width:880px){.tp-thead,.tp-row{grid-template-columns:130px 1fr 70px 70px;gap:.85rem}}@media(max-width:720px){.tp-rank-spotify{display:none}.tp-thead,.tp-row{grid-template-columns:96px 1fr 70px 70px;gap:.7rem}.tp-rank-num{margin-right:.5rem}.tp-artist{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.5}}@media(max-width:540px){.tp-shell{padding:0 .85rem}.tp-thead{padding:.7rem .85rem;grid-template-columns:86px 1fr 64px;gap:.55rem}.tp-row{padding:.95rem .85rem;grid-template-columns:86px 1fr 64px;gap:.55rem;align-items:center}.tp-thead>:nth-child(4){display:none}.tp-row .tp-metric-cell{grid-column:3}.tp-row .tp-metric-cell:nth-of-type(3){align-self:end;line-height:1}.tp-row .tp-metric-cell:nth-of-type(4){align-self:start;line-height:1;margin-top:.45rem}.tp-metric{font-size:1.05rem}.tp-metric-sub{font-size:.48rem;letter-spacing:.12em;margin-top:.15rem}.tp-art{width:34px;height:34px}.tp-rank-num{font-size:1.2rem;margin-right:.45rem}.tp-rank{gap:.4rem;padding-left:.1rem}.tp-rank-play{width:32px;height:32px}.tp-rank-play svg{width:11px;height:11px}.tp-rank-star{display:none}.tp-track-cell{gap:.65rem}.tp-title{font-size:.78rem}.tp-artist{font-size:.62rem;line-height:1.55}.tp-artist-sep{margin:0 .3rem}.tp-row[data-sort=appearances] .tp-metric--hearts,.tp-row[data-sort=hearts] .tp-metric--sets{opacity:1}}.tp-foot{padding:3rem 0 5rem;display:grid;grid-template-columns:2fr 1fr 1fr;gap:2.5rem;font-family:var(--font-mono);font-size:.65rem;color:var(--tp-muted);letter-spacing:.1em;text-transform:uppercase;line-height:1.8;border-top:1px solid var(--tp-border);margin-top:1px}@media(max-width:880px){.tp-foot{grid-template-columns:1fr;gap:1.5rem}}.tp-foot b{color:var(--tp-text);font-weight:600}.tp-foot-warn{color:var(--accent-pink)}.tp-foot-live{color:var(--accent);margin-right:.4rem}.tp-foot-live:before{content:"●";color:var(--accent);margin-right:.45rem;text-shadow:0 0 8px var(--accent)}.tp-row-group{border-bottom:1px solid var(--tp-border)}.tp-row-group .tp-row{border-bottom:none}.tp-row-expand{background:var(--tp-bg-elevated);border-top:1px solid var(--tp-border)}.tp-row-expand[hidden]{display:none}.tp-set-strip{display:flex;gap:.85rem;padding:1.25rem 1.25rem 1.5rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--tp-border) transparent}.tp-set-strip::-webkit-scrollbar{height:6px}.tp-set-strip::-webkit-scrollbar-thumb{background:var(--tp-border)}.tp-set-card{flex-shrink:0;width:220px;background:transparent;border:1px solid var(--tp-border);padding:0;cursor:pointer;text-align:left;display:flex;flex-direction:column;transition:border-color .15s ease,transform .2s var(--tp-ease);font:inherit;color:inherit}.tp-set-card:hover{border-color:var(--accent)}.tp-set-card:hover .tp-set-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.tp-set-thumb{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--bg);overflow:hidden;border-bottom:1px solid var(--tp-border)}.tp-set-thumb img{width:100%;height:100%;object-fit:cover;display:block}.tp-set-thumb:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,transparent 35%,transparent 60%,rgba(0,0,0,.85) 100%)}.tp-set-time{position:absolute;bottom:.45rem;right:.5rem;z-index:2;font-size:.6rem;letter-spacing:.06em;color:var(--accent);background:#000000a6;padding:.18rem .45rem;backdrop-filter:blur(4px)}.tp-set-play{position:absolute;top:50%;left:50%;z-index:2;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#0009;border:1px solid var(--accent);color:var(--accent);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 35%,transparent);transform:translate(-50%,-50%) scale(.7);opacity:0;transition:all .2s var(--tp-ease)}.tp-set-play svg{width:14px;height:14px}.tp-set-meta{padding:.7rem .85rem .85rem;display:flex;flex-direction:column;gap:.2rem;min-width:0}.tp-set-artist{font-family:var(--font-display);font-weight:900;font-size:.95rem;letter-spacing:-.005em;color:var(--tp-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp-set-show{font-size:.62rem;color:var(--tp-text-dim);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp-set-variant{font-size:.55rem;color:var(--accent-pink);letter-spacing:.06em;margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp-row.is-playing:before{width:2px;background:var(--accent-pink);box-shadow:0 0 12px var(--accent-pink)}.tp-row.is-playing .tp-art{border-color:var(--accent-pink)}.tp-row.is-playing .tp-glyph{color:var(--accent-pink);text-shadow:0 0 8px color-mix(in srgb,var(--accent-pink) 50%,transparent)}