.playlist-page{max-width:1240px;margin:0 auto;padding:.3rem 0 2.5rem}.playlist-page__breadcrumbs{margin-bottom:1rem}.playlist-page__head{border-bottom:1px solid #5b96a03d;justify-content:space-between;align-items:end;gap:1.5rem;margin:.7rem 0 1.2rem;padding:0 0 1rem;display:flex}.playlist-page__head>div{min-width:0}.playlist-page__eyebrow{color:var(--signal-cyan);font:500 .53rem/1.2 var(--font-display);letter-spacing:.09em;align-items:center;gap:.48rem;margin:0 0 .45rem;display:flex}.playlist-page__eyebrow i{color:var(--signal-orange);font-size:.72rem}.playlist-page__head h1{color:#edf4f1;font:600 clamp(1.5rem,3vw,2.2rem)/1.1 var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin:0}.playlist-page__intro{color:#a2b6b7;max-width:62ch;font:400 .82rem/1.55 var(--font-body);margin:.55rem 0 0}.playlist-page__count{border-left:2px solid var(--signal-orange);color:#9eb2b3;font:400 .58rem/1.3 var(--font-body);background:#ff702a0e;flex:none;gap:.12rem;margin:0;padding:.62rem .78rem;display:grid}.playlist-page__count strong{color:#edf4f1;font:600 1.05rem/1 var(--font-display);font-variant-numeric:tabular-nums}.playlist-page__layout{grid-template-columns:minmax(0,1fr) minmax(19rem,.7fr);align-items:start;gap:clamp(.9rem,2.2vw,1.5rem);display:grid}.playlist-page__player-panel{background:linear-gradient(145deg,#09151af7,#03090cfa);border:1px solid #5b96a047;min-width:0;padding:.7rem;position:sticky;top:1rem;box-shadow:0 18px 48px #0000002e}.playlist-page__player-frame{aspect-ratio:16/9;background:radial-gradient(at 50% 42%,#10242a,#030709 72%);border:1px solid #1bd6e24d;width:100%;min-width:200px;min-height:200px;position:relative;overflow:hidden}.playlist-page__player-frame iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.playlist-page__player-fallback{color:#a2b6b7;min-height:200px;font:400 .76rem/1.5 var(--font-body);text-align:center;place-content:center;gap:.5rem;margin:0;padding:1rem;display:grid}.playlist-page__player-fallback a{color:var(--signal-cyan);text-underline-offset:.2em}.playlist-page__now-playing{border-bottom:1px solid #5b96a033;justify-content:space-between;align-items:center;gap:.75rem;min-width:0;padding:.8rem .1rem .55rem;display:flex}.playlist-page__now-playing>div{min-width:0}.playlist-page__now-playing p,.playlist-page__queue-head>div>p{color:#8aa2a4;font:500 .46rem/1.2 var(--font-display);letter-spacing:.09em;margin:0 0 .28rem}.playlist-page__now-playing h2{color:#e8f0ed;font:500 .81rem/1.35 var(--font-body);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.playlist-page__now-playing>span{color:var(--signal-cyan);font:500 .5rem/1 var(--font-display);font-variant-numeric:tabular-nums;flex:none}.playlist-page__progress{gap:.3rem;margin:.48rem .08rem .62rem;display:grid}.playlist-page__progress-labels{color:#82989a;font:400 .49rem/1.2 var(--font-display);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.playlist-page__progress-track{background:#102027;border:1px solid #5b96a033;height:6px;position:relative;overflow:hidden}.playlist-page__progress-track>span{background:linear-gradient(90deg,#1bd6e2 0%,#62e6c4 72%,#ff702a 100%);width:0;transition:width .4s linear,filter .35s;position:absolute;inset:0 auto 0 0;box-shadow:0 0 12px #1bd6e257}.playlist-page__progress-track.is-ending>span{filter:saturate(1.45)brightness(1.12)}.playlist-page__visualizer{border-bottom:1px solid #5b96a029;gap:.34rem;padding:.38rem .08rem .48rem;display:grid}.playlist-page__visualizer-head{color:#789092;font:500 .43rem/1.2 var(--font-display);letter-spacing:.08em;justify-content:space-between;gap:.6rem;display:flex}.playlist-page__visualizer-head>span:first-child{color:var(--signal-cyan)}.playlist-page__visualizer.is-playing .playlist-page__visualizer-head>span:last-child{color:#84dbb4}.playlist-page__visualizer-meters{gap:.24rem;display:grid}.playlist-page__meter-row{grid-template-columns:.7rem minmax(0,1fr);align-items:center;gap:.42rem;display:grid}.playlist-page__meter-row>span{color:#71878a;font:500 .43rem/1 var(--font-display)}.playlist-page__meter-leds{grid-template-columns:repeat(18,minmax(0,1fr));gap:3px;min-width:0;display:grid}.playlist-page__meter-leds>i{opacity:.7;background:#142329;height:4px;transition:background-color 45ms linear,opacity 45ms linear,box-shadow 45ms linear;display:block}.playlist-page__meter-leds>i[data-band=green]{background:#61d89c57}.playlist-page__meter-leds>i[data-band=cyan]{background:#1bd6e257}.playlist-page__meter-leds>i[data-band=orange]{background:#ff702a57}.playlist-page__meter-leds>i[data-band=green].is-lit{opacity:.94;background:#61d89c;box-shadow:0 0 5px #61d89c3d}.playlist-page__meter-leds>i[data-band=cyan].is-lit{opacity:.96;background:#1bd6e2;box-shadow:0 0 6px #1bd6e24d}.playlist-page__meter-leds>i[data-band=orange].is-lit{opacity:.98;background:#ff702a;box-shadow:0 0 7px #ff702a57}.playlist-page__player-status{min-height:1.2em;color:var(--signal-cyan);font:400 .62rem/1.45 var(--font-body);margin:.55rem 0 0}.playlist-page__player-note{color:#71878a;font:400 .55rem/1.4 var(--font-body);margin:.5rem 0 0}.playlist-page__queue{background:#040a0ddb;border:1px solid #5b96a040;min-width:0;overflow:hidden}.playlist-page__queue-head{background:#0a171cb8;border-bottom:1px solid #5b96a02e;justify-content:space-between;align-items:center;gap:.7rem;padding:.78rem .8rem .7rem;display:flex}.playlist-page__queue-head h2{color:#e6efec;font:500 .82rem/1.25 var(--font-display);margin:0}.playlist-page__queue-head>span{color:#8fa5a7;font:500 .49rem/1.2 var(--font-display);font-variant-numeric:tabular-nums;flex:none}.playlist-page__search{min-height:40px;color:var(--signal-cyan);background:#02070ab8;border:1px solid #5b96a03d;align-items:center;gap:.55rem;margin:.65rem .7rem;padding:0 .65rem;display:flex}.playlist-page__search:focus-within{border-color:var(--signal-cyan);box-shadow:0 0 0 2px #1bd6e21a}.playlist-page__search>i{flex:none;font-size:.68rem}.playlist-page__search input{color:#e5efec;width:100%;min-width:0;min-height:38px;font:400 .69rem/1.3 var(--font-body);background:0 0;border:0;outline:0;padding:.42rem 0}.playlist-page__search input::placeholder{color:#789093}.playlist-page__track-list{overscroll-behavior:contain;scrollbar-color:#1bd6e27a #081115e6;scrollbar-width:thin;gap:1px;max-height:min(66vh,680px);margin:0;padding:0 .35rem .35rem;list-style:none;display:grid;overflow:auto}.playlist-page__track-list>li{min-width:0}.playlist-page__track-list>li[hidden]{display:none}.playlist-page__track{min-width:0;min-height:58px;color:inherit;border-left:2px solid #0000;grid-template-columns:1.8rem 4.2rem minmax(0,1fr);align-items:center;gap:.55rem;padding:.32rem .42rem;text-decoration:none;transition:border-color .16s,background .16s;display:grid}.playlist-page__track:hover{background:#1bd6e20e}.playlist-page__track.is-current{border-left-color:var(--signal-orange);background:#ff702a13}.playlist-page__track-number{color:#6f8588;font:500 .49rem/1 var(--font-display);font-variant-numeric:tabular-nums;text-align:right}.playlist-page__track.is-current .playlist-page__track-number{color:var(--signal-orange)}.playlist-page__track-image{aspect-ratio:16/9;background:#0b171c;border:1px solid #5b96a033;width:4.2rem;display:block;position:relative;overflow:hidden}.playlist-page__track-image img{object-fit:cover;width:100%;height:100%;display:block}.playlist-page__track-image>i{color:#fff;opacity:0;background:#02080b61;place-items:center;font-size:.6rem;transition:opacity .16s;display:grid;position:absolute;inset:0}.playlist-page__track:hover .playlist-page__track-image>i,.playlist-page__track.is-current .playlist-page__track-image>i{opacity:1}.playlist-page__track-copy{gap:.24rem;min-width:0;display:grid}.playlist-page__track-copy strong{color:#dbe6e3;font:500 .64rem/1.3 var(--font-body);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-page__track-copy small{color:#809799;font:400 .48rem/1.2 var(--font-display)}.playlist-page__track.is-current .playlist-page__track-copy strong{color:var(--signal-cyan)}.playlist-page__track:focus-visible{outline:2px solid var(--signal-cyan);outline-offset:-2px}.playlist-page__empty{color:#a3b7b8;font:400 .68rem/1.5 var(--font-body);margin:.6rem .8rem .85rem}.playlist-page__empty[hidden]{display:none}.playlist-page__empty--visible{border:1px solid #5b96a03d;margin:2rem 0;padding:1rem}@media (width<=850px){.playlist-page__layout{grid-template-columns:minmax(0,1fr)}.playlist-page__player-panel{position:static}.playlist-page__track-list{max-height:min(58vh,560px)}}@media (width<=560px){.playlist-page{padding-top:.15rem}.playlist-page__head{align-items:start;gap:.7rem;margin-top:.4rem}.playlist-page__head h1{font-size:clamp(1.3rem,6vw,1.8rem)}.playlist-page__intro{font-size:.74rem}.playlist-page__count{padding:.48rem .55rem}.playlist-page__count strong{font-size:.88rem}.playlist-page__count span{font-size:.5rem}.playlist-page__player-panel{padding:.48rem}.playlist-page__player-frame{min-height:200px}.playlist-page__progress{margin-block:.42rem .5rem}.playlist-page__meter-leds{gap:2px}.playlist-page__meter-leds>i{height:4px}.playlist-page__visualizer{gap:.3rem;padding-bottom:.4rem}.playlist-page__queue-head{padding-inline:.62rem}.playlist-page__track{grid-template-columns:1.5rem 3.7rem minmax(0,1fr);gap:.48rem}.playlist-page__track-image{width:3.7rem}.playlist-page__track-copy strong{font-size:.61rem}}@media (prefers-reduced-motion:reduce){.playlist-page__track,.playlist-page__track-image>i,.playlist-page__progress-track>span,.playlist-page__meter-leds>i{transition:none}}