[hidden]{display:none!important}
#pageHeader{position:sticky;top:0;z-index:30;background:#111724;flex-wrap:wrap;gap:12px;padding-top:12px;padding-bottom:12px}
#radioPanels.split-visible{height:calc(100dvh - var(--radio-header-height,110px));display:grid;grid-template-rows:minmax(120px,var(--playlist-height,1fr)) 46px minmax(160px,1fr);padding-top:8px;padding-bottom:8px;overflow:hidden}
.split-visible #radioArea,.split-visible #librariesPanel{min-height:0;overflow:auto;margin:0;overscroll-behavior:contain}
#librariesPanel{background:#291e3b;border-color:#624a82;padding:0}
#libraryHeader{position:sticky;top:0;z-index:5;display:block;max-width:none;margin:0;padding:12px 16px;background:#38244e;border-bottom:1px solid #8661a7}
#libraryHeader p{margin:8px 0;font-size:.85rem}#libraryHeader button,#libraryHeader select{font-size:.85rem}
#libraryHeader>.controls:first-child{flex-wrap:nowrap;align-items:flex-start}#librariesClose{margin-left:auto;white-space:nowrap}
#libraryTabs{display:flex;flex-wrap:wrap;gap:6px;flex:1}#libraryTabs .selected{outline:2px solid #bc99eb}
#libraryTabs button{background:#4a345f}#libraryUpdateModule{margin-bottom:10px;background:#4a345f}
#libraryExclusions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;flex-basis:100%;background:#3d2854;padding:10px 12px;border:1px solid #8661a7;border-radius:8px;font-size:.85rem}
#exclusionStatus{flex:1;min-width:200px}#libraryRows{padding:12px 16px;background:#291e3b}
.library-folder{margin:5px 0 5px 12px;border-left:1px solid #624a82;padding-left:10px}.library-folder>summary{cursor:pointer;padding:8px;background:#352447;border-radius:5px}.library-folder>summary input{margin:0 10px 0 3px;accent-color:#d3acff}.library-folder>summary span{color:#eee1ff}
.library-offline{opacity:.48}.library-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(90px,.5fr) auto auto;gap:12px;align-items:center;padding:9px;border-bottom:1px solid #58436e}.library-row small{color:#cbbbdc}
#librarySplitter{position:relative;cursor:ns-resize;touch-action:none;border:0;border-top:2px solid #cba5ff;background:#39274e;margin-top:14px;min-height:16px;padding:0;border-radius:0;overflow:visible}
#librarySplitter span{position:absolute;left:calc(50% - 10px);line-height:20px;font-size:23px;color:#fff;font-weight:900;text-shadow:0 0 6px #fff8;pointer-events:none}
#librarySplitter span:first-child{bottom:12px;animation:split-up 1.6s ease-in-out infinite}#librarySplitter span:last-child{top:0;animation:split-down 1.6s ease-in-out infinite}
@keyframes split-up{50%{transform:translateY(-3px)}}@keyframes split-down{50%{transform:translateY(3px)}}
@media(prefers-reduced-motion:reduce){#librarySplitter span{animation:none!important}}
#librarySearchResult{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:6px}#librarySearchResult:empty{padding:0}
#youtubeIcon{flex:0 0 auto;text-decoration:none;color:#ff4545;font-size:24px}.youtube-line input{min-width:60px}
#previous,#play,#pause,#next,#second{transition:transform .15s,filter .15s}#previous:hover,#play:hover,#pause:hover,#next:hover,#second:hover{transform:translateY(-2px);filter:brightness(1.18)}#previous:active,#play:active,#pause:active,#next:active,#second:active{transform:scale(.95)}
#playbackGroup{display:flex;align-items:stretch;gap:16px;flex-wrap:wrap;margin:12px 0}#transportSettings{flex:1 1 480px;display:flex;flex-direction:column;justify-content:center;gap:12px}#transportSettings>.controls{margin:0;gap:8px}
#equalizer{display:flex;gap:8px;flex-wrap:wrap;flex:1 1 420px;min-width:0;margin:0;border:1px solid #605078;border-radius:8px}#equalizerTrack{flex-basis:100%;margin:0;font-size:.85rem;overflow-wrap:anywhere}#equalizer label{display:flex;flex-direction:column;font-size:12px;flex:1 1 48px;max-width:80px}#equalizer input{width:100%;min-width:0}#equalizer output{min-height:18px}
@media(max-width:650px){.library-row{grid-template-columns:1fr auto}.library-row small{grid-column:1}#pageHeader{gap:10px}#libraryHeader{padding:8px}#libraryRows{padding:8px}.library-folder{margin-left:4px;padding-left:5px}#libraryExclusions button{padding:6px 8px}}

#libraryHeader{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:10px 14px}#libraryHeader>.controls{grid-column:1/-1;margin:0}#libraryHeader p{margin:0;align-self:center}#libraryUpdateModule{margin:0;padding:6px 10px}#libraryHeader .controls button{padding:7px 10px}#librarySplitter{margin:0;border:0;min-height:46px;z-index:6}#librarySplitter::before{content:"";position:absolute;top:50%;left:0;right:0;border-top:2px solid #cba5ff}#librarySplitter span{font-size:21px;line-height:18px}#librarySplitter span:first-child{bottom:calc(50% + 2px)}#librarySplitter span:last-child{top:calc(50% + 2px)}

.track-order{display:inline-grid;place-items:center;min-width:1.8em;height:1.8em;border-radius:50%}.order-moved{box-shadow:0 0 0 1px color-mix(in srgb,var(--move-gold) 45%,transparent),0 0 12px 3px color-mix(in srgb,var(--move-gold) 35%,transparent)}
