/* Shared final layer: a flat magazine frame for the site and music room. */
body.theme-light[data-active-view="home"]{background:#f4f1eb!important}
body:not(.theme-light)[data-active-view="home"]{background:#17161b!important}
body[data-active-view="home"]::before,body[data-active-view="home"]::after{display:none!important}
body #bottomNav .bottomNav__indicator{display:none!important}
body #bottomNav button,body.theme-light #bottomNav button{color:#5f5961!important}
body #bottomNav button.is-active,body.theme-light #bottomNav button.is-active{color:#5e3f6c!important}
body:not(.theme-light) #bottomNav button{color:#bcb3bf!important}
body:not(.theme-light) #bottomNav button.is-active{color:#e6d2e9!important}
body .player-host .mini{border:1px solid #b7abb9!important;border-radius:5px!important;background:#f7f4ef!important;box-shadow:0 4px 14px #2b1f3024!important;backdrop-filter:none!important}
body .player-host .mini::before{display:none!important}
body .player-host .mini strong{color:#302832}
body .player-host .mini small{color:#6a606c}
body .player-host .mini .icon{color:#493a4f}
body .player-host .mini .play{background:#6f5278!important;color:#fff!important}
body:not(.theme-light) .player-host .mini{background:#242027!important;border-color:#625966!important}
body:not(.theme-light) .player-host .mini strong,body:not(.theme-light) .player-host .mini .icon{color:#f1eaf2}
body:not(.theme-light) .player-host .mini small{color:#b9adba}
@media(min-width:741px){
  body .settingsShortcut{position:fixed;z-index:71;top:5px;left:max(32px,calc((100vw - 1240px)/2));right:auto}
  body #bottomNav,body.theme-light #bottomNav{position:fixed!important;z-index:70;top:0!important;left:0!important;right:0!important;bottom:auto!important;transform:none!important;display:flex!important;justify-content:flex-end;width:min(1240px,calc(100vw - 64px))!important;max-width:none!important;height:52px!important;min-height:52px!important;margin:0 auto;padding:0!important;border:0!important;border-bottom:1px solid #b5aab7!important;border-radius:0!important;background:#f4f1eb!important;box-shadow:none!important;backdrop-filter:none!important}
  body #bottomNav button{width:76px;min-height:50px!important;border-radius:0!important;font-size:11px!important}
  body #bottomNav button.is-active{border-bottom:2px solid #765b80!important;border-top:0!important}
  body:not(.theme-light) #bottomNav{background:#17161b!important;border-color:#5e5662!important}
  body[data-active-view="home"] .shell{padding-top:0}
}
@media(max-width:740px){
  body #bottomNav,body.theme-light #bottomNav{position:fixed!important;z-index:70;display:grid!important;grid-template-columns:repeat(5,1fr);height:58px!important;min-height:58px!important;bottom:8px!important;padding:0 4px!important;border:1px solid #c9c0c9!important;border-radius:5px!important;background:#f8f6f2!important;box-shadow:0 4px 14px #2418262b!important;backdrop-filter:none!important}
  body #bottomNav button{min-height:54px;border-radius:0!important}
  body #bottomNav button.is-active{border-top:2px solid #765b80!important}
  body:not(.theme-light) #bottomNav{background:#242027!important;border-color:#625966!important}
}
/* The standalone music room uses the same restrained surfaces. */
body.light:has(.app > .top){background:#f4f1eb!important}
body:not(.light):has(.app > .top){background:#17161b!important}
body:has(.app > .top)::before{display:none!important}
body:has(.app > .top) .search{border-radius:4px!important;background:#f9f7f3!important;box-shadow:none!important;backdrop-filter:none!important}
body:has(.app > .top) .search::after{display:none!important}
body:has(.app > .top) .art{border-radius:3px;box-shadow:none!important}
body:has(.app > .top) .art img{object-fit:cover}
body:has(.app > .top) .mini{border-radius:5px!important;background:#f9f7f3!important;box-shadow:0 4px 14px #2418262b!important;backdrop-filter:none!important}
body:has(.app > .top) .mini::before{display:none!important}
body:has(.app > .top) .mini .play{background:#6f5278!important;color:#fff!important}
body:has(.app > .top) .nav{border-radius:5px!important;background:#f9f7f3!important;box-shadow:0 4px 14px #2418262b!important;backdrop-filter:none!important}
body:has(.app > .top) .nav-indicator{display:none!important}
body:not(.light):has(.app > .top) .search,body:not(.light):has(.app > .top) .mini,body:not(.light):has(.app > .top) .nav{background:#242027!important;color:#f1eaf2!important}
body:not(.light):has(.app > .top) .mini .play{background:#c4a9ce!important;color:#241c28!important}
html body:not(.light) .dock .nav{background:#242027!important;color:#f1eaf2!important;box-shadow:0 4px 14px #0007!important}
html body:not(.light) .player-host .mini strong,html body:not(.light) .player-host .mini .meta,html body:not(.light) .player-host .mini .icon{color:#f1eaf2!important}
html body:not(.light) .player-host .mini small{color:#b9adba!important}
html body:not(.light) :is(.nav,#bottomNav){background:#242027!important;color:#f1eaf2!important;box-shadow:0 4px 14px #0007!important}
html body:not(.light) .dock .mini :is(strong,.meta,.icon){color:#f1eaf2!important}
html body:not(.light) .dock .mini small{color:#b9adba!important}
html body:not(.light) .app .tabs button{color:#b7adb9}
html body:not(.light) .app .tabs button.active{color:#f1eaf2}
body[data-library-view="covers"] .app #grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:740px){
  body[data-library-view="covers"]:is([data-library-mode="songs"],[data-library-mode="fanchants"],[data-library-mode="albums"]) .app #grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
  body[data-library-view="covers"]:is([data-library-mode="songs"],[data-library-mode="fanchants"],[data-library-mode="albums"]) .app #grid .card{display:block;min-height:0;padding:0;border:0}
  body[data-library-view="covers"]:is([data-library-mode="songs"],[data-library-mode="fanchants"],[data-library-mode="albums"]) .app #grid .card .art{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:3px}
  body[data-library-view="covers"]:is([data-library-mode="songs"],[data-library-mode="fanchants"],[data-library-mode="albums"]) .app #grid .card strong{display:block;margin:8px 0 2px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body[data-library-view="covers"]:is([data-library-mode="songs"],[data-library-mode="fanchants"],[data-library-mode="albums"]) .app #grid .card>small{display:block;height:18px;margin:0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body[data-library-view="covers"]:is([data-library-mode="songs"],[data-library-mode="fanchants"],[data-library-mode="albums"]) .app #grid .card .card-mobile-actions{position:absolute;top:auto;right:6px;bottom:45px;display:flex;gap:4px}
  body[data-library-view="covers"] .app #grid .card .card-mobile-actions button{width:38px;height:38px;border-radius:3px;background:#f8f6f2e8}
}

@media(min-width:741px){body:not([data-active-view="home"]) .shell{padding-top:84px}body[data-active-view="photocards"] .photocardAppView{top:52px}}