/* Shared front-end surfaces. Dimensions, media and control positions are kept. */
:root{--ip-glass:rgba(17,21,27,.66);--ip-glass-head:rgba(17,21,27,.72);--ip-glass-soft:rgba(255,255,255,.055);--ip-glass-edge:rgba(255,255,255,.17);--ip-glass-text:#f7f9fc;--ip-glass-muted:#e0e6ed;--ip-glass-blur:blur(24px) saturate(115%)}
:root[data-theme="light"],:root[data-home-theme="light"],body[data-theme="light"]{--ip-glass:rgba(244,247,250,.78);--ip-glass-head:rgba(244,247,250,.84);--ip-glass-soft:rgba(20,30,42,.045);--ip-glass-edge:rgba(20,30,42,.18);--ip-glass-text:#131c29;--ip-glass-muted:#334154}
:root{--itp-panel:var(--ip-glass)}
body[data-itplays-music]{--panel:var(--ip-glass)}
body[data-itplays-music] #panel,
body[data-itplays-music] #panel.ip-action-sheet,
body[data-itplays-music] #panel.ip-account-sheet,
body[data-itplays-music] #panel.master-sheet,
.uv-account-panel,.uv-setting-panel,.uv-playlist-popover,.uv-channel-info,.profile-overlay,.bp-menu,.home-dialog,.category-menu,.uv-player .uv-menu{
 background:var(--ip-glass)!important;color:var(--ip-glass-text)!important;border-color:var(--ip-glass-edge)!important;
 -webkit-backdrop-filter:var(--ip-glass-blur);backdrop-filter:var(--ip-glass-blur);box-shadow:0 18px 60px #0005;
}
body[data-itplays-music] #panel .panel-head,body[data-itplays-music] #panel.ip-account-sheet .panel-head,.home-dialog-head{
 background:var(--ip-glass-head)!important;color:var(--ip-glass-text)!important;border-color:var(--ip-glass-edge)!important;
 -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
}
body[data-itplays-music] #panel::backdrop,.home-dialog::backdrop{background:rgba(0,0,0,.24)!important}
body[data-itplays-music] #panel #panel-body{background:transparent!important;color:var(--ip-glass-text)}
body[data-itplays-music] #panel .trial-menu-group,body[data-itplays-music] #panel .action-trio>button{
 background:var(--ip-glass-soft)!important;color:var(--ip-glass-text);border-color:var(--ip-glass-edge)!important;
}
body[data-itplays-music] #panel .action-trio>button[aria-pressed="true"]{background:#ef3441!important;color:#fff!important}
body[data-itplays-music] #panel :is(.meta,.empty,.panel-note,.trial-song-summary small,.ip-lyrics-credit){color:var(--ip-glass-muted)!important;opacity:1}
body[data-itplays-music] :is(.masthead,.wide-nav,.feature,.library-shortcut,.searchbar,.library-toolbar),
.itp-site-header,.itp-site-nav,.home-header,.home-mobile-nav{
 background:var(--ip-glass-head)!important;border-color:var(--ip-glass-edge)!important;
 -webkit-backdrop-filter:blur(18px) saturate(115%);backdrop-filter:blur(18px) saturate(115%);
}
body[data-itplays-music] .feature{color:var(--ip-glass-text)}
body[data-itplays-music] .feature :is(p,.eyebrow){color:var(--ip-glass-muted)}
body[data-itplays-music] #player .mode-switch,
body[data-itplays-music] #player .trial-pill:not([aria-pressed="true"]),
body[data-itplays-music] .list-track{
 background:var(--ip-glass)!important;color:var(--ip-glass-text);border-color:var(--ip-glass-edge)!important;
 -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
body[data-itplays-music] #player .trial-pill[aria-pressed="true"]{background:#ef3441!important;color:#fff!important}
body[data-itplays-music] #panel[data-view="lyrics"] :is(.plain-lyrics,.lyric){
 font-family:inherit!important;font-size:clamp(20px,2.7vw,25px)!important;font-weight:600!important;line-height:1.7!important;letter-spacing:0!important;
 color:var(--ip-glass-text)!important;text-align:left;white-space:pre-line;text-shadow:none!important;
}
body[data-itplays-music] #panel[data-view="lyrics"] .lyric{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
body[data-itplays-music] #panel[data-view="lyrics"] .lyric[aria-current="true"]{color:#ffe5e9!important;background:rgba(239,52,65,.22)!important;text-shadow:0 0 12px rgba(255,70,90,.38)!important;box-shadow:none!important;border-radius:8px}
:root[data-theme="light"] body[data-itplays-music] #panel[data-view="lyrics"] .lyric[aria-current="true"]{color:#8d1822!important;background:rgba(239,52,65,.14)!important;text-shadow:none!important}
body[data-itplays-music] #panel[data-view="lyrics"] .lyric:focus-visible{outline:2px solid #ef3441;outline-offset:-2px}
body[data-itplays-music] #panel[data-view="lyrics"] #panel-body:has(.lyric){padding-bottom:calc(27dvh + 20px)!important}
body[data-itplays-music] #player .trial-audio-overlay{background:linear-gradient(transparent,rgba(8,12,18,.75))}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 :root{--ip-glass:rgba(17,21,27,.96);--ip-glass-head:rgba(17,21,27,.96)}
 :root[data-theme="light"],:root[data-home-theme="light"],body[data-theme="light"]{--ip-glass:rgba(244,247,250,.97);--ip-glass-head:rgba(244,247,250,.97)}
}
@media(prefers-reduced-transparency:reduce){:root{--ip-glass:rgb(17,21,27);--ip-glass-head:rgb(17,21,27);--ip-glass-blur:none}}
