/* Playlist page, Google-blog layout in the station's dark colours (loads after dr-archive.css and dr-video.css): near-black page, pink "now", purple/blue accents. */
body.dr-playlistpg.dr-arch,body.dr-playlistpg.dr-arch.page-template{background:#0c0c0c!important}
.dr-plpage.dr-apage{--dr-ink:#fff;--dr-mute:#a3a7b0;--dr-line:rgba(255,255,255,.12);background:#0c0c0c}
.dr-plpage .dr-crumbs a{color:#8ab4f8}
.dr-plpage .dr-ahead__lede{color:#c4c7cd}
.dr-plpage .dr-wrap{max-width:1040px;padding-top:clamp(96px,9vw,128px)} /* clears the transparent menu */
.dr-plpage .dr-ahead{margin-bottom:clamp(28px,3.4vw,44px)}

/* now playing */
.dr-now{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(20px,3vw,36px);border-radius:28px;background:#16161d;border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 44px rgba(0,0,0,.45)}
.dr-now__frame{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:24px;padding:4px;background:linear-gradient(135deg,#7f07e8,#0090ff);box-shadow:0 14px 40px rgba(127,7,232,.22);overflow:hidden}
.dr-now__frame.is-small img{width:34%!important;height:auto!important;aspect-ratio:1;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.dr-now__frame img{display:block;width:100%!important;height:100%!important;object-fit:cover;border-radius:20px;background:#eee}
.dr-now__body{display:flex;flex-direction:column;gap:10px;min-width:0}
.dr-now__live{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-size:12px;line-height:16px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:#e70067}

.dr-now__live i,.dr-plive i{width:8px;height:8px;border-radius:50%;background:#e70067;box-shadow:0 0 0 0 rgba(231,0,103,.5);animation:dr-pulse 1.8s infinite}
@keyframes dr-pulse{0%{box-shadow:0 0 0 0 rgba(231,0,103,.45)}70%{box-shadow:0 0 0 9px rgba(231,0,103,0)}100%{box-shadow:0 0 0 0 rgba(231,0,103,0)}}
.dr-now__title{font-family:var(--dr-ff)!important;font-size:clamp(28px,3.2vw,48px);line-height:1.1;font-weight:400;letter-spacing:-.3px;color:var(--dr-ink);margin:0;text-transform:none;overflow-wrap:anywhere}
.dr-now__artist{font-size:clamp(18px,1.6vw,22px);line-height:1.3;color:var(--dr-mute);margin:0}
.dr-now__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px}
button.dr-now__listen.dr-now__listen.dr-now__listen.dr-now__listen.dr-now__listen.dr-now__listen{display:inline-flex!important;align-items:center;gap:8px;height:48px;padding:0 26px!important;min-width:0!important;border:0!important;border-radius:999px!important;background:linear-gradient(135deg,#7f07e8,#0090ff)!important;color:#fff!important;font-family:var(--dr-ff)!important;font-size:16px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;box-shadow:0 8px 24px rgba(127,7,232,.28)!important;cursor:pointer;transition:transform .2s,box-shadow .2s}
button.dr-now__listen.dr-now__listen.dr-now__listen.dr-now__listen.dr-now__listen.dr-now__listen:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(127,7,232,.36)!important}
button.dr-now__listen.dr-now__listen.dr-now__listen.dr-now__listen.dr-now__listen.dr-now__listen::before,button.dr-now__listen.dr-now__listen.dr-now__listen.dr-now__listen.dr-now__listen.dr-now__listen::after{display:none!important}
.dr-now__link{display:inline-flex;align-items:center;height:48px;padding:0 22px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);color:#fff!important;font-size:15px;font-weight:500;text-decoration:none!important;transition:background .2s,border-color .2s}
.dr-now__link:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.34)}

/* numbers */
.dr-pstats{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 0;padding:0}
.dr-pstats li{display:flex;flex-direction:column;gap:2px;padding:18px 22px;border-radius:20px;background:rgba(255,255,255,.045);margin:0}
.dr-pstats b{font-size:clamp(24px,2.4vw,34px);line-height:1.1;font-weight:400;color:var(--dr-ink)}
.dr-pstats span{font-size:14px;line-height:20px;color:var(--dr-mute)}

/* search row */
.dr-ptools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin:clamp(36px,4vw,56px) 0 8px}
.dr-psearch{flex:1 1 320px;max-width:520px;display:flex;align-items:center;gap:12px;height:52px;padding:0 20px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#16161d;color:var(--dr-mute);margin:0;transition:border-color .2s,box-shadow .2s}
.dr-psearch:focus-within{border-color:#a566f0;box-shadow:0 0 0 4px rgba(127,7,232,.12)}
.dr-psearch input[type=search].dr-psearch__x,.dr-psearch input#dr-psearch{flex:1;min-width:0;height:100%;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;font-family:var(--dr-ff)!important;font-size:16px!important;color:var(--dr-ink)!important;border-radius:0!important}
.dr-psearch input::placeholder{color:#9ca3af!important;font-weight:400!important;opacity:1}
.dr-psearch input#dr-psearch{font-weight:400!important;text-overflow:ellipsis}
.dr-psearch input::-webkit-search-cancel-button{cursor:pointer}
.dr-plive{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--dr-mute)}
.dr-pnone{font-size:17px;color:var(--dr-mute);margin:24px 0 0}

/* the plugin's list, made light */
.dr-plpage .playlist{max-width:none;margin:0;padding:0;background:transparent;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--dr-ink);font-family:var(--dr-ff)}
.dr-plpage .playlist-header{text-align:left;margin:0 0 4px;padding:0;border:0}
.dr-plpage .playlist-timezone{background:transparent;border:0;padding:0;font-size:13px;color:#80868b;gap:8px}
.dr-plpage .timezone-icon{stroke:#80868b}
.dr-plpage .playlist .song{grid-template-columns:96px minmax(0,1fr);gap:24px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.dr-plpage .playlist .song-timeline{padding-top:0;align-items:center;color:var(--dr-mute);font-size:15px;font-weight:500;text-shadow:none}
.dr-plpage .playlist .song-timeline::after{display:none}
.dr-plpage .playlist .song.current{background:linear-gradient(90deg,rgba(231,0,103,.10),rgba(231,0,103,0))}
.dr-plpage .playlist .song.current .song-timeline{color:#e70067;font-weight:500;letter-spacing:.08em;text-shadow:none}
.dr-plpage .playlist .song:hover{background:rgba(255,255,255,.025)}
.dr-plpage .playlist .song:hover .song-body{transform:none}
.dr-plpage .playlist .cover{width:72px;height:72px;border-radius:14px;margin-right:22px;box-shadow:none;background:#23232c}
.dr-plpage .playlist .cover-placeholder{background:linear-gradient(135deg,#2d2540,#1d2b3c);color:rgba(255,255,255,.55)}
.dr-plpage .playlist .title{font-size:19px;font-weight:500;color:var(--dr-ink);margin-bottom:4px}
.dr-plpage .playlist .artist{font-size:15px;font-weight:400;color:var(--dr-mute)}
.dr-plpage .playlist .buttons{gap:10px}
.dr-plpage .playlist .buttons .button{width:42px!important;height:42px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1)!important;color:#d1d5db!important;box-shadow:none!important}
.dr-plpage .playlist .buttons .button.twitter:hover{background:rgba(29,155,240,.18)!important;border-color:rgba(29,155,240,.4)!important;color:#1d9bf0!important}
.dr-plpage .playlist .buttons .button.itunes:hover{background:rgba(231,0,103,.15)!important;border-color:rgba(231,0,103,.35)!important;color:#ff4d94!important}
.dr-plpage .playlist .buttons .button.youtube:hover{background:rgba(255,0,0,.14)!important;border-color:rgba(255,60,60,.4)!important;color:#ff5a5a!important}
.dr-plpage .playlist .no-songs{color:var(--dr-mute);font-size:17px;font-style:normal}

/* the current track already sits in the card above; the search still finds it */
.dr-plpage .playlist .song.current{display:none}
body.dr-searching .dr-plpage .playlist .song.current{display:grid}
.dr-plpage .playlist .song.dr-nomatch{display:none!important}
body.dr-searching .dr-plpage .playlist-ad-wrapper,body.dr-searching .dr-plpage .playlist-load-more-container{display:none!important}

/* load more */
.dr-plpage .playlist-load-more-container{margin-top:32px}
button.playlist-load-more-btn.playlist-load-more-btn.playlist-load-more-btn.playlist-load-more-btn.playlist-load-more-btn.playlist-load-more-btn{display:inline-flex!important;align-items:center;justify-content:center;height:48px;min-width:0!important;padding:0 32px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.16)!important;background:rgba(255,255,255,.05)!important;background-image:none!important;color:#fff!important;font-family:var(--dr-ff)!important;font-size:16px!important;font-weight:500!important;letter-spacing:0!important;box-shadow:none!important;text-transform:none!important}
button.playlist-load-more-btn.playlist-load-more-btn.playlist-load-more-btn.playlist-load-more-btn.playlist-load-more-btn.playlist-load-more-btn:hover,button.playlist-load-more-btn.playlist-load-more-btn.playlist-load-more-btn.playlist-load-more-btn.playlist-load-more-btn.playlist-load-more-btn:focus{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.34)!important;color:#fff!important;transform:none}
button.playlist-load-more-btn.playlist-load-more-btn.playlist-load-more-btn.playlist-load-more-btn.playlist-load-more-btn.playlist-load-more-btn::before,button.playlist-load-more-btn.playlist-load-more-btn.playlist-load-more-btn.playlist-load-more-btn.playlist-load-more-btn.playlist-load-more-btn::after{display:none!important}

/* ads (kept) */
.dr-plpage .playlist-ad-wrapper{margin:28px auto;padding:14px 0;border-radius:16px}
.dr-plpage .playlist-ad-label{display:block;font-size:11px;color:#80868b;letter-spacing:.1em;margin-bottom:8px}

.dr-plpage .dr-cta{margin-top:clamp(56px,7vw,96px)}

@media (max-width:900px){
	.dr-now{grid-template-columns:minmax(0,200px) minmax(0,1fr)}
}
@media (max-width:640px){
	.dr-now{grid-template-columns:minmax(0,1fr);gap:20px;padding:18px;border-radius:24px;text-align:left}
	.dr-now__art{max-width:240px}
	.dr-now__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
	.dr-now__actions .dr-now__listen{grid-column:1/-1;justify-content:center}
	.dr-now__link{height:44px;padding:0 12px;justify-content:center}
	.dr-now__link:nth-child(2):last-child{grid-column:1/-1}
	button.dr-now__listen.dr-now__listen.dr-now__listen.dr-now__listen.dr-now__listen.dr-now__listen{height:44px}
	.dr-pstats{gap:10px}
	.dr-pstats li{padding:14px 14px;border-radius:16px}
	.dr-pstats span{font-size:12px;line-height:16px}
	.dr-pstats b{font-size:22px;white-space:nowrap}
	.dr-ptools{margin-top:32px}
	.dr-psearch{flex-basis:100%;max-width:none;height:48px}
	.dr-plpage .playlist .song{grid-template-columns:60px minmax(0,1fr);gap:12px;padding:16px 0}
	.dr-plpage .playlist .song-timeline{font-size:13px;justify-content:flex-start}
	.dr-plpage .playlist .cover{width:56px;height:56px;margin-right:12px;border-radius:12px}
	.dr-plpage .playlist .title{font-size:16px}
	.dr-plpage .playlist .artist{font-size:14px}
	.dr-plpage .playlist .buttons{margin-left:8px;gap:6px}
	.dr-plpage .playlist .buttons .button{width:36px!important;height:36px!important}
	.dr-plpage .playlist .buttons .button.youtube{display:none!important}
}