/* Compact listening bar for TV only. Desktop and touch layouts keep their sizing. */
html[data-fenix-tv="true"] .fenixmusic-redesign.fenixmusic-page .music-miniplayer{height:60px!important;min-height:60px!important;max-height:60px!important;padding:7px 16px!important;border-top:1px solid #ffffff10!important;background:#09090bf5!important;box-shadow:0 -8px 26px #0003!important}
html[data-fenix-tv="true"] .fenixmusic-redesign .music-miniplayer .music-player-controls{display:grid!important;grid-template-columns:minmax(150px,1fr) minmax(280px,1.5fr) minmax(280px,1.2fr)!important;gap:14px!important;height:46px;max-width:none!important;align-items:center!important}
html[data-fenix-tv="true"] .fenixmusic-redesign .music-miniplayer .music-player-controls>div{grid-column:auto!important;min-width:0;max-width:none!important}
html[data-fenix-tv="true"] .fenixmusic-redesign .music-miniplayer .music-player-controls>div:first-child{gap:9px!important}
html[data-fenix-tv="true"] .fenixmusic-redesign .music-miniplayer .music-player-controls>div:first-child img{width:32px!important;height:32px!important}
html[data-fenix-tv="true"] .fenixmusic-redesign .music-miniplayer .music-player-controls>div:first-child p{line-height:1.3!important;font-size:12px!important}
html[data-fenix-tv="true"] .fenixmusic-redesign .music-miniplayer .music-player-controls>div:nth-child(2){display:flex!important;flex-direction:row!important;gap:12px!important;margin:0!important;align-items:center!important}
html[data-fenix-tv="true"] .fenixmusic-redesign .music-miniplayer .music-player-controls>div:nth-child(2)>div:first-child{gap:5px!important;flex-shrink:0}
html[data-fenix-tv="true"] .fenixmusic-redesign .music-miniplayer .music-player-controls>div:nth-child(2)>div:last-child{gap:6px!important;margin:0!important;min-width:75px}
html[data-fenix-tv="true"] .fenixmusic-redesign .music-miniplayer .music-player-controls>div:nth-child(2)>div:last-child>div{height:3px!important}
html[data-fenix-tv="true"] .fenixmusic-redesign .music-miniplayer .music-player-controls>div:nth-child(2)>div:last-child>span{font-size:11px!important;width:32px!important}
html[data-fenix-tv="true"] .fenixmusic-redesign .music-miniplayer button{min-height:28px!important;padding:5px 7px!important;line-height:1!important}
html[data-fenix-tv="true"] .fenixmusic-redesign .music-miniplayer button.w-9{width:32px!important;height:32px!important}
html[data-fenix-tv="true"] .fenixmusic-redesign .music-miniplayer .music-player-controls>div:last-child{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:5px!important;justify-content:flex-end!important;max-height:40px;overflow-x:auto!important;scrollbar-width:thin;scrollbar-color:#555 transparent}
html[data-fenix-tv="true"] .fenixmusic-redesign .music-miniplayer .music-player-controls>div:last-child>div{padding:3px 6px!important;gap:5px!important;flex-shrink:0}
html[data-fenix-tv="true"] .fenixmusic-redesign .music-miniplayer .music-player-controls>div:last-child>div:first-child>div{width:48px!important;height:3px!important}
html[data-fenix-tv="true"] .fenixmusic-redesign .music-apps-launcher>button{bottom:76px!important}
html[data-fenix-tv="true"] .fenixmusic-redesign.fenixmusic-page main>div:last-child{padding-bottom:90px!important}
/* The expanded TV player fits its whole composition inside the viewport. */
html[data-fenix-tv="true"] .fm-expanded{--fm-tv-art:32vh;display:flex!important;flex-direction:column!important;height:100vh!important;height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;min-height:0!important;overflow:hidden!important}
@supports(height:min(1px,2px)){html[data-fenix-tv="true"] .fm-expanded{--fm-tv-art:min(42vh,420px,calc(100vh - 300px))}}
html[data-fenix-tv="true"] .fm-expanded>header{height:52px!important;min-height:52px!important;flex:none!important;padding:6px 3vw!important;box-sizing:border-box;letter-spacing:.16em;font-size:12px}
html[data-fenix-tv="true"] .fm-expanded .fm-expanded-body{display:flex!important;flex:1!important;min-height:0!important;height:auto!important;align-items:center!important;justify-content:center!important;padding:8px 4vw 20px!important;box-sizing:border-box;overflow:hidden!important}
html[data-fenix-tv="true"] .fm-expanded .fm-now{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:var(--fm-tv-art) auto 40px 24px 36px 32px!important;gap:8px!important;flex:0 1 1100px!important;align-self:center!important;width:100%!important;max-width:1100px!important;height:auto!important;max-height:100%!important;min-height:0!important;margin:0 auto!important;padding:0!important;overflow:visible!important}
html[data-fenix-tv="true"] .fm-expanded .fm-artwork{grid-row:1!important;width:100%!important;height:var(--fm-tv-art)!important;min-height:0!important;margin:0!important}
html[data-fenix-tv="true"] .fm-expanded .fm-cover-stage,html[data-fenix-tv="true"] .fm-expanded .fm-cover-stage .music-cover-carousel{width:100%!important;height:var(--fm-tv-art)!important;min-height:0!important}
html[data-fenix-tv="true"] .fm-expanded .fm-now .music-carousel-cover{width:var(--fm-tv-art)!important;height:var(--fm-tv-art)!important;max-width:none!important;max-height:none!important;border-radius:25px!important}
html[data-fenix-tv="true"] .fm-expanded .fm-art-switch{height:var(--fm-tv-art)!important;min-height:0!important;width:100%!important;padding:0!important}
html[data-fenix-tv="true"] .fm-expanded .fm-disc-wrap{--disc-size:var(--fm-tv-art);height:var(--fm-tv-art)!important;padding:0!important;box-sizing:border-box}
html[data-fenix-tv="true"] .fm-expanded .fm-song{grid-row:2!important;margin:0!important;max-height:52px!important;padding:0 46px!important;box-sizing:border-box}
html[data-fenix-tv="true"] .fm-expanded .fm-song h1{font-size:22px!important;line-height:1.3!important;font-weight:550!important;margin:0!important}
html[data-fenix-tv="true"] .fm-expanded .fm-song p{font-size:13px!important;line-height:1.4!important;margin:2px 0 0!important}
html[data-fenix-tv="true"] .fm-expanded .fm-transport{grid-row:3!important;margin:0!important;gap:12px!important;height:40px!important}
html[data-fenix-tv="true"] .fm-expanded .fm-transport button{height:32px!important;width:32px!important;padding:6px!important}
html[data-fenix-tv="true"] .fm-expanded .fm-transport .fm-play{height:40px!important;width:40px!important}
html[data-fenix-tv="true"] .fm-expanded .fm-progress-row{grid-row:4!important;width:70%!important;max-width:680px!important;justify-self:center!important;align-self:center!important;font-size:12px!important}
html[data-fenix-tv="true"] .fm-expanded .fm-controls-row{grid-row:5!important;width:100%!important;max-width:820px!important;justify-self:center!important;justify-content:center!important;align-self:center!important;flex-wrap:nowrap!important;gap:12px!important;margin:0!important;min-height:0!important;height:36px!important}
html[data-fenix-tv="true"] .fm-expanded .fm-controls-row .fm-volume{flex:0 1 120px!important;max-width:120px!important}
html[data-fenix-tv="true"] .fm-expanded .fm-controls-row .fm-tools{flex:0 1 auto!important;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto;max-height:36px;scrollbar-width:thin;scrollbar-color:#555 transparent}
html[data-fenix-tv="true"] .fm-expanded .fm-controls-row .fm-tools button{flex:none!important;min-height:30px!important;padding:6px 9px!important;font-size:12px!important}
html[data-fenix-tv="true"] .fm-expanded .fm-queue-toggle{grid-row:6!important;justify-self:center!important;align-self:center!important;height:32px!important;min-height:32px!important;padding:5px 14px!important;font-size:12px!important}
html[data-fenix-tv="true"] .fm-expanded .fm-now>p[role=alert]{position:absolute;bottom:8px;left:10%;right:10%;text-align:center;font-size:12px}
/* Opening the list animates only the list; the artwork never jumps sideways. */
.fm-expanded.fm-queue-visible .fm-now{max-width:980px!important;margin:auto!important}
.fm-expanded .fm-panel{animation:none!important;transition:none!important;will-change:auto}
.fm-expanded .fm-panel:not([hidden]){animation:fm-queue-reveal .28s cubic-bezier(.22,.7,.2,1)!important}
@keyframes fm-queue-reveal{from{transform:translate3d(32px,0,0);opacity:0}to{transform:translate3d(0,0,0);opacity:1}}
@media(prefers-reduced-motion:reduce){.fm-expanded .fm-panel:not([hidden]){animation:none!important}}
/* Narrow navigation rail; labels unfold inside the capsule, without floating tooltips. */
@media(min-width:768px){
 .fenixmusic-redesign.fenixmusic-page .music-sidebar{width:76px!important;min-width:76px!important}
 .fenixmusic-redesign .music-sidebar nav{width:50px!important;align-self:center!important;margin-left:0!important;padding:5px!important;border-radius:28px!important;transition:width .24s cubic-bezier(.22,.7,.2,1),box-shadow .24s!important;overflow:hidden!important;box-sizing:border-box;white-space:nowrap;background:#101012f5!important}
 .fenixmusic-redesign .music-sidebar nav button{width:38px!important;height:38px!important;min-height:38px!important;padding:9px!important;margin:3px 0!important;font-size:0!important;gap:0!important;justify-content:flex-start!important;text-align:left;overflow:hidden!important;transition:width .24s,padding .24s,gap .24s!important}
 .fenixmusic-redesign .music-sidebar nav button svg{width:20px!important;height:20px!important;min-width:20px!important;flex:none!important}
 .fenixmusic-redesign .music-sidebar nav button::after{display:none!important}
 .fenixmusic-redesign .music-sidebar nav:hover,.fenixmusic-redesign .music-sidebar nav:focus-within{width:208px!important;box-shadow:14px 10px 35px #0009!important}
 .fenixmusic-redesign .music-sidebar nav:hover button,.fenixmusic-redesign .music-sidebar nav:focus-within button{width:196px!important;font-size:13px!important;gap:12px!important;padding:9px!important;border-radius:999px!important}
 .fenixmusic-redesign .music-sidebar nav button[aria-label="Baixadas"] svg{color:inherit!important}
 .fenixmusic-redesign .music-sidebar nav button[aria-label="Baixadas"]{--tw-ring-color:#ffffff1a!important;box-shadow:none!important}
}
@media(prefers-reduced-motion:reduce){.fenixmusic-redesign .music-sidebar nav,.fenixmusic-redesign .music-sidebar nav button{transition:none!important}}
/* A single desktop/TV header: search and account controls share one row. */
@media(min-width:768px){
 .fenixmusic-redesign .music-page-header{display:flex;align-items:center;gap:16px;min-height:62px;padding:6px 18px 6px 8px;box-sizing:border-box}
 .fenixmusic-redesign .music-header-search{order:0;flex:1;min-width:0;padding:0!important}
 .fenixmusic-redesign .music-header-search>div>div{height:42px!important}
 .fenixmusic-redesign .music-header-search input{min-width:0}
 .fenixmusic-redesign .music-account-toolbar{order:1;flex:none;padding:0!important;gap:12px}
 .fenixmusic-redesign .music-header-library .music-account-toolbar{margin-right:clamp(16px,5vw,100px)}
 .fenixmusic-redesign .music-account-avatar{width:34px;height:34px}
 .fenixmusic-redesign .music-artist-entry{font-size:12px;padding:8px 12px;white-space:nowrap}
}
/* TV artwork belongs to a compact hero, rather than filling most of the screen. */
html[data-fenix-tv="true"] .fenixmusic-redesign .music-listening-hero{min-height:0!important;height:auto!important;margin-bottom:18px!important;padding:20px 28px 28px!important;box-sizing:border-box}
html[data-fenix-tv="true"] .fenixmusic-redesign .music-hero-sleeves .music-cover-carousel{height:34vh!important;max-height:300px!important;min-height:150px!important}
html[data-fenix-tv="true"] .fenixmusic-redesign .music-hero-copy h1{font-size:clamp(24px,2.7vw,38px)!important;margin:10px 0!important}
html[data-fenix-tv="true"] .fenixmusic-redesign .music-hero-copy p{font-size:14px!important;margin:6px 0!important}
html[data-fenix-tv="true"] .fenixmusic-redesign .music-hero-actions{margin-top:16px!important}
html[data-fenix-tv="true"] .fenixmusic-redesign .music-hero-sleeves .music-carousel-cover{width:26vh!important;max-width:250px!important}
html[data-fenix-tv="true"] .fenixmusic-redesign .music-hero-backdrop{transform:none!important;filter:blur(8px) saturate(.8)!important}
.music-account-toolbar .music-artist-entry{display:inline-flex;align-items:center;gap:7px;border:1px solid transparent!important;border-radius:999px;background:linear-gradient(#09090b,#09090b) padding-box,linear-gradient(110deg,#f64d83,#ffb72d,#3ae6ac,#4b9bff,#b45bfa) border-box!important;color:#fff}
.music-account-toolbar .music-artist-entry small{font-size:9px;line-height:1.2;color:#a1a1aa;white-space:nowrap;font-weight:400}
@media(max-width:767px){.music-account-toolbar .music-artist-entry{gap:5px}.music-account-toolbar .music-artist-entry small{font-size:8px}}
/* Anchor the unfolding capsule to the left rail: expansion must stay on screen. */
@media(min-width:768px){
 .fenixmusic-redesign .music-sidebar nav{align-self:flex-start!important;margin-left:13px!important;transform-origin:left center}
 .fenixmusic-redesign .music-sidebar nav:hover,.fenixmusic-redesign .music-sidebar nav:focus-within{max-width:calc(100vw - 32px)!important}
}
/* Mobile keeps one header row; creator entry is desktop/TV only. */
@media(max-width:767px){
 .fenixmusic-redesign .music-page-header .music-account-toolbar{position:absolute;right:16px;top:calc(env(safe-area-inset-top,0px) + 22px);z-index:2;padding:0!important;gap:0}
 .fenixmusic-redesign .music-page-header .music-artist-entry{display:none!important}
 .fenixmusic-redesign .music-page-header .music-account-avatar{width:32px;height:32px}
 .fenixmusic-redesign .music-page-header .music-account-toolbar+div>div:first-child{padding-right:64px}
}
@media(max-width:767px){
 .fenixmusic-redesign .music-mobile-hero-cover{display:none!important}
 .fenixmusic-redesign .music-hero-copy{min-height:0}
 .fenixmusic-redesign .music-hero-copy h1,.fenixmusic-redesign .music-hero-copy>p,.fenixmusic-redesign .music-hero-copy>.music-eyebrow{padding-right:0!important;min-height:0}
}
@media(max-width:767px){
 .fenixmusic-redesign .music-listening-hero{display:flex;flex-direction:column;align-items:stretch;gap:16px}
 .fenixmusic-redesign .music-hero-copy{width:100%}
 .fenixmusic-redesign .music-hero-sleeves{display:block!important;align-self:center;width:100%!important;padding:0!important;min-width:0}
 .fenixmusic-redesign .music-hero-sleeves .music-cover-carousel{height:58vw;min-height:180px;max-height:270px;width:100%}
 .fenixmusic-redesign .music-hero-sleeves .music-carousel-cover{width:56%!important;max-width:230px!important;border-radius:25px!important}
}
@media(max-width:767px){.fenixmusic-redesign .music-hero-carousel>.music-listening-hero{margin:-16px -16px 8px;width:calc(100% + 32px);border-radius:0 0 25px 25px;padding-top:22px}}
.fenixmusic-redesign .music-page-header,.fenixmusic-redesign .music-header-search{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important;box-shadow:none!important}
@media(max-width:767px){
 .fenixmusic-redesign.fenixmusic-page .music-miniplayer{padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px))!important;box-sizing:border-box}
 .fenixmusic-redesign .music-miniplayer .music-player-controls{display:flex!important;gap:8px!important;min-width:0;width:100%}
 .fenixmusic-redesign .music-miniplayer .music-player-controls>div:first-child{flex:1 1 0!important;width:auto!important;max-width:none!important;gap:8px!important;min-width:0}
 .fenixmusic-redesign .music-miniplayer .music-player-controls>div:first-child img{width:38px!important;height:38px!important}
 .fenixmusic-redesign .music-miniplayer .music-player-controls>div:nth-child(2){flex:0 0 auto!important;width:auto!important;gap:0!important}
 .fenixmusic-redesign .music-miniplayer .music-player-controls>div:nth-child(2)>button{flex-shrink:0}
 .fenixmusic-redesign .music-miniplayer .music-player-controls>div:first-child p{font-size:12px!important}
 .fenixmusic-redesign .music-miniplayer .music-player-controls>div:first-child>button{padding:4px!important}
}
html[data-fenix-tv="true"] .fenixmusic-redesign .music-hero-actions button,html[data-fenix-tv="true"] .fenixmusic-redesign .music-discovery-section header button,html[data-fenix-tv="true"] .fenixmusic-redesign .music-genres-row button{border-radius:12px!important}
.fenixmusic-redesign main>.music-page-header.sticky,.fenixmusic-redesign main>.music-page-header.sticky>.music-header-search{background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.fenixmusic-redesign main>.music-page-header.sticky>.music-header-search{max-width:none!important;margin:0!important}
/* Mobile queue floats as readable dark glass above the inactive playback stage. */
@media(max-width:767px){
 .fm-expanded.fm-queue-visible::before{background:rgba(0,0,0,.12)!important}
 .fm-expanded .fm-panel{background:rgba(12,12,16,.9)!important;box-shadow:-18px 0 45px #0003!important;color:#f5f5f7!important}
 .fm-expanded .fm-panel nav{background:transparent!important}
 .fm-expanded .fm-panel .fm-queue-row[aria-current=true]>button{background:rgba(70,70,78,.55)!important}
 .fm-expanded .fm-panel .fm-queue-row small,.fm-expanded .fm-panel h2{color:#cccbd2!important}
 @supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .fm-expanded .fm-panel{background:rgba(14,14,18,.62)!important;backdrop-filter:blur(22px) saturate(.8)!important;-webkit-backdrop-filter:blur(22px) saturate(.8)!important}
 }
}
@media(max-width:767px){
 .fm-expanded .fm-controls-row{display:flex!important;flex-direction:column!important;align-items:center!important;gap:12px!important;width:100%!important;margin:10px 0!important}
 .fm-expanded .fm-controls-row .fm-volume{width:200px;max-width:70%;flex:none}
 .fm-expanded .fm-controls-row .fm-tools{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;justify-content:center;width:100%;max-width:360px;gap:8px!important;margin:0!important}
 .fm-expanded .fm-controls-row .fm-tools button{height:34px;min-height:34px;width:100%;min-width:0;padding:6px 8px!important;font-size:12px;line-height:1;white-space:nowrap;box-sizing:border-box;justify-content:center}
 .fm-expanded .fm-controls-row .fm-tools button svg{flex-shrink:0}
 .fm-expanded .fm-queue-toggle{align-self:center;margin-top:4px}
}
/* Mobile expanded photo stage exposes neighboring tracks and existing swipe controls. */
@media(max-width:767px){
 .fm-expanded.fm-visual-photo .fm-cover-stage{display:block!important;width:100%}
 .fm-expanded.fm-visual-photo .fm-art-switch{display:none!important}
 .fm-expanded.fm-visual-disc .fm-cover-stage,.fm-expanded.fm-visual-spectrum .fm-cover-stage{display:none!important}
 .fm-expanded .fm-cover-stage .music-cover-carousel{height:70vw;height:min(70vw,38vh);min-height:180px;width:100%;overflow:hidden}
 .fm-expanded .fm-cover-stage .music-carousel-cover{width:62vw;max-width:280px;height:auto;aspect-ratio:1;border-radius:25px!important;transition:transform .32s linear,opacity .32s linear!important;box-shadow:0 12px 35px #0007}
 .fm-expanded .fm-cover-stage .music-carousel-cover[data-offset='-1'],.fm-expanded .fm-cover-stage .music-carousel-cover[data-offset='1']{opacity:.4;filter:brightness(.65)}
 .fm-expanded .fm-cover-stage .music-carousel-cover[data-offset='-2'],.fm-expanded .fm-cover-stage .music-carousel-cover[data-offset='2']{opacity:.15;filter:brightness(.45)}
}
