/* A quiet surface exists before artwork or application data arrives. */
#musicView{
 --surface-top:#edf4ff;--surface-middle:#f7f9fd;--surface-bottom:#fffaf3;
 position:relative;isolation:isolate;
 background:linear-gradient(180deg,var(--surface-top) 0%,var(--surface-middle) 46%,var(--surface-bottom) 100%);
}
#musicView::before{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;
 background:linear-gradient(180deg,color-mix(in srgb,var(--ambient) 14%,var(--paper)) 0%,color-mix(in srgb,var(--ambient) 6%,var(--paper)) 48%,color-mix(in srgb,var(--ambient) 3%,var(--surface-bottom)) 100%);
 transition:opacity .6s cubic-bezier(.2,.7,.2,1);
}
body[data-music-active=true] #musicView::before{opacity:1}
.dark #musicView{--surface-top:#152039;--surface-middle:#141c2b;--surface-bottom:#1a1923}
#musicView .sidebar{background:transparent;border-right-color:transparent}
#musicView #mainContent{padding-top:48px}
#musicView .page-heading{align-items:center;gap:24px;margin-bottom:40px}
#musicView .page-heading>div{min-width:0}
#musicView .heading-copy{flex:1;min-width:0}
#musicView .heading-title{justify-content:flex-start}
#musicView .heading-note,#musicView .recent-meta{
 color:var(--muted);font-size:13px;font-weight:400;line-height:1.65;margin:11px 0 0;
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
#musicView .page-heading>.upload-trigger,#musicView .page-heading>.pill-button{margin-top:0;flex:none}
#musicView .library-filters,#musicView .playlist-actions{border:0;margin-top:-12px;margin-bottom:30px;column-gap:22px}
#musicView .list-toolbar{margin-bottom:28px}
#musicView .section-divider{height:0;background:none;margin:44px 0}
#musicView .section-heading{margin-bottom:24px}
#musicView .recommendation-grid .album-card:not(:first-child){border-bottom:0}
#musicView .track-row{
 position:relative;isolation:isolate;margin-inline:0;
 transition:background-color .22s ease,box-shadow .22s ease,transform .22s ease;
}
#musicView .track-row::before{
 content:"";position:absolute;left:0;top:15px;bottom:15px;width:3px;border-radius:3px;
 background:var(--blue);opacity:0;transform:scaleY(.6);
 transition:opacity .2s ease,transform .24s cubic-bezier(.2,.7,.2,1);pointer-events:none;
}
#musicView .track-row.current{background:color-mix(in srgb,var(--blue) 8%,var(--surface-middle))}
#musicView .track-row.current::before{opacity:1;transform:scaleY(1)}
#musicView .track-row.current .track-description strong{color:var(--blue)}
#musicView .playlist-tile{
 background:color-mix(in srgb,var(--paper) 78%,var(--surface-top));
 box-shadow:0 3px 12px #253b5706;
 transition:background-color .22s ease,box-shadow .22s ease,transform .22s ease;
}
@media(hover:hover) and (pointer:fine){
 #musicView .track-row:hover{transform:translateY(-1px);box-shadow:0 7px 20px #29486b10;background:color-mix(in srgb,var(--paper) 76%,var(--surface-top))}
 #musicView .track-row.current:hover{background:color-mix(in srgb,var(--blue) 11%,var(--surface-middle))}
 #musicView .playlist-tile:hover{transform:translateY(-1px);box-shadow:0 10px 26px #29486b17;background:color-mix(in srgb,var(--paper) 92%,var(--surface-top))}
}
#musicView .track-row:focus-within{box-shadow:0 5px 18px #29486b10}
#musicView .track-row.current:focus-within{background:color-mix(in srgb,var(--blue) 10%,var(--surface-middle))}
.dark #musicView .playlist-tile{box-shadow:0 3px 12px #0002}
@media(max-width:760px){
 #musicView #mainContent{padding-top:32px}
 #musicView .page-heading{gap:20px;margin-bottom:30px}
 #musicView .page-heading>.upload-trigger{width:100%}
 #musicView .heading-copy{width:100%}
 #musicView .heading-title .refresh-recommendations{margin-left:4px}
 #musicView .heading-note,#musicView .recent-meta{font-size:12px;margin-top:8px}
 #musicView .library-filters,#musicView .playlist-actions{margin-bottom:24px;column-gap:18px}
 #musicView .list-toolbar{margin-bottom:22px}
 #musicView .track-row::before{top:14px;bottom:14px}
}
@media(max-height:620px){
 #musicView.is-collection #mainContent{padding-top:22px}
 #musicView.is-collection .page-heading{margin-bottom:24px}
 #musicView.is-collection .library-filters{margin-bottom:18px}
 #musicView.is-collection .list-toolbar{margin-bottom:18px}
}
@media(prefers-reduced-motion:reduce){
 #musicView::before{transition:opacity .12s ease}
 #musicView .track-row,#musicView .playlist-tile{transition:background-color .12s ease,box-shadow .12s ease}
 #musicView .track-row:hover,#musicView .playlist-tile:hover{transform:none}
 #musicView .track-row::before{transform:none;transition:opacity .12s ease}
}