/* Library and viewing pages keep navigation and soundtrack available on demand. */
.compact-header{position:relative;z-index:10;display:flex;flex-wrap:nowrap;gap:12px;padding:16px 28px}
.compact-header>.brand{margin-right:auto;min-width:0}
.compact-header>details{flex:none}
.compact-header summary{cursor:pointer;list-style:none;padding:10px 14px;border:1px solid #f4b94d66;border-radius:999px;color:#f4d59a;font-size:13px;font-weight:700}
.compact-header summary::-webkit-details-marker{display:none}
.compact-header summary::after{content:' +';display:inline-block;margin-left:4px}
.compact-header details[open]>summary::after{content:' −'}
.compact-header summary:focus-visible,.compact-header a:focus-visible{outline:3px solid #f4b94d;outline-offset:3px}
.compact-header .compact-menu>nav,.compact-header .compact-music-panel{position:absolute;top:100%;left:18px;right:18px;padding:20px;border:1px solid #f4b94d66;border-radius:16px;background:#11101a;box-shadow:0 18px 36px #0009}
.compact-header .compact-menu>nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;font-size:14px}
.compact-header nav a{display:flex;align-items:center;min-height:44px;padding:8px 12px;border-radius:8px;background:#ffffff08}
.compact-header nav a:hover{background:#f4b94d22}
.compact-header .music-player,.compact-header .top-music-links{width:100%;max-width:none;margin:0}
.compact-header .top-music-links{margin-top:12px}
@media(min-width:761px){.compact-header .music-player{grid-template-columns:auto minmax(0,1fr) repeat(5,auto)}}
@media(max-width:760px){.compact-header{padding:12px 18px;gap:8px}.compact-header .brand{gap:8px}.compact-header .brand strong{font-size:12px}.compact-header .brand small{font-size:8px}.compact-header summary{font-size:12px;padding:9px 10px}.compact-header .compact-menu>nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.compact-header .compact-menu>nav,.compact-header .compact-music-panel{padding:12px;left:12px;right:12px}.compact-header .top-music-links{flex-wrap:wrap}.compact-header .top-music-links>img{display:none}}
@media(max-width:350px){.compact-header .brand small{display:none}.compact-header .brand-mark{width:26px;height:26px}.compact-header{padding-left:12px;padding-right:12px;gap:6px}}