.header-listen{border-radius:9px 16px 9px 16px;border:2px solid var(--black);padding:14px 25px}.theme-toggle{width:44px;height:44px;padding:9px;border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;margin-left:auto;margin-right:18px;display:inline-flex;align-items:center;justify-content:center}header nav{margin-left:auto}.theme-toggle svg{width:100%;height:100%}.theme-toggle[aria-pressed=true]{background:var(--purple);color:var(--white)}
.player-view-buttons{display:flex;gap:7px}.player-view-buttons button[aria-pressed=true]{color:var(--green);border-color:var(--green)}
.listening-room.is-horizontal:not(.is-minimized){left:var(--page-gutter);right:var(--page-gutter);top:auto;bottom:16px;width:auto;max-width:none;height:258px;grid-template-columns:280px minmax(0,1fr) 230px;grid-template-rows:30px minmax(0,1fr);grid-template-areas:'toolbar toolbar toolbar' 'media info controls';gap:10px 28px;padding:12px 18px}.is-horizontal .player-grip{display:none}.is-horizontal .player-toolbar{justify-content:flex-end}.is-horizontal:not(.is-minimized) .archive-audio-player,.is-horizontal:not(.is-minimized) .player-screen[data-mode=audio]{height:200px;min-height:200px}.is-horizontal:not(.is-minimized) .archive-audio-player img{width:116px;height:116px}.is-horizontal .player-transport{align-self:center}.is-horizontal.is-minimized{left:auto;right:24px;top:auto;bottom:24px;width:500px;max-width:calc(100vw - 24px)}.is-minimized .player-view-buttons{gap:4px}.is-horizontal.is-minimized .player-toolbar{justify-content:flex-start}.is-horizontal.is-minimized .minimized-title{display:block}.has-floating-player:has(.is-horizontal:not(.is-minimized)){padding-bottom:285px}
body.dark-mode{background:#101318;color:#f7f7f2;--line:#3b3e45}body.dark-mode header,body.dark-mode footer{background:#15181e;color:#f7f7f2}body.dark-mode .history{background:#15181e;color:#f7f7f2}body.dark-mode .music{border-color:#3b3e45}body.dark-mode .header-listen{border-color:#f7f7f2;color:#f7f7f2}body.dark-mode .header-listen:hover{color:#101010}body.dark-mode .archive-note,body.dark-mode .results-status,body.dark-mode .track p,body.dark-mode .track-type,body.dark-mode .archive-heading>span{color:#b8bbc4}body.dark-mode .filters button,body.dark-mode .load-more,body.dark-mode .track-play,body.dark-mode .search input{border-color:#8c9099;color:#f7f7f2}body.dark-mode .filters button.active,body.dark-mode .filters button:hover{background:var(--purple)}body.dark-mode .track-play:hover,body.dark-mode .load-more:hover{color:#101010}body.dark-mode .catalog-views button{color:#f7f7f2}body.dark-mode .catalog-views button.active,body.dark-mode .history-timeline{border-color:#f7f7f2}body.dark-mode .hero,body.dark-mode .label{color:#101010}
@media(max-width:1000px){.listening-room.is-horizontal:not(.is-minimized){grid-template-columns:240px minmax(0,1fr);grid-template-rows:30px auto 94px;grid-template-areas:'toolbar toolbar' 'media info' 'media controls';height:340px;gap:8px 20px}.has-floating-player:has(.is-horizontal:not(.is-minimized)){padding-bottom:365px}}
@media(max-width:620px){.theme-toggle{margin-left:0;margin-right:8px;width:36px;height:36px}header nav{margin-left:auto}.header-listen{padding:10px 18px}.listening-room.is-horizontal:not(.is-minimized){left:12px;right:12px;bottom:12px;width:auto;max-height:calc(100dvh - 24px);height:auto;grid-template-columns:1fr;grid-template-rows:30px 200px auto auto;grid-template-areas:'toolbar' 'media' 'info' 'controls';padding:10px;gap:10px}.listening-room.is-horizontal.is-minimized{width:calc(100vw - 24px);right:12px;bottom:12px;grid-template-columns:minmax(0,1fr) 112px}.is-minimized .player-view-buttons button{width:23px;height:28px;padding:4px}.has-floating-player:has(.is-horizontal:not(.is-minimized)){padding-bottom:440px}}
.artwork-grid .art-play>span,.art-badge{border-radius:8px}.square-period{width:.11em;height:.11em}

/* The header carries only the label description, navigation, and theme icon. */
/* Match the label's stepped, rounded shapes without using a circular pill. */
.header-random{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-left:28px;padding:12px 17px;border:2px solid var(--purple);border-radius:8px 16px 8px 16px;background:var(--purple);color:var(--white);font-size:13px;font-weight:700;line-height:1.2;white-space:nowrap}
.header-random svg{width:20px;height:20px;fill:currentColor;flex-shrink:0}.header-random:hover{background:var(--green);border-color:var(--black);color:var(--black)}
.dark-mode .header-random{background:var(--green);border-color:var(--green);color:var(--black)}.dark-mode .header-random:hover{background:var(--purple);border-color:var(--purple);color:var(--white)}
#latest-release.latest-release{border:3px solid var(--black)}.dark-mode #latest-release.latest-release{border-color:var(--white)}
@media(max-width:800px){.header-random{font-size:11px;padding:10px 12px;margin-left:16px;gap:6px}}
@media(max-width:560px){header{flex-wrap:wrap;height:auto;min-height:98px;gap:12px;padding-top:14px;padding-bottom:14px}.header-random{order:3;margin-left:0;width:100%;font-size:12px;padding:10px}.theme-toggle{flex-shrink:0}}
.hero-top{font-size:16.25px;line-height:1.4}.theme-toggle,.theme-toggle[aria-pressed=true]{border:0;background:transparent;color:var(--purple);margin-left:34px;margin-right:0;padding:7px;width:44px;height:44px;border-radius:0}.theme-toggle svg{fill:currentColor}.theme-toggle:hover{color:var(--black)}.dark-mode .theme-toggle{color:var(--green)}.dark-mode .theme-toggle:hover{color:var(--white)}
@media(max-width:800px){.hero-top{font-size:15px}.theme-toggle{margin-left:18px}}
@media(max-width:560px){header nav a:last-child{display:block}.hero-top{font-size:15px;max-width:100%;position:relative;z-index:1}.theme-toggle{width:36px;height:36px;margin-left:10px;padding:5px}header nav{gap:10px;font-size:10px}}