/* H: a dark astronomical landing page with a NASA Earth image. */
body[data-active-view="home"],body.theme-light[data-active-view="home"]{background:#03050c!important;color:#f5f6f8!important}
body[data-active-view="home"]::before,body[data-active-view="home"]::after{display:none!important}
body[data-active-view="home"] .shell{width:100%!important;max-width:none!important;padding:0 0 150px;margin:0}
body[data-active-view="home"] .homePage{padding:0 0 70px}
body[data-active-view="home"] #bottomNav{background:#05070d!important;border-color:#343a49!important}
body[data-active-view="home"] #bottomNav button{color:#b7bdca!important}
body[data-active-view="home"] #bottomNav button.is-active{color:#fff!important;border-color:#a9cbd2!important}
body[data-active-view="home"] .settingsShortcut{background:#080b12;color:#f5f6f8;border-color:#556170}
.homeHero{position:relative!important;display:flex!important;align-items:center!important;min-height:min(810px,calc(100vh - 52px))!important;padding:80px max(7vw,32px)!important;border:0!important;overflow:hidden;background:#02040b;color:#fff}
.spaceStars{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 8% 18%,#e1f2ff 95%,transparent),radial-gradient(1px 1px at 30% 42%,#aec2db 95%,transparent),radial-gradient(1px 1px at 75% 75%,#fff 95%,transparent),radial-gradient(1.5px 1.5px at 60% 17%,#b3d7ee 95%,transparent),radial-gradient(1px 1px at 90% 31%,#fff 95%,transparent);background-size:173px 149px,247px 211px,299px 271px,379px 337px,431px 397px;opacity:.7;pointer-events:none}
.spaceEarth{position:absolute;width:min(72vw,900px);aspect-ratio:1;right:3%;top:45%;transform:translateY(-50%);border-radius:50%;filter:drop-shadow(0 0 22px #8ab7d655)}
.spaceEarth:after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(105deg,#02040bec 0%,#02040b77 28%,transparent 73%);pointer-events:none}
.spaceEarth img{width:100%;height:100%;object-fit:contain}
.spaceEarth canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:pan-y}
.spaceEarth canvas:active{cursor:grabbing}
.spaceEarth.has-globe img{visibility:hidden}
.homeHeroCopy{position:relative;z-index:2;max-width:490px;padding:30px 0}
.homeHero .eyebrow{font:600 10px/1.5 monospace!important;letter-spacing:.24em;color:#aebbc7!important}
.homeHero h1{margin:25px 0 24px!important;font:400 clamp(45px,5vw,76px)/1 Georgia,serif!important;letter-spacing:.015em!important;color:#fff!important}
.homeHero h1 em{display:block;font-size:.52em;font-style:normal;letter-spacing:.25em;color:#e2e8ed!important;margin-top:8px}
.homeHeroCopy>p:not(.eyebrow){font:400 17px/1.9 Georgia,"Microsoft YaHei",serif!important;color:#c3cbd3!important}
.homeActions>*{border:1px solid #66798a!important;border-radius:0!important;padding:12px 15px!important;color:#fff!important;background:#08111ac9!important;font-size:12px!important}
.homeActions>*:hover{background:#243443!important}
.spaceMarker{position:absolute;right:30px;top:45%;writing-mode:vertical-rl;font:10px/1.6 monospace;letter-spacing:.24em;color:#b8c7d1}
.earthCredit{position:absolute;right:32px;bottom:25px;color:#a7b6c5;font:10px monospace;letter-spacing:.08em;text-decoration:none}
.homeIndexHead,.homeGrid,.homeUpdate{width:min(1180px,calc(100% - 64px));margin-inline:auto}
body[data-active-view="home"] :is(.homeIndexHead h2,.homeGrid strong){color:#f1f3f5}
body[data-active-view="home"] :is(.homeGrid span,.homeUpdate){color:#b2bdc8}
body[data-active-view="home"] :is(.homeGrid>*,.homeIndexHead,.homeUpdate){border-color:#34404d}
@media(max-width:740px){.homeHero{min-height:calc(100svh - 65px)!important;align-items:flex-end!important;padding:45px 22px 170px!important}.spaceEarth{width:115vw;right:-35vw;top:29%}.homeHeroCopy{padding:0}.homeHero h1{font-size:46px!important}.homeHeroCopy>p:not(.eyebrow){font-size:14px!important}.spaceMarker{display:none}.earthCredit{right:20px;bottom:135px}.homeIndexHead,.homeGrid,.homeUpdate{width:calc(100% - 40px)}}

/* I: Nuclear's strong outlines, pink canvas and distinct music navigation. */
body:has(.app>.top){--nuclear-pink:#f6dbe1;--nuclear-accent:#f78eaa;--nuclear-line:#161318;--text:#181419;--muted:#5e4c53;--line:#1a161a;--accent:#a3335c;background:#fff!important;color:#181419!important;font-family:"Segoe UI","Microsoft YaHei",sans-serif}
body:has(.app>.top)::before{display:none!important}
body:has(.app>.top) .app{position:relative;width:100%;max-width:none;margin:0;padding:20px 24px 155px}
html body:has(.app>.top) .app{background:#fff!important}
body:has(.app>.top) .top{min-height:50px;margin:0 0 20px;padding-bottom:15px;border-bottom:2px solid #171419}
body:has(.app>.top) .brand strong{color:#171419;font-size:19px;font-weight:800}
body:has(.app>.top) .brand small{color:#68555d}
body:has(.app>.top) .layout{display:block}
body:has(.app>.top) .search{background:#f6dbe1!important;border:2px solid #171419!important;border-radius:8px!important;box-shadow:none!important;min-height:46px}
body:has(.app>.top) .search input{color:#191519}
html body:has(.app>.top) .app .search{background:#f6dbe1!important;border-color:#171419!important}
html body:has(.app>.top) .app .search img{filter:none!important;opacity:.8}
html body:has(.app>.top) .app .search input::placeholder{color:#6e5961!important}
html body:has(.app>.top) .app .top{background:#fff;color:#191519}
html body:has(.app>.top) .app .top :is(button,strong,small){color:#191519}
html body:has(.app>.top) .app .tabs button{color:#191519!important}
body:has(.app>.top) .tabs button.active{background:#f78eaa!important;color:#171419!important;border:2px solid #171419!important}
body:has(.app>.top) .library-view button,body:has(.app>.top) .library-order select{border:2px solid #171419;border-radius:6px;background:#fff;color:#20191d}
body:has(.app>.top) .library-view button[aria-pressed=true]{background:#f78eaa;color:#171419}
body:has(.app>.top) #grid .card{color:#171419}
body:has(.app>.top) #grid .art{background:#fff;border:2px solid #171419;border-radius:7px!important;box-shadow:none!important}
body:has(.app>.top) #grid .card strong{color:#171419}
body:has(.app>.top) #grid .card small{color:#5e4c53}
.nuclear-queue{display:none}
@media(min-width:1050px){
 body[data-active-view="music"] .musicAppView{inset:52px 0 74px!important}
 html body[data-active-view="music"] #bottomNav{background:#fff!important;border-color:#171419!important}
 html body[data-active-view="music"] #bottomNav button{color:#171419!important}
 body[data-active-view="music"] #bottomNav button.is-active{border-color:#d84d79!important}
 body:has(.app>.top) .app{padding:16px 0 135px}
 body:has(.app>.top) .top{margin:0;padding:0 24px 14px}
 body:has(.app>.top) .layout>section{min-height:calc(100vh - 100px);margin:0 270px 0 200px;padding:25px;background:#f6dbe1;border-left:2px solid #171419;border-right:2px solid #171419}
 body:has(.app>.top) .tabs{position:absolute;top:85px;left:0;width:200px;display:flex;flex-direction:column;gap:5px;padding:12px;border:0}
 body:has(.app>.top) .tabs button{min-height:42px;width:100%;padding:8px 12px;border:2px solid transparent;border-radius:6px;text-align:left;color:#171419;font-weight:700}
 body:has(.app>.top) #grid .card{padding:7px;background:#f78eaa;border:2px solid #171419;border-radius:8px;box-shadow:2px 3px 0 #171419}
 body:has(.app>.top) #grid .card strong{margin:8px 2px 0}
 body:has(.app>.top) #grid .card small{margin:3px 2px}
 body:has(.app>.top) #grid .art{background:#fff}
 body:has(.app>.top) .side:not(.open){display:none}
 .nuclear-queue{position:fixed;z-index:2;top:85px;right:0;bottom:15px;width:270px;display:block;padding:16px 12px;background:#fff;color:#191519;overflow:auto}
 .nuclear-queue header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;font-weight:800}
 .nuclear-queue header button{min-height:40px;padding:5px 9px;border:2px solid #171419;border-radius:6px;background:#f78eaa;color:#171419}
 .nuclear-queue-list{display:grid;gap:6px}.nuclear-queue-list .queue-song{display:flex;width:100%;gap:8px;align-items:center;padding:5px;border:2px solid #171419;border-radius:6px;background:#fff;text-align:left;color:#171419}.nuclear-queue-list .queue-song img{width:44px;height:44px;object-fit:cover;border-radius:3px}.nuclear-queue-list .queue-song span{min-width:0}.nuclear-queue-list .queue-song strong,.nuclear-queue-list .queue-song small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nuclear-queue-list .queue-song small{color:#594f53}.nuclear-queue-list .is-current .queue-song{background:#f78eaa}.nuclear-empty{font-size:12px;color:#61535a;line-height:1.5}
 body[data-active-view="music"] .player-host{left:0;right:0;bottom:0;width:100%;max-width:none}
 body[data-active-view="music"] .player-host .mini{width:100%;min-height:74px;border:2px solid #171419!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;color:#171419!important}
 html body[data-active-view="music"] .player-host .mini :is(strong,.meta,.icon){color:#171419!important}
 html body[data-active-view="music"] .player-host .mini small{color:#5e4c53!important}
 body[data-active-view="music"] .player-host .mini .play{background:#f78eaa!important;border:2px solid #171419!important;color:#171419!important}
 body[data-active-view="music"] .player-host .mini-controls{justify-content:center;gap:6px}
 body[data-active-view="music"] .player-host .mini :is(.prev,.next,.playback-mode){display:grid!important;place-items:center}
 body[data-active-view="music"] .player-host .mini .prev{order:1}
 body[data-active-view="music"] .player-host .mini .play{order:2}
 body[data-active-view="music"] .player-host .mini .next{order:3}
 body[data-active-view="music"] .player-host .mini .playback-mode{order:4}
 body[data-active-view="music"] .player-host .mini .queue-toggle{order:5}
 body[data-active-view="music"] .player-host .mini .mini-fav{order:0;color:#d84d79!important}
}
@media(max-width:1049px){body:has(.app>.top) .app{padding:20px 18px 170px}body:has(.app>.top) .tabs{display:flex;gap:4px;overflow-x:auto}body:has(.app>.top) .tabs button{min-width:58px;border-radius:5px;font-size:12px}body:has(.app>.top) .library-view button{min-height:44px}body:has(.app>.top) #grid .card{color:#171419}}
html body[data-active-view="home"] .player-host .mini{background:#0c111b!important;border-color:#475564!important}
html body[data-active-view="home"] .player-host .mini :is(strong,.meta,.icon){color:#eef2f5!important}
html body[data-active-view="home"] .player-host .mini small{color:#b0bdc8!important}
@media(max-width:740px){
 html body:has(.app>.top){--mobile-bg:#fff;--mobile-surface:#f8dce4;--mobile-ink:#191519;--mobile-muted:#68555d;--mobile-line:#1a161a;--mobile-accent:#a3335c;--mobile-selected:#f78eaa;background:#fff!important;color:#191519!important}
 html body:has(.app>.top) .app #grid .card strong{color:#191519!important}
 html body:has(.app>.top) .app #grid .card small{color:#5e4c53!important}
 html body[data-library-view="covers"] .app #grid .card .card-mobile-actions button{width:44px;height:44px}
}
body[data-library-mode="concerts"] .layout>section{background:#f8eecb!important;color:#221c18}
body[data-library-mode="concerts"] .feature-toolbar h2{font:900 clamp(32px,4vw,52px)/1 "Arial Black","Microsoft YaHei",sans-serif;color:#e34e40}
body[data-library-mode="concerts"] .feature-note{color:#665b50}
body[data-library-mode="concerts"] .concert-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body[data-library-mode="concerts"] .concert-card{display:block!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#221c18;text-align:left}
body[data-library-mode="concerts"] .concert-card img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:0}
body[data-library-mode="concerts"] .concert-card span{display:block;padding:10px 0}
body[data-library-mode="concerts"] .concert-card small{color:#9c302b}
body[data-library-mode="concerts"] .concert-card strong{font-weight:800;color:#221c18}
body[data-library-mode="concerts"] .concert-card em{color:#9c302b}
@media(max-width:740px){body[data-library-mode="concerts"] .concert-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}}

/* Nuclear also has a dark theme; the existing theme button switches both. */
html body:not(.light):has(.app>.top){--text:#f1e5e8;--muted:#c0a8b0;--accent:#dda0b2;--line:#8a5365;--mobile-bg:#2f1b23;--mobile-surface:#472935;--mobile-ink:#f1e5e8;--mobile-muted:#c0a8b0;--mobile-line:#8a5365;--mobile-accent:#dda0b2;--mobile-selected:#854253;background:#2f1b23!important;color:#f1e5e8!important}
html body:not(.light):has(.app>.top) .app,html body:not(.light):has(.app>.top) .app .top{background:#2f1b23!important;color:#f1e5e8!important}
html body:not(.light):has(.app>.top) .app .top :is(button,strong,small),html body:not(.light):has(.app>.top) .app .tabs button{color:#f1e5e8!important}
html body:not(.light):has(.app>.top) .app .tabs button.active{background:#854253!important;color:#fff!important;border-color:#b7798c!important}
html body:not(.light):has(.app>.top) .app .search{background:#221217!important;border-color:#8a5365!important}
html body:not(.light):has(.app>.top) .app .search input{color:#fff!important}
html body:not(.light):has(.app>.top) .app .search input::placeholder{color:#c0a8b0!important}
html body:not(.light):has(.app>.top) .app .search img{filter:invert(1)!important}
html body:not(.light):has(.app>.top) .library-view button,html body:not(.light):has(.app>.top) .library-order select{color:#f1e5e8;background:#2f1b23;border-color:#a4697b}
html body:not(.light):has(.app>.top) .library-view button[aria-pressed=true]{background:#854253}
html body:not(.light):has(.app>.top) #grid .card strong,html body:not(.light):has(.app>.top) .app #grid .card strong{color:#f9edf0!important}
html body:not(.light):has(.app>.top) #grid .card small,html body:not(.light):has(.app>.top) .app #grid .card small{color:#e1cbd2!important}
html body:not(.light)[data-library-mode="concerts"]:has(.app>.top) .layout>section{background:#f8eecb!important;color:#221c18}
@media(min-width:1050px){
 html body:not(.light):has(.app>.top) .layout>section{background:#221217;border-color:#8a5365}
 html body:not(.light):has(.app>.top) #grid .card{background:#854253;border-color:#b7798c;box-shadow:2px 3px 0 #10080c}
 html body:not(.light):has(.app>.top) .nuclear-queue{background:#2f1b23;color:#f1e5e8}
 html body:not(.light):has(.app>.top) .nuclear-queue-list .queue-song{background:#221217;color:#f1e5e8;border-color:#a4697b}
 html body:not(.light):has(.app>.top) .nuclear-queue-list .is-current .queue-song{background:#854253}
 html body:not(.light):has(.app>.top) .nuclear-queue-list .queue-song small,html body:not(.light):has(.app>.top) .nuclear-empty{color:#d1b9c1}
 html body:not(.theme-light)[data-active-view="music"] #bottomNav,html body:not(.theme-light)[data-active-view="music"] .player-host .mini{background:#2f1b23!important;border-color:#a4697b!important}
 html body:not(.theme-light)[data-active-view="music"] #bottomNav button,html body:not(.theme-light)[data-active-view="music"] .player-host .mini :is(strong,.meta,.icon){color:#f1e5e8!important}
 html body:not(.theme-light)[data-active-view="music"] .player-host .mini small{color:#c0a8b0!important}
}

/* A quieter palette ties the music library to the shared navigation. */
html body.light:has(.app>.top) .app .search{background:#f6f2f6!important;border:1px solid #bcb2c0!important}
html body.light:has(.app>.top) .tabs button.active{background:#ded1e2!important;border:1px solid #a99bae!important;color:#302337!important}
html body.light:has(.app>.top) .library-view button,html body.light:has(.app>.top) .library-order select{border:1px solid #a99bae}
html body.light:has(.app>.top) .library-view button[aria-pressed=true]{background:#ded1e2;color:#302337}
html body.light:has(.app>.top) #grid .art{border:1px solid #c7bec8}
@media(min-width:1050px){
 html body.light:not([data-library-mode="concerts"]):has(.app>.top) .layout>section{background:#f3eff4;border-color:#ddd4de;border-width:1px}
 html body.light:has(.app>.top) #grid .card{background:#faf8fa;border:1px solid #d7ced8;box-shadow:none}
 html body.light:has(.app>.top) .nuclear-queue header button{background:#ded1e2;border:1px solid #a99bae}
}
/* Match the concert view to the music room's light and dark themes. */
html body.light[data-library-mode="concerts"] .layout>section{background:#f3eff4!important;color:#302832!important}
html body.light[data-library-mode="concerts"] .feature-toolbar h2,html body.light[data-library-mode="concerts"] .concert-card strong{color:#302832!important}
html body.light[data-library-mode="concerts"] .concert-card :is(small,em){color:#765b80!important}
html body:not(.light)[data-library-mode="concerts"] .layout>section{background:#242027!important;color:#f1eaf2!important}
html body:not(.light)[data-library-mode="concerts"] .feature-toolbar h2,html body:not(.light)[data-library-mode="concerts"] .concert-card strong{color:#f1eaf2!important}
html body:not(.light)[data-library-mode="concerts"] .concert-card :is(small,em),html body:not(.light)[data-library-mode="concerts"] .feature-note{color:#c9b9cb!important}
html body:not(.light)[data-library-mode="concerts"]:has(.app>.top) .layout>section{background:#242027!important;color:#f1eaf2!important}

/* Shared quiet neutral and muted violet palette. */
html body:not(.light):has(.app>.top){--text:#f1eaf2;--muted:#bcb1be;--accent:#cbb0d2;--line:#625966;--mobile-bg:#17161b;--mobile-surface:#242027;--mobile-ink:#f1eaf2;--mobile-muted:#bcb1be;--mobile-line:#625966;--mobile-accent:#cbb0d2;--mobile-selected:#57445f;background:#17161b!important;color:#f1eaf2!important}
html body:not(.light):has(.app>.top) .app,html body:not(.light):has(.app>.top) .app .top,html body:not(.light):has(.app>.top) .nuclear-queue{background:#17161b!important;color:#f1eaf2!important}
html body:not(.light):has(.app>.top) .app .search,html body:not(.light):has(.app>.top) .layout>section,html body:not(.light):has(.app>.top) .nuclear-queue-list .queue-song{background:#242027!important;border-color:#625966!important}
html body:not(.light):has(.app>.top) .app .tabs button.active,html body:not(.light):has(.app>.top) .library-view button[aria-pressed=true],html body:not(.light):has(.app>.top) #grid .card,html body:not(.light):has(.app>.top) .nuclear-queue-list .is-current .queue-song{background:#57445f!important;border-color:#75677a!important}
html body:not(.light):has(.app>.top) .library-view button,html body:not(.light):has(.app>.top) .library-order select{background:#242027;border-color:#625966;color:#f1eaf2}
html body:not(.theme-light)[data-active-view="music"] #bottomNav,html body:not(.theme-light)[data-active-view="music"] .player-host .mini{background:#242027!important;border-color:#625966!important}
html body[data-active-view="music"] .player-host .mini .play{background:#ded1e2!important;border-color:#a99bae!important;color:#302337!important}
html body[data-active-view="music"] #bottomNav button.is-active{border-color:#806780!important}

/* A lighter music library: retain controls and artwork without heavy frames. */
html body:has(.app>.top) .app .top{border-bottom:1px solid color-mix(in srgb,currentColor 10%,transparent)!important}
html body:has(.app>.top) .app .layout>section{border:0!important;background:transparent!important}
html body:has(.app>.top) .app .search{background:transparent!important;border:0!important;border-bottom:1px solid color-mix(in srgb,currentColor 20%,transparent)!important;border-radius:0!important;box-shadow:none!important}
html body:has(.app>.top) .app .tabs button{border:0!important;background:transparent!important;box-shadow:none!important}
html body:has(.app>.top) .app .tabs button.active{color:var(--mobile-accent,var(--accent))!important}
html body:has(.app>.top) .app :is(.library-view button,.library-order select){border:0!important;box-shadow:none!important}
html body:has(.app>.top) .app .library-view button[aria-pressed=true]{background:color-mix(in srgb,currentColor 12%,transparent)!important}
html body:has(.app>.top) .app #grid .card{background:transparent!important;border:0!important;border-bottom:1px solid color-mix(in srgb,currentColor 10%,transparent)!important;box-shadow:none!important}
html body:has(.app>.top) .app #grid .art{border:0!important;box-shadow:none!important}
html body:has(.app>.top) .app #grid .art::after{border:0!important}
@media(min-width:1050px){html body:has(.app>.top) .app #grid .card{border-bottom:0!important}}

/* Use the selected viewing style in albums, playlists, concerts and rankings. */
body[data-library-view="covers"] .record-grid,body[data-library-view="covers"] .playlist-grid,body[data-library-view="covers"] .concert-grid,body[data-library-view="covers"] .personal-songs,body[data-library-view="covers"] .stats-ranking-grid,body[data-library-view="covers"] .concert-setlist{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:20px 14px!important}
body[data-library-view="covers"] .record-card{display:block!important;padding:0!important;border:0!important;min-height:0!important}
body[data-library-view="covers"] .record-sleeve{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1;margin:0;box-shadow:none}
body[data-library-view="covers"] .record-card strong{display:block;margin:8px 0 0}
body[data-library-view="covers"] .record-card small{display:block;margin:3px 0 0}
body[data-library-view="covers"] .concert-card{display:block!important;padding:0!important;border:0!important;background:transparent!important}
body[data-library-view="covers"] .concert-card img{display:block;width:100%!important;height:auto!important;aspect-ratio:1;object-fit:cover}
body[data-library-view="covers"] .personal-song{display:flex;position:relative;flex-wrap:wrap;padding:0;border:0;align-content:start}
body[data-library-view="covers"] .personal-song>button:first-child{display:block;width:100%;text-align:left}
body[data-library-view="covers"] .personal-song>button:first-child img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
body[data-library-view="covers"] .personal-song>button:first-child span{display:block;margin-top:8px}
body[data-library-view="covers"] .stats-ranking-grid>button{display:block;text-align:left;border:0!important;padding:0!important}
body[data-library-view="covers"] .stats-ranking-grid>button>span:first-child{display:none}
body[data-library-view="covers"] .stats-ranking-grid>button img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
body[data-library-view="covers"] .stats-ranking-grid>button>span:last-child{display:block;margin-top:8px}
body[data-library-view="covers"] .concert-setlist li{display:block;border:0;position:relative}
body[data-library-view="covers"] .concert-setlist li>span:first-child{position:absolute;top:6px;left:6px;background:#0009;color:white;padding:2px 6px;border-radius:4px}
body[data-library-view="covers"] .concert-setlist .concert-track-cover{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:5px;background:#8d82951c}
body[data-library-view="list"] .concert-setlist .concert-track-cover{display:none}
body[data-library-view="list"] .playlist-grid{display:grid;grid-template-columns:1fr;gap:0}
body[data-library-view="list"] .playlist-grid>button{display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto auto;column-gap:12px;text-align:left;align-items:center}
body[data-library-view="list"] .playlist-grid>button img{grid-column:1;grid-row:1/3;width:54px;height:54px;object-fit:cover}
body[data-library-view="list"] .playlist-grid>button strong,body[data-library-view="list"] .playlist-grid>button small{grid-column:2}
@media(max-width:740px){body[data-library-view="covers"] :is(.record-grid,.playlist-grid,.concert-grid,.personal-songs,.stats-ranking-grid,.concert-setlist){grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Concert list view uses compact thumbnails on every screen size. */
body[data-library-view="list"][data-library-mode="concerts"] .concert-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important}
body[data-library-view="list"][data-library-mode="concerts"] .concert-grid .concert-card{display:grid!important;grid-template-columns:6.5rem minmax(0,1fr)!important;align-items:center!important;gap:1rem!important;padding:.75rem 0!important;min-height:0!important;border:0!important;border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent)!important;background:transparent!important}
body[data-library-view="list"][data-library-mode="concerts"] .concert-grid .concert-card img{display:block!important;width:6.5rem!important;height:auto!important;aspect-ratio:1!important;object-fit:cover!important;border-radius:.5rem!important}
body[data-library-view="list"][data-library-mode="concerts"] .concert-grid .concert-card span{display:block!important;padding:0!important;min-width:0}

/* Site identity now lives on the home page. */
body.embedded-music .app>.top{display:none!important}
@media(min-width:1050px){body.embedded-music .app .tabs,body.embedded-music .nuclear-queue{top:12px}}

/* Concert pages share the music library's plain background. */
html body[data-library-mode="concerts"]:has(.app>.top) .app .layout>section{background:transparent!important;border:0!important;box-shadow:none!important}