header{z-index:2;background:var(--color-menu);width:100%;box-shadow:0 .25rem 1rem var(--shadow-color);flex-direction:row;align-items:center;column-gap:.5rem;padding:1rem;transition:background-color .18s,backdrop-filter .18s;display:flex}header>h1{color:var(--color-menu-text)}header>h1 *{color:var(--color-menu-text)}header>.right>a{color:var(--color-menu-text)}header .right{flex-grow:1;justify-content:right;align-items:center;gap:.5rem;display:flex}header .spacer{flex-grow:1;container:spacer/inline-size}header a{border-radius:.4rem;padding:.35rem .5rem;text-decoration:none;transition:background-color .15s}header a:hover{cursor:pointer;color:var(--color-menu-text);background-color:var(--color-menu-hover)}header.playing{box-shadow:none;backdrop-filter:blur(3px);background:0 0;position:absolute;inset:0 0 auto}header.playing>h1{color:var(--color-text)}header.playing>h1 *{color:var(--color-text)}header.playing>.right>a{color:var(--color-text)}header.playing a:hover{color:var(--color-text);background-color:var(--color-bg-muted)}@media screen and (width<=425px){header{padding:.5rem}header>h1{font-size:1.5rem}}