/* Home opens with discovery immediately after Search; the introductory copy closes the page. */
body.music-room-page .main:has(.hmg)>.topbar{margin-bottom:8px}
.hmg>.artist-rail:first-child{margin-top:0;margin-bottom:20px}.hmg-end-note{margin:38px 0 18px;padding-top:26px;border-top:1px solid var(--line-2)}.hmg .hmg-end-note h1{font-size:21px;font-weight:500;letter-spacing:-.6px}.hmg-end-note .hmg-link{display:inline-flex;align-items:center;gap:12px;min-height:44px}.hmg-end-note .hmg-link svg{flex:none;transition:transform .22s}
/* The sheen is clipped to each badge and animates only its transform. */
.artist-rail-chip{overflow:hidden;isolation:isolate;box-shadow:inset 0 1px 0 #ffffff55,inset 0 -1px 0 #0002,0 2px 10px rgb(var(--artist-rgb)/.08)}
.artist-rail-chip>span{position:relative;z-index:1}.artist-rail-chip:after{content:'';position:absolute;inset:-25% -20%;z-index:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#ffffff05 37%,#ffffff40 49%,#ffffff08 60%,transparent 75%);transform:translateX(-170%);animation:artist-badge-sheen 10s ease-in-out infinite;animation-delay:calc(var(--artist-order,0)*.55s)}
.artist-rail[data-paused=true] .artist-rail-chip:after{animation-play-state:paused}@keyframes artist-badge-sheen{0%,72%{transform:translateX(-170%)}94%,100%{transform:translateX(170%)}}
body.music-room-page .hmg-deck-transport button:not([data-deck=play]),body.music-room-page .player :is(#prevBtn2,#nextBtn2){display:inline-grid;place-items:center;border:1px solid var(--line-2);background:color-mix(in srgb,var(--panel) 78%,transparent);color:var(--ink);border-radius:11px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-color .2s,background-color .2s,transform .15s}
body.music-room-page .hmg-deck-transport button:not([data-deck=play]){width:36px;height:38px;padding:8px}
body.music-room-page .player :is(#prevBtn2,#nextBtn2) svg,.hmg-deck-transport svg{width:17px;height:17px;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
dialog[data-visual=lyric-theatre] .atlas-room-transport button:is([aria-label=Previous],[aria-label=Next]){border:1px solid #bdd8db30;background:#24404a55;color:#e4eeed;border-radius:13px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:12px;transition:border-color .2s,transform .15s}
body.music-room-page :is(.hmg-deck-transport button,.player #prevBtn2,.player #nextBtn2):active,dialog[data-visual=lyric-theatre] .atlas-room-transport button:active{transform:scale(.94)}
@media(hover:hover) and (pointer:fine){.artist-rail-chip:hover{box-shadow:inset 0 1px 0 #ffffff70,0 3px 16px rgb(var(--artist-rgb)/.2)}.hmg-end-note .hmg-link:hover svg{transform:translate(2px,-2px)}body.music-room-page :is(.hmg-deck-transport button,.player #prevBtn2,.player #nextBtn2):hover{border-color:var(--accent)}.hmg-deck-transport [data-deck=next]:hover svg,.player #nextBtn2:hover svg{transform:translateX(2px)}.hmg-deck-transport [data-deck=prev]:hover svg,.player #prevBtn2:hover svg{transform:translateX(-2px)}}
@media(max-width:760px){.hmg-end-note{margin-top:27px;padding-top:20px;align-items:flex-start;gap:10px}.hmg .hmg-end-note h1{font-size:18px}.hmg-end-note .hmg-link{font-size:10px;gap:6px}.hmg>.artist-rail:first-child{margin-bottom:16px}body.music-room-page .player :is(#prevBtn2,#nextBtn2){width:30px;min-width:0;padding:6px;border-radius:9px}}
@media(prefers-reduced-motion:reduce){.artist-rail-chip:after{animation:none;display:none}.hmg-end-note .hmg-link svg,.hmg-deck-transport svg,body.music-room-page :is(.hmg-deck-transport button,.player #prevBtn2,.player #nextBtn2),dialog[data-visual=lyric-theatre] .atlas-room-transport button{transition:none!important;transform:none!important}}
.hmg :is(.hmg-section-heading .hmg-link,.hmg-lab-links a){display:inline-flex;align-items:center;gap:8px}.hmg .hmg-forward-icon{width:28px;height:28px;padding:6px;border:1px solid var(--line-2);border-radius:9px;box-sizing:border-box;flex:none;background:color-mix(in srgb,var(--panel) 75%,transparent);transition:transform .2s,border-color .2s}@media(hover:hover) and (pointer:fine){.hmg a:hover .hmg-forward-icon{border-color:var(--accent);transform:translate(1px,-1px)}}@media(prefers-reduced-motion:reduce){.hmg .hmg-forward-icon{transition:none;transform:none!important}}
@media(max-width:760px){.hmg .hmg-section-heading .hmg-link{max-width:140px;min-width:120px;gap:6px;justify-content:flex-end}}