:where(html){line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}:root{--layoutOrder-Base: 0;--layoutOrder-SidePane: 1;--layoutOrder-Player: 2;--color-base: #000;--color-normalText: #eee;--color-playerShadow: #666;--color-playerSeekbarBase: #333;--color-playerSeekbarLoaded: #444;--color-playerSeekbarPlayed: #39f;--color-sidePaneBase: rgb(0 0 0 / 20%);--color-sidePaneShadow: #666;--color-showSidePaneBase: rgb(255 255 255 / 10%);--color-detailsArtistName: #ccc;--color-detailsGenreName: #999;--color-detailsDownloadLink: #8bf;--color-itemListSeparator: #333;--color-itemListSubText: #999;--color-detailsDefaultSectionHeaderBorder: #666;--color-link: #6af}p,h1,h2,small{margin:0;padding:0}button{color:var(--color-normalText)}a{color:var(--color-link)}html,body{font-family:system-ui,sans-serif;font-size:16pt;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;background:var(--color-base);color:var(--color-normalText)}.material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}#ShowSidePaneButton{position:fixed;top:0;right:0;z-index:var(--layoutOrder-Base);width:2rem;height:2rem;border:0;background:var(--color-showSidePaneBase);cursor:pointer}#MainLayout{width:100%;height:100%;display:grid;grid-template-rows:1fr auto;grid-template-areas:"list" "player"}#Top{position:relative;grid-area:list;overflow-y:auto;overflow-x:hidden}#TopScrollContainer{width:100%;height:100%;overflow-y:auto;overflow-x:hidden}@keyframes activeItemBackground{0%{background:#c0ccff26}to{background:#c0ccff33}}#ItemList{list-style:none;padding:0;margin:0;font-size:14pt}#ItemList>li .labelContainer{padding:.4rem;border-bottom:solid 1px var(--color-itemListSeparator);cursor:pointer;background:transparent;transition:background .1s ease}#ItemList>li .labelContainer:hover{background:#ffffff1a}#ItemList>li .groupingValue{font-weight:bolder}#ItemList>li .containedCount{font-size:70%;color:var(--color-itemListSubText);font-style:italic;margin-left:.4rem}#ItemList>li>ul{list-style:none;padding:0;margin:0}#ItemList>li>ul li{border-bottom:solid 1px var(--color-itemListSeparator)}#ItemList>li>ul li.active{animation:activeItemBackground 2s ease infinite alternate}#ItemList>li>ul a{display:block;padding:.4rem .4rem .4rem 1.4rem;text-decoration:none;background:transparent;transition:background .1s ease}#ItemList>li>ul a:hover{background:#ffffff1a}#ItemList>li>ul .title{color:var(--color-normalText)}#ItemList>li>ul .genre,#ItemList>li>ul .createdAt{margin-left:.4rem;font-size:80%;color:var(--color-itemListSubText);font-style:italic;font-weight:lighter}#Player{z-index:var(--layoutOrder-Player);background:var(--color-base);grid-area:player;padding:1rem;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"playing playing" "seek seek" "controls volume";-moz-column-gap:.8rem;column-gap:.8rem;box-shadow:0 0 8px 0 var(--color-playerShadow)}#PlayerPlayingArea{grid-area:playing;text-align:center;font-size:1rem;font-weight:bolder;margin:0;padding:0}#PlayerSeekBar{grid-area:seek;display:flex;flex-direction:row;align-items:center}#PlayerSeekBarMain{flex-grow:1;margin:1rem;height:6px;position:relative}#PlayerSeekBarBackground{position:absolute;left:0;top:0;height:6px;background:var(--color-playerSeekbarBase);border-radius:3px;width:100%}.PlayerSeekBarLoaded{position:absolute;top:0;height:6px;background:var(--color-playerSeekbarLoaded);border-radius:3px}#PlayerSeekBarPlayed{position:absolute;left:0;top:0;height:6px;background:var(--color-playerSeekbarPlayed);border-radius:3px;box-shadow:0 0 8px 0 var(--color-playerSeekbarPlayed)}#PlayerControls{grid-area:controls;display:flex;flex-direction:row;align-items:center;justify-content:end;gap:.4rem}#PlayerControls .Main{transform:scale(1.25)}#PlayerControls button{display:block;background:transparent;border:solid 2px var(--color-normalText);color:var(--color-normalText);border-radius:50%;aspect-ratio:1 / 1;cursor:pointer}#PlayerVolumeControls{grid-area:volume;display:flex;flex-direction:row;align-items:center;justify-content:start}#DetailsPane{z-index:var(--layoutOrder-SidePane);position:absolute;right:0;top:0;bottom:0;width:40%;background:var(--color-sidePaneBase);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 0 16px 0 var(--color-sidePaneShadow);transform:translate(100%);opacity:0;transition:transform .2s ease,opacity .2s linear;font-size:12pt;padding:.8rem}#DetailsPane.show{transform:translate(0);opacity:1}#DetailsPane #DetailsCloseButton{position:absolute;right:8px;top:8px;width:2rem;height:2rem;cursor:pointer;border:0;background:transparent}#DetailsContentContainer{height:100%;display:flex;flex-direction:column}#DetailsContentContainer h2{font-size:80%;color:var(--color-detailsGenreName);font-style:italic;font-weight:400}#DetailsContentContainer h1{font-size:150%;font-weight:400}#DetailsContentContainer h1 small{font-size:80%;color:var(--color-detailsArtistName)}#DetailsContentContainer>ul{margin:0;padding:0;padding-left:.8rem;margin-top:.4rem;margin-bottom:.4rem;list-style:none;font-size:90%;line-height:1rem}#DetailsContentContainer #DetailsComment{flex:1;overflow:auto}#DetailsContentContainer #DetailsDownloadSection{display:flex;flex-direction:row;align-items:baseline}#DetailsContentContainer #DetailsDownloadSection p{flex:1}#DetailsContentContainer #DetailsDownloadSection a{display:block;padding:.6rem .8rem;text-decoration:none;color:var(--color-detailsDownloadLink);border:solid 1px var(--color-detailsDownloadLink);border-radius:8px;background:rgb(var(--color-detailsDownloadLink) / 0%);transition:background .2s ease}#DetailsContentContainer #DetailsDownloadSection a:hover{background:rgb(var(--color-detailsDownloadLink) / 20%)}#DetailsContentContainer #DetailsDownloadSection a>span{vertical-align:middle}#DetailsPane:has(#DetailsDefaultContentContainer){overflow:auto}#DetailsDefaultContentContainer{line-height:1.1rem;font-size:12pt}#DetailsDefaultContentContainer p,#DetailsDefaultContentContainer dd{overflow-wrap:break-word;word-break:keep-all}#DetailsDefaultContentContainer p{margin:.8rem 0}#DetailsDefaultContentContainer details summary{font-weight:bolder;border-bottom:solid 1px var(--color-detailsDefaultSectionHeaderBorder);padding:.4rem;cursor:pointer}#DetailsDefaultContentContainer details p:last-child{margin-bottom:0}#DetailsDefaultContentContainer dl dt{font-weight:bolder;font-style:italic}#DetailsDefaultContentContainer dl dd{margin-bottom:.4rem}#DetailsDefaultContentContainer dl dd em{font-style:normal;font-weight:bolder}#DetailsDefaultContentContainer pre{font-size:10pt;margin:1rem 0}#DetailsDefaultContentContainer .relaxedDetailContent{padding:.4rem}