.tp-track[hidden]{display:none}.tp-track{position:relative}.tp-artist-bar{--h:38px;flex-wrap:wrap;gap:8px;margin:0 0 18px;display:flex}.tp-artist-chip{min-height:var(--h);color:#d6dde6;font:600 13px/1 var(--sans,inherit);letter-spacing:-.01em;cursor:pointer;background:#ffffff06;border:1px solid #2c343d;border-radius:99px;align-items:center;gap:9px;padding:0 14px;text-decoration:none;transition:background .2s,border-color .2s,color .2s,transform .12s;display:inline-flex}.tp-artist-chip:hover{color:#fff;background:#ffffff10;border-color:#4d5866}.tp-artist-chip:active{transform:translateY(1px)}.tp-artist-chip b{min-width:22px;height:20px;font:600 11px/1 var(--mono,monospace);color:#8ec8fa;background:linear-gradient(#07090c,#0c1016);border:1px solid #000;border-radius:6px;place-items:center;padding:0 6px;display:grid;box-shadow:0 0 0 1px #ffffff0f}.tp-artist-chip[aria-pressed=true]{border-color:var(--accent,#52a8f5);color:#e6f3ff;background:linear-gradient(#2c4258,#1b2836);box-shadow:0 0 22px -6px #52a8f5aa}.tp-artist-chip[aria-pressed=true] b{color:#e6f3ff}.tp-filter-note{color:#8fe0c5;margin:-6px 0 16px;font-size:13px}.tp-filter-reset{color:#9fd0fb;font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;margin-left:6px;padding:0;font-weight:600;-webkit-text-decoration:underline #9fd0fb55;text-decoration:underline #9fd0fb55}.tp-filter-reset:hover{color:#c9e5fd;text-decoration-color:currentColor}.tp-artist-link{color:inherit;text-underline-offset:3px;-webkit-text-decoration:underline #fff3;text-decoration:underline #fff3;transition:color .2s,text-decoration-color .2s}.tp-artist-link:hover{color:#c9e5fd;text-decoration-color:currentColor}.tp-artist-pages{color:#9fd0fb;flex-wrap:wrap;gap:4px 12px;margin-top:2px;font-size:12px;display:flex}.tp-artist-pages i{font-style:normal}.tp-plays{margin-top:34px}.tp-plays .tp-artist-bar{margin-bottom:0}.tp-listen{flex:none;position:relative}.tp-listen[open]{z-index:6}.tp-listen summary{color:#d6dde6;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08;border:1px solid #3a424d;border-radius:12px;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:12.5px;font-weight:600;list-style:none;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.tp-listen summary::-webkit-details-marker{display:none}.tp-listen summary span{color:#8ec8fa;font-size:15px;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.tp-listen summary:hover{background:#ffffff12;border-color:#4d5866}.tp-listen summary:focus-visible{outline:2px solid var(--accent,#52a8f5);outline-offset:3px}.tp-listen[open] summary{border-color:var(--accent,#52a8f5);color:#e6f3ff;background:#52a8f51a}.tp-listen[open] summary span{transform:rotate(-12deg)scale(1.15)}.tp-listen-menu{background:linear-gradient(#1c1f25,#121418 78%);border:1px solid #ffffff14;border-radius:16px;gap:9px;width:min(384px,100vw - 32px);padding:16px;animation:.24s cubic-bezier(.2,.8,.2,1) both tp-listen-in;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:inset 0 1px #ffffff1c,0 24px 60px -18px #000,0 0 0 1px #0008}.tp-listen-menu>.tp-kicker{margin:0}.tp-listen-menu>.tp-kicker:not(:first-child){margin-top:6px}.tp-listen-menu>div{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px;display:grid}.tp-listen-menu a{white-space:nowrap;color:#eef0f3;background:#0b0d10;border:1px solid #2c343d;border-radius:10px;justify-content:space-between;align-items:center;gap:6px;min-width:0;min-height:40px;padding:0 11px;font-size:13px;font-weight:600;text-decoration:none;transition:border-color .2s,background .2s,transform .12s;display:flex;box-shadow:inset 0 2px 6px #0006}.tp-listen-menu a span{color:#77818d;font-size:11px;transition:transform .25s cubic-bezier(.2,.8,.2,1),color .2s}.tp-listen-menu a:hover{border-color:var(--accent,#52a8f5);background:#101720}.tp-listen-menu a:hover span{color:#8ec8fa;transform:translate(2px,-2px)}.tp-listen-menu a:active{transform:translateY(1px)}.tp-listen-menu small{color:#7d8793;font-size:11.5px;line-height:1.5}@keyframes tp-listen-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}}.tp-hello{color:#d9f6ec;background:linear-gradient(120deg,#38c29912,#52a8f50d);border:1px solid #38c29944;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:18px 0 0;padding:14px 16px;font-size:14px;line-height:1.5;display:flex}.tp-hello a{color:#9fd0fb;text-underline-offset:4px;font-weight:600;-webkit-text-decoration:underline #9fd0fb55;text-decoration:underline #9fd0fb55}.tp-hello a:hover{color:#c9e5fd;text-decoration-color:currentColor}@media (width<=620px){.tp-artist-bar{--h:40px;scrollbar-width:none;scroll-snap-type:x proximity;flex-wrap:nowrap;margin-inline:-16px;padding:0 16px 4px;overflow-x:auto}.tp-artist-bar::-webkit-scrollbar{display:none}.tp-artist-chip{scroll-snap-align:start;flex:none}.tp-listen summary{min-height:44px;padding:0 12px}.tp-listen summary b{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.tp-listen-menu a{min-height:44px}}@media (prefers-reduced-motion:reduce){.tp-listen-menu{animation:none}.tp-listen summary span,.tp-listen-menu a span,.tp-artist-chip{transition:none}}