:root{--indigo-7:#4263eb;--purple-7:#ae3ec9;--gray-12:#030507;--gray-7:#495057;--gray-0:#f8f9fa;--gray-2:#e9ecef;--gray-3:#dee2e6;--gray-4:#ced4da;--font-system-ui:system-ui, sans-serif;--font-lineheight-3:1.5;--red-6:#fa5252;--red-3:#ffa8a8;--gray-6:#868e96;--indigo-3:#91a7ff;--purple-3:#e599f7;--gray-1:#f1f3f5;--gray-9:#212529;--gray-8:#343a40;--ease-2:cubic-bezier(.25, 0, .4, 1);--font-weight-9:900;--font-lineheight-1:1.25;--font-size-8:3.5rem;--size-header-1:20ch;--font-size-6:2.5rem;--size-header-2:25ch;--font-size-5:2rem;--font-size-4:1.5rem;--font-size-3:1.25rem;--size-header-3:35ch;--font-size-2:1.1rem;--indigo-2:#bac8ff;--purple-2:#eebefa;--size-1:.25rem;--size-2:.5rem;--size-relative-4:1.25ch;--radius-2:5px;--size-content-1:20ch;--size-3:1rem;--size-10:5rem;--font-monospace-code:Dank Mono,Operator Mono, Inconsolata, Fira Mono, ui-monospace, SF Mono, Monaco, Droid Sans Mono, Source Code Pro, Cascadia Code, Menlo, Consolas, DejaVu Sans Mono, monospace;--border-size-1:1px;--size-8:3rem;--size-content-2:45ch;--size-content-3:60ch;--font-weight-7:700;--size-5:1.5rem;--font-size-0:.75rem;--border-size-2:2px;--size-fluid-5:clamp(4rem, 5vw, 5rem);--font-size-1:1rem;--border-size-3:5px;--size-4:1.25rem;--red-9:#c92a2a;--red-2:#ffc9c9;--green-9:#2b8a3e;--green-1:#d3f9d8;--blue-5:#339af0;--radius-3:1rem;--shadow-6:0 -1px 2px 0 hsl(var(--shadow-color) / var(--shadow-strength-3)), 0 3px 2px -2px hsl(var(--shadow-color) / var(--shadow-strength-4)), 0 7px 5px -2px hsl(var(--shadow-color) / var(--shadow-strength-4)), 0 12px 10px -2px hsl(var(--shadow-color) / var(--shadow-strength-5)), 0 22px 18px -2px hsl(var(--shadow-color) / var(--shadow-strength-6)), 0 41px 33px -2px hsl(var(--shadow-color) / var(--shadow-strength-7)), 0 100px 80px -2px hsl(var(--shadow-color) / var(--shadow-strength-8));--size-px-3:16px;--font-weight-6:600;--shadow-1:0 1px 2px -1px hsl(var(--shadow-color) / var(--shadow-strength-10));--size-11:7.5rem;--size-px-1:4px;--size-fluid-1:clamp(.5rem, 1vw, 1rem);--font-letterspacing-1:.025em;--font-weight-5:500;--size-7:2rem;--size-px-2:8px;--shadow-2:0 3px 5px -2px hsl(var(--shadow-color) / var(--shadow-strength-4)), 0 7px 14px -5px hsl(var(--shadow-color) / var(--shadow-strength-6));--size-fluid-3:clamp(1.5rem, 3vw, 2rem);--size-12:10rem;--size-13:15rem;--size-px-4:20px;--size-9:4rem;--size-fluid-2:clamp(1rem, 2vw, 1.5rem);--animation-slide-in-up:slide-in-up .5s var(--ease-3);--size-6:1.75rem;--shadow-color:220 3% 15%;--shadow-strength-3:calc(var(--shadow-strength) + 2%);--shadow-strength-4:calc(var(--shadow-strength) + 3%);--shadow-strength-5:calc(var(--shadow-strength) + 4%);--shadow-strength-6:calc(var(--shadow-strength) + 5%);--shadow-strength-7:calc(var(--shadow-strength) + 6%);--shadow-strength-8:calc(var(--shadow-strength) + 7%);--shadow-strength-10:calc(var(--shadow-strength) + 9%);--ease-3:cubic-bezier(.25, 0, .3, 1);--shadow-strength:1%}:where(html){--csstools-color-scheme--light:initial;--link:var(--indigo-7);--link-visited:var(--purple-7);--text-1:var(--gray-12);--text-2:var(--gray-7);--surface-1:var(--gray-0);--surface-2:var(--gray-2);--surface-3:var(--gray-3);--surface-4:var(--gray-4);--scrollthumb-color:var(--gray-7);-webkit-text-size-adjust:none;accent-color:var(--brand,var(--link));background-color:var(--surface-1);block-size:100%;caret-color:var(--brand,var(--link));color:var(--text-1);color-scheme:light;font-family:var(--font-system-ui);line-height:var(--font-lineheight-3);scrollbar-color:var(--scrollthumb-color) transparent}@media (dynamic-range:high) or (color-gamut:p3){@supports (color:color(display-p3 0 0 0)){:where(html){--link:color(display-p3 .1 .39 1);--link-visited:color(display-p3 .6 .2 1)}}}:where(html) :where(dialog){background-color:var(--surface-1)}:where(html) :where(button,.btn){--_highlight:var(--_highlight-light);--_bg:var(--_bg-light);--_ink-shadow:var(--_ink-shadow-light)}:where(html) :where(button,.btn) :where([type=reset]){--_text:var(--red-6);--_border:var(--red-3)}:where(html) [disabled]:where(button,input[type=button],.btn),:where(html) [disabled]:where(button,input[type=submit],.btn),:where(html) [disabled]:where(button,input[type=reset],.btn){--_text:var(--gray-6)}:where(html) :where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:var(--surface-2)}@media (prefers-color-scheme:dark){:where(html){--csstools-color-scheme--light: ;--link:var(--indigo-3);--link-visited:var(--purple-3);--text-1:var(--gray-1);--text-2:var(--gray-4);--surface-1:var(--gray-9);--surface-2:var(--gray-8);--surface-3:var(--gray-7);--surface-4:var(--gray-6);--scrollthumb-color:var(--gray-6);--shadow-strength:10%;--shadow-color:220 40% 2%;color-scheme:dark}}:where(a[href]){color:var(--brand,var(--link))}:where(a[href]):where(:visited){color:var(--link-visited)}:focus-visible{outline-color:var(--brand,var(--link))}*,:after,:before{box-sizing:border-box}:where(:not(dialog)){margin:0}:where(:not(fieldset,progress,meter)){background-repeat:no-repeat;background-origin:border-box;border-style:solid;border-width:0}@media (prefers-reduced-motion:no-preference){:where(html){scroll-behavior:smooth}:where(:focus-visible){transition:outline-offset .145s var(--ease-2)}:where(:not(:active):focus-visible){transition-duration:.25s}}:where(:not(:active):focus-visible){outline-offset:5px}:where(body){min-block-size:100%}:where(h1,h2,h3,h4,h5,h6){text-wrap:balance;font-weight:var(--font-weight-9);line-height:var(--font-lineheight-1)}:where(h1){font-size:var(--font-size-8);max-inline-size:var(--size-header-1)}:where(h2){font-size:var(--font-size-6);max-inline-size:var(--size-header-2)}:where(h3){font-size:var(--font-size-5)}:where(h4){font-size:var(--font-size-4)}:where(h5){font-size:var(--font-size-3)}:where(h3,h4,h5,h6,dt){max-inline-size:var(--size-header-3)}:where(p,ul,ol,dl,h6){font-size:var(--font-size-2)}:where(a,u,ins,abbr){text-underline-offset:1px}@supports ((-moz-appearance:none)){:where(a,u,ins,abbr){text-underline-offset:2px}}:where(a[href],area,button,input:not([type=text],[type=email],[type=number],[type=password],[type=""],[type=tel],[type=url]),label[for],select,summary,[tabindex]:not([tabindex*=\-],pre)){cursor:pointer}:where(a[href],area,button,input,label[for],select,summary,textarea,[tabindex]:not([tabindex*=\-])){-webkit-tap-highlight-color:transparent;touch-action:manipulation}:where(a):where([href]){text-decoration-color:var(--indigo-2)}:where(a):where([href]):where(:visited){text-decoration-color:var(--purple-2)}:where(a):where(:not(:hover)){text-decoration:inherit}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,svg,video){block-size:auto;max-inline-size:100%}:where(input,button,textarea,select),:where(input[type=file])::-webkit-file-upload-button{color:inherit;font:inherit;font-size:inherit;letter-spacing:inherit}::-moz-placeholder{color:var(--gray-7);opacity:.75}::placeholder{color:var(--gray-7);opacity:.75}:where(input:not([type=range]),textarea){padding-block:var(--size-1);padding-inline:var(--size-2)}:where(select){field-sizing:content;padding-block:.75ch;padding-inline:var(--size-relative-4) 0}:where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:var(--surface-2);border-radius:var(--radius-2)}:where(textarea){field-sizing:content;min-block-size:2lh;min-inline-size:var(--size-content-1);resize:vertical}:where(input[type=checkbox],input[type=radio]){block-size:var(--size-3);inline-size:var(--size-3)}:where(svg:not([width])){inline-size:var(--size-10)}:where(code,kbd,samp,pre){font-family:var(--font-monospace-code),monospace}:where(:not(pre)>code,kbd){white-space:nowrap}:where(pre){white-space:pre;writing-mode:lr;direction:ltr;min-inline-size:0;max-inline-size:max-content}:where(:not(pre)>code){background:var(--surface-2);border-radius:var(--radius-2);padding:var(--size-1) var(--size-2);writing-mode:lr}:where(kbd,var){border-color:var(--surface-4);border-radius:var(--radius-2);border-width:var(--border-size-1);padding:var(--size-1) var(--size-2)}:where(mark){border-radius:var(--radius-2);padding-inline:var(--size-1)}:where(ol,ul){padding-inline-start:var(--size-8)}:where(li){padding-inline-start:var(--size-2)}:where(li,dd,figcaption){max-inline-size:var(--size-content-2)}:where(p){text-wrap:pretty;max-inline-size:var(--size-content-3)}:where(dt,summary){font-weight:var(--font-weight-7)}:where(dt:not(:first-of-type)){margin-block-start:var(--size-5)}:where(small){font-size:max(.5em,var(--font-size-0));max-inline-size:var(--size-content-1)}:where(hr){background-color:var(--surface-3);height:var(--border-size-2);margin-block:var(--size-fluid-5)}:where(figure){gap:var(--size-2);place-items:center;display:grid}:where(figure)>:where(figcaption){text-wrap:balance;font-size:var(--font-size-1)}:where(blockquote,:not(blockquote)>cite){border-inline-start-width:var(--border-size-3)}:where(blockquote){gap:var(--size-3);max-inline-size:var(--size-content-2);padding-block:var(--size-3);padding-inline:var(--size-4);display:grid}:where(:not(blockquote)>cite){padding-inline-start:var(--size-2)}:where(summary){background:var(--surface-3);border-radius:var(--radius-2);margin:calc(var(--size-2)*-1) calc(var(--size-3)*-1);padding:var(--size-2) var(--size-3)}:where(details){background:var(--surface-2);border-radius:var(--radius-2);padding-block:var(--size-2);padding-inline:var(--size-3)}:where(details[open]>summary){margin-bottom:var(--size-2);border-end-end-radius:0;border-end-start-radius:0}:where(fieldset){border:var(--border-size-1) solid var(--surface-4);border-radius:var(--radius-2)}:where(del){background:var(--red-9);color:var(--red-2)}:where(ins){background:var(--green-9);color:var(--green-1)}:where(abbr){text-decoration-color:var(--blue-5)}:where(dialog){background-color:var(--surface-1);border-radius:var(--radius-3);box-shadow:var(--shadow-6);color:inherit}:where(menu){gap:var(--size-3);padding-inline-start:0;display:flex}:where(sup){font-size:.5em}:where(table){--nice-inner-radius:calc(var(--radius-3) - 2px);background:var(--surface-2);border:1px solid var(--surface-2);border-radius:var(--radius-3);width:fit-content}:where(table:not(:has(tfoot)) tr:last-child td:first-child){border-end-start-radius:var(--nice-inner-radius)}:where(table:not(:has(tfoot)) tr:last-child td:last-child){border-end-end-radius:var(--nice-inner-radius)}:where(table thead tr:first-child th:first-child){border-start-start-radius:var(--nice-inner-radius)}:where(table thead tr:first-child th:last-child){border-start-end-radius:var(--nice-inner-radius)}:where(tfoot tr:last-child th:first-of-type),:where(tfoot tr:last-child td:first-of-type){border-end-start-radius:var(--nice-inner-radius)}:where(tfoot tr:last-child th:last-of-type),:where(tfoot tr:last-child td:last-of-type){border-end-end-radius:var(--nice-inner-radius)}:where(th){background-color:var(--surface-2);color:var(--text-1)}:where(table a:not(.does-not-exist):focus-visible),:where(table button:not(.does-not-exist):focus-visible),:where(table [contenteditable]:focus-visible){outline-offset:-2px}:where(td){text-wrap:pretty;background:var(--surface-1);max-inline-size:var(--size-content-2)}:where(td,th){padding:var(--size-2);text-align:left}:where(td:not([align])),:where(th:not([align])){text-align:center}:where(thead){border-collapse:collapse}:where(table tr:hover td),:where(tbody tr:nth-child(2n):hover td){background-color:var(--surface-3)}:where(table>caption){margin:var(--size-3)}:where(tfoot button){padding-block:var(--size-1);padding-inline:var(--size-3)}@media (prefers-color-scheme:dark){:where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:#171a1c}:where(dialog){background-color:var(--surface-2)}::-moz-placeholder{color:var(--gray-6)}::placeholder{color:var(--gray-6)}}.card{background-color:var(--onBg);border:var(--border);border-radius:var(--roundness);color:var(--text);transition:background-color .3s,color .3s}.card--interactive{cursor:pointer}.card--interactive:hover{background-color:var(--onBg2);color:var(--text2)}.card--interactive:active{transform:scale(.98)}.sticky-bar{z-index:20;background:linear-gradient(to right, var(--trueBg), transparent, var(--trueBg)), linear-gradient(var(--trueBg), transparent);backdrop-filter:blur(var(--size-px-3));position:sticky;top:0}.shelf{justify-content:space-between;align-items:center;display:flex}.stack{flex-direction:column;display:flex}.text-title{font-size:var(--font-size-1);font-weight:var(--font-weight-6);line-height:var(--size-4)}.text-sub{font-size:var(--font-size-0);opacity:.85}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.btn-icon{color:var(--text);cursor:pointer;padding:var(--size-1);border-radius:var(--roundness);background:0 0;border:none;justify-content:center;align-items:center;transition:background-color .2s,transform .2s;display:inline-flex}.btn-icon:hover{background-color:var(--onBg2);color:var(--text2)}.btn-icon:active{transform:scale(.9)}.input-base{background:var(--onBg);border:var(--border);border-radius:var(--roundness);color:var(--text);padding:var(--size-1) var(--size-2);outline:none}.input-base::-moz-placeholder{color:var(--text);opacity:.7}.input-base::placeholder{color:var(--text);opacity:.7}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.loading-spinner{font-size:var(--font-size-6);text-align:center;margin-top:auto;animation:1s cubic-bezier(.645,.045,.355,1) infinite spinner;display:block}.displayer{white-space:pre;background:var(--onBg);box-shadow:var(--shadow-1);border:var(--border);color:var(--text);border-radius:var(--roundness);width:calc(100dvmin - calc(var(--gap) - var(--border-size-1)) * 2);margin:auto;&::backdrop{background-color:#0007}}.list-carousel{background-color:var(--onBg);border-radius:var(--roundness);margin-bottom:var(--size-2);padding:var(--size-1);border:var(--border);display:flex;overflow:auto hidden;& .listItem{width:var(--size-11);background-color:#0000;border:none;flex-shrink:0;margin:0;& p.title{max-height:var(--size-4)!important}}}section:has(>header>details[open]){&>:not(header){filter:blur(var(--size-px-1));pointer-events:none}}section>header{width:100%;padding:var(--size-fluid-1) 0;color:var(--text);justify-content:space-between;align-items:center;display:flex;position:relative;&>p{font-size:var(--font-size-3);letter-spacing:var(--font-letterspacing-1);font-weight:var(--font-weight-5);white-space:nowrap;width:calc(100% - var(--size-11));-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.8}&>i,& div>i{font-size:var(--font-size-4);opacity:.8;padding:0 var(--size-2);border-radius:var(--roundness);cursor:pointer;&:hover{opacity:1;background-color:var(--onBg2);color:var(--text2)}}& .right-group{margin-left:auto;margin-right:calc(var(--size-7) + var(--size-1));align-items:center;gap:var(--size-2);display:flex;& i{font-size:var(--font-size-3)}}&>.ri-close-large-line{font-size:var(--font-size-3)}& .ri-more-2-fill{font-size:var(--font-size-2);font-weight:var(--font-weight-6);margin-left:var(--size-5)}& details{z-index:20;background:0 0;width:auto;margin:0;padding:0;position:absolute;top:50%;right:0;transform:translateY(-50%);& summary{width:var(--size-7);font-size:var(--font-size-3);aspect-ratio:1;border-radius:var(--roundness);cursor:pointer;background:0 0;justify-content:center;align-items:center;margin:0;padding:0;list-style:none;transition:transform .3s ease-in;display:flex;& i{margin:auto 0;margin-right:var(--size-2)}}& ul{background:rgb(from var(--onBg) r g b / .8);backdrop-filter:blur(var(--size-px-2));color:var(--text);padding:var(--size-1);border:var(--border);border-radius:calc(var(--roundness) * 1.3);box-shadow:var(--shadow-2);width:max-content;min-width:140px;list-style:none;position:absolute;top:100%;right:0;overflow:hidden;& input{display:none}& li{font-size:var(--font-size-1);padding:var(--size-1) var(--size-2);border-radius:var(--roundness);-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;white-space:nowrap;align-items:center;display:flex;&:last-child{border:none}& i{margin-right:var(--size-1)}&:hover{background-color:var(--onBg2);color:var(--text2)}}}}}.header-title{flex:1;align-items:center;min-width:0;display:flex;& p{font-size:var(--font-size-3);letter-spacing:var(--font-letterspacing-1);font-weight:var(--font-weight-5);white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.8;margin:0;overflow:hidden}}.header-nav{align-items:center;gap:var(--size-3);flex-wrap:nowrap;min-width:0;display:flex}.header-nav-item{font-size:var(--font-size-2);font-weight:var(--font-weight-5);color:var(--text);opacity:.7;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;padding:var(--size-1) 0;text-decoration:none;transition:opacity .2s,color .2s;position:relative;&:hover{opacity:1;color:var(--text)}&.active{opacity:1;font-weight:var(--font-weight-6);color:var(--text)}&.active:after{content:"";background-color:var(--scheme);border-radius:var(--size-1);height:2px;position:absolute;bottom:-2px;left:0;right:0}}.header-nav-list{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.header-nav-extra{align-items:center;gap:var(--size-2);min-width:0;margin-left:var(--size-2);opacity:.8;font-size:var(--font-size-2);text-overflow:ellipsis;white-space:nowrap;display:flex;overflow:hidden}.header-nav-badge{font-size:var(--font-size-2);font-weight:var(--font-weight-5);color:var(--text);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;max-width:250px;display:inline-flex;overflow:hidden}.header-nav-extra .listSearchInput{width:200px;max-width:100%}nav.app-navbar{background-color:rgb(from var(--onBg) r g b / .4);backdrop-filter:blur(var(--size-px-3));box-shadow:none;z-index:15;padding:var(--size-1) 0;border:none;justify-content:space-around;align-items:center;transition:background-color .4s;display:flex;& i{font-size:var(--font-size-3);padding:var(--size-1) var(--size-4);border-radius:var(--roundness);cursor:pointer;opacity:.6;transition:opacity .2s;position:relative;&:hover{opacity:.85}&.on{opacity:1}}}main{color:color-mix(in srgb, oklch(from var(--source) 50% calc(c * var(--chroma)) h), var(--text) 80%);width:100vw;height:100dvh;display:flex}@media (orientation:landscape){main{flex-direction:row;overflow:hidden}nav.app-navbar,.header-title{display:none!important}.header-nav{display:flex}.queueSection .header-nav-extra,.header-nav-extra:has(.queue-duration-badge){margin-left:auto;margin-right:var(--size-3)}.left-panel{flex:var(--panelRatioLeft,2);flex-direction:column;height:100%;display:flex;position:relative;overflow-y:auto}.right-panel{flex:var(--panelRatioRight,5);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.right-panel-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.left-panel section,.right-panel-content section{min-width:unset;width:100%;height:100%;padding:var(--gap) var(--size-fluid-3);flex:1;padding-top:0;overflow-y:auto}.right-panel-content section:has(>img){overflow:initial!important;& .list-thumbnail{height:calc(100% - var(--size-12));margin:0;margin-right:var(--gap);vertical-align:middle;display:inline-block}& .listContainer{height:calc(100% - var(--size-10));width:calc(100% - var(--size-13));vertical-align:top;display:inline-block;margin:0!important;overflow-y:auto!important}}.right-panel-content .searchlist,.right-panel-content .listContainer{grid-template-columns:repeat(8,1fr);display:grid;gap:var(--gap)!important;& .streamItem{grid-column:span 4;width:100%;margin:0;display:inline-flex}& .listItem{grid-column:span 2;width:100%;margin:0}}}@media (orientation:portrait){main{scroll-snap-type:x mandatory;scroll-behavior:smooth;flex-direction:row;overflow-x:auto}main.player-closed{overflow-x:hidden}.header-nav{display:none!important}.header-title{display:flex}.app-navbar .nav-list-btn,body:has(#listSection) .app-navbar,main:has(#listSection) .app-navbar,body:has(.settingsSection) .app-navbar,main:has(.settingsSection) .app-navbar{display:none!important}body:has(#listSection) .miniplayer,main:has(#listSection) .miniplayer,body:has(.settingsSection) .miniplayer,main:has(.settingsSection) .miniplayer{bottom:calc(var(--size-2) + env(safe-area-inset-bottom,0px))!important}nav.app-navbar{left:50%;bottom:calc(var(--size-2) + env(safe-area-inset-bottom,0px));justify-content:center;gap:var(--size-1);width:fit-content;max-width:calc(100vw - var(--gap) * 2);padding:var(--size-1) var(--size-2);background-color:rgb(from var(--onBg) r g b / .65);backdrop-filter:blur(var(--size-px-4));border:var(--border);box-shadow:var(--shadow-2);border-radius:9999px;transition:background-color .4s;position:absolute;transform:translate(-50%)}nav.app-navbar i{padding:var(--size-2) var(--size-3);font-size:var(--font-size-3)}.right-panel{position:relative}.right-panel .miniplayer{left:var(--gap);right:var(--gap);width:calc(100vw - var(--gap) * 2);bottom:calc(var(--size-2) + env(safe-area-inset-bottom,0px));border-radius:var(--roundness);padding:var(--size-2);background:linear-gradient(rgb(from var(--onBg) r g b / .65), var(--trueBg));backdrop-filter:blur(var(--size-px-4));border:var(--border);box-shadow:var(--shadow-2);box-sizing:border-box;margin:0;position:absolute}.right-panel:has(nav.app-navbar:not([style*="display: none"])) .miniplayer{bottom:calc(var(--size-2) + env(safe-area-inset-bottom,0px) + var(--size-9) + var(--size-2))}.left-panel,.right-panel{scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;flex:0 0 100vw;width:100vw;min-width:100vw;max-width:100vw;height:100%;display:flex}.left-panel{overflow-y:auto}.right-panel{overflow:hidden}.right-panel-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.left-panel section,.right-panel-content section{min-width:unset;width:100%;height:100%;padding:var(--gap) var(--size-fluid-2);flex:1;padding-top:0;overflow-y:auto}}dialog{width:100dvw;box-shadow:none;border-radius:0;@media (orientation:landscape){width:66.6667dvw;margin-left:33.3333dvw}&::backdrop{background:0 0}}.miniplayer{z-index:20;width:100%;height:var(--size-9);padding:var(--size-1) var(--size-2);background:linear-gradient(rgb(from var(--onBg) r g b / .4), var(--trueBg));backdrop-filter:blur(var(--size-px-3));box-shadow:none;animation:var(--animation-slide-in-up) forwards;cursor:pointer;flex-shrink:0;align-items:center;display:flex;position:relative;overflow:hidden;&,& *{transition:all .4s}& img{height:calc(var(--size-8) + var(--size-1));aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border:var(--border);border-radius:calc(var(--roundness) * .7);box-shadow:var(--shadow-1);pointer-events:none}& img.is-music{aspect-ratio:1}& button,& i{color:var(--text);font-size:var(--size-5);aspect-ratio:1;margin:0 var(--size-1);background:0 0;border:none;padding:0;transition:transform .4s;&:active{transform:scale(.75)}}& #playButton{font-size:var(--size-7);margin-left:var(--size-2);margin-right:var(--size-2);align-items:center;display:flex}& .ri-heart-line,& .ri-heart-fill{font-size:var(--size-6)}& .mediaDetails{pointer-events:none;width:100%;margin-left:var(--size-2);overflow:hidden;& a{font-weight:var(--font-weight-6);font-size:var(--font-size-2);display:block}& a,& p{white-space:nowrap;text-overflow:ellipsis;color:var(--text);overflow:clip}& p{font-size:calc(var(--size-6) / 2);font-weight:var(--font-weight-5);opacity:.9}}& progress{z-index:-1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0000;border:none;width:100%;height:100%;position:absolute;top:0;left:0;&::-webkit-progress-bar{background:0 0}&::-moz-progress-bar{background:linear-gradient(transparent, var(--onBg2));border-bottom:var(--border-size-1) solid var(--text2);-moz-transition:all 1s linear;transition:all 1s linear}&::-webkit-progress-value{background:linear-gradient(transparent, var(--onBg2));border-bottom:var(--border-size-1) solid var(--text2);-webkit-transition:all 1s linear;transition:all 1s linear}}}@font-face{font-family:remixicon;src:url(/remixicon.woff2)format("woff2");font-display:swap}[class^=ri-],[class*=\ ri-]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-family:remixicon!important}.ri-album-fill:before{content:""}.ri-archive-stack-fill:before{content:""}.ri-archive-stack-line:before{content:""}.ri-braces-line:before{content:""}.ri-calendar-schedule-fill:before{content:""}.ri-calendar-schedule-line:before{content:""}.ri-checkbox-fill:before{content:""}.ri-checkbox-line:before{content:""}.ri-checkbox-multiple-fill:before{content:""}.ri-close-large-line:before{content:""}.ri-close-line:before{content:""}.ri-cloud-fill:before{content:""}.ri-cloud-off-fill:before{content:""}.ri-compass-3-fill:before{content:""}.ri-compass-3-line:before{content:""}.ri-delete-bin-2-line:before{content:""}.ri-draggable:before{content:""}.ri-edit-line:before{content:""}.ri-export-line:before{content:""}.ri-forward-15-line:before{content:""}.ri-heart-fill:before{content:""}.ri-heart-line:before{content:""}.ri-import-line:before{content:""}.ri-indeterminate-circle-line:before{content:""}.ri-link:before{content:""}.ri-list-check-2:before{content:""}.ri-loader-3-line:before{content:""}.ri-memories-fill:before{content:""}.ri-more-2-fill:before{content:""}.ri-music-2-line:before{content:""}.ri-order-play-fill:before{content:""}.ri-pause-circle-fill:before{content:""}.ri-play-circle-fill:before{content:""}.ri-play-large-line:before{content:""}.ri-play-list-2-fill:before{content:""}.ri-play-list-add-fill:before{content:""}.ri-radio-line:before{content:""}.ri-refresh-line:before{content:""}.ri-repeat-fill:before{content:""}.ri-replay-15-line:before{content:""}.ri-search-2-fill:before{content:""}.ri-search-2-line:before{content:""}.ri-settings-line:before{content:""}.ri-share-forward-line:before{content:""}.ri-shuffle-line:before{content:""}.ri-signpost-fill:before{content:""}.ri-signpost-line:before{content:""}.ri-skip-back-fill:before{content:""}.ri-skip-forward-fill:before{content:""}.ri-sort-asc:before{content:""}.ri-sort-desc:before{content:""}.ri-star-fill:before{content:""}.ri-star-line:before{content:""}.ri-stop-circle-fill:before{content:""}.ri-thumb-up-fill:before{content:""}.ri-thumb-up-line:before{content:""}.ri-thunderstorms-fill:before{content:""}.ri-toggle-fill:before{content:""}.ri-toggle-line:before{content:""}.ri-tv-fill:before{content:""}.ri-tv-line:before{content:""}.ri-user-3-line:before{content:""}.ri-user-heart-fill:before{content:""}.ri-video-line:before{content:""}.ri-youtube-fill:before{content:""}:is(i,button)[aria-label]{--tt-x:-50%;--tt-y:calc(var(--size-1) * -1);position:relative}:is(i,button)[aria-label]:after{content:attr(aria-label);font-size:var(--font-size-0);font-family:var(--font);font-weight:var(--font-weight-6);letter-spacing:normal;background:var(--text);color:var(--bg);top:calc(100% + var(--size-1));transform:translate(var(--tt-x), var(--tt-y));z-index:1000;border-radius:var(--roundness);white-space:nowrap;max-width:min(calc(100vw - var(--size-6)), 300px);text-overflow:ellipsis;visibility:hidden;opacity:0;pointer-events:none;box-shadow:var(--shadow-2);font-style:normal;line-height:1.4;transition:opacity .15s ease-out,transform .15s ease-out,visibility .15s ease-out;position:absolute;bottom:auto;left:50%;right:auto;overflow:hidden;padding:var(--size-px-1) var(--size-px-2)!important}@media (hover:hover){:is(i,button)[aria-label]:hover:not(:active):after{transform:translate(var(--tt-x), 0);transition:opacity .2s ease-out .4s,transform .2s ease-out .4s;opacity:1!important;visibility:visible!important}}:is(i,button)[aria-label].show:after{transform:translate(var(--tt-x), 0);transition:opacity .2s ease-out .4s,transform .2s ease-out .4s;opacity:1!important;visibility:visible!important}:is(i,button)[aria-label]:active:after{opacity:0!important;visibility:hidden!important;transition:none!important}details[open]>summary :is(i,button)[aria-label]:after,.streamItem :is(i,button)[aria-label]:after{display:none!important}@media (hover:none){:is(i,button)[aria-label]:after{display:none!important}}nav.app-navbar :is(i,button)[aria-label],.miniplayer :is(i,button)[aria-label],#playerSection article :is(i,button)[aria-label],.playerControls :is(i,button)[aria-label],.controls :is(i,button)[aria-label],.bottomShelf :is(i,button)[aria-label],.mainShelf :is(i,button)[aria-label]{--tt-y:var(--size-1)}nav.app-navbar :is(i,button)[aria-label]:after,.miniplayer :is(i,button)[aria-label]:after,#playerSection article :is(i,button)[aria-label]:after,.playerControls :is(i,button)[aria-label]:after,.controls :is(i,button)[aria-label]:after,.bottomShelf :is(i,button)[aria-label]:after,.mainShelf :is(i,button)[aria-label]:after{top:auto;bottom:calc(100% + var(--size-1))}.right-group :is(i,button)[aria-label],.header-actions :is(i,button)[aria-label],.header-nav-extra :is(i,button)[aria-label],header details summary :is(i,button)[aria-label],header .ri-more-2-fill,header>.ri-close-large-line,.sticky-bar details summary :is(i,button)[aria-label],.sticky-bar .ri-more-2-fill,#playerSection header :is(i,button)[aria-label],#playerSection .ri-more-2-fill,.configure-modal-header>:is(i,button)[aria-label]:last-child,dialog :is(i,button)[aria-label].ri-close-large-line,nav.app-navbar>:is(i,button)[aria-label]:last-child,.bottomShelf>:is(i,button)[aria-label]:last-child,.mainShelf>:is(i,button)[aria-label]:last-child,:is(i,button)[aria-label].tooltip-right{--tt-x:0}.right-group :is(i,button)[aria-label]:after,.header-actions :is(i,button)[aria-label]:after,.header-nav-extra :is(i,button)[aria-label]:after,header details summary :is(i,button)[aria-label]:after,header .ri-more-2-fill:after,header>.ri-close-large-line:after,.sticky-bar details summary :is(i,button)[aria-label]:after,.sticky-bar .ri-more-2-fill:after,#playerSection header :is(i,button)[aria-label]:after,#playerSection .ri-more-2-fill:after,.configure-modal-header>:is(i,button)[aria-label]:last-child:after,dialog :is(i,button)[aria-label].ri-close-large-line:after,nav.app-navbar>:is(i,button)[aria-label]:last-child:after,.bottomShelf>:is(i,button)[aria-label]:last-child:after,.mainShelf>:is(i,button)[aria-label]:last-child:after,:is(i,button)[aria-label].tooltip-right:after{left:auto;right:0}.sticky-bar>:is(i,button)[aria-label]:first-child,.sticky-bar>.ri-close-large-line,.header-title>:is(i,button)[aria-label]:first-child,.markBar>:is(i,button)[aria-label]:first-child,.markBar>.ri-close-large-line,.configure-modal-header>:is(i,button)[aria-label]:first-child,nav.app-navbar>:is(i,button)[aria-label]:first-child,.bottomShelf>:is(i,button)[aria-label]:first-child,.mainShelf>:is(i,button)[aria-label]:first-child,:is(i,button)[aria-label].tooltip-left{--tt-x:0}.sticky-bar>:is(i,button)[aria-label]:first-child:after,.sticky-bar>.ri-close-large-line:after,.header-title>:is(i,button)[aria-label]:first-child:after,.markBar>:is(i,button)[aria-label]:first-child:after,.markBar>.ri-close-large-line:after,.configure-modal-header>:is(i,button)[aria-label]:first-child:after,nav.app-navbar>:is(i,button)[aria-label]:first-child:after,.bottomShelf>:is(i,button)[aria-label]:first-child:after,.mainShelf>:is(i,button)[aria-label]:first-child:after,:is(i,button)[aria-label].tooltip-left:after{left:0;right:auto}:root{--source:initial;--schemeMultiplier:initial;--bg:initial;--text:initial;--chroma:0;--scheme:color-mix(in srgb, oklch(from var(--source) 70% calc(c * var(--chroma)) h), var(--bg) 85%);--onBg:color-mix(in srgb, oklch(from var(--source) 85% calc(c * var(--chroma)) h), var(--bg) 85%);--onBg2:color-mix(in srgb, oklch(from var(--source) 80% calc(35% * var(--chroma)) h), var(--bg) 70%);--blurMix:color-mix(in srgb, oklch(from var(--onBg) l calc(c * var(--chroma)) / .1), var(--bg) 40%);--text2:color-mix(in srgb, oklch(from var(--source) 50% calc(80% * var(--chroma)) h), var(--text) 75%);--gap:var(--size-fluid-2);--borderColor:oklch(from var(--text) l c h / .2);--border:var(--border-size-1) solid var(--borderColor);--roundness:.3rem;--blur:blur(var(--size-px-3));--player-bg:none;--player-bp:0 0;--panelRatioLeft:2;--panelRatioRight:5;--trueBg:var(--bg);--font:ui-rounded, Segoe UI, source-sans-pro, Inter, Noto Sans, Oxygen, Calibri, Cantarell, Ubuntu, Roboto, system-ui, Open Sans, Helvetica Neue, sans-serif}html{background:var(--trueBg);height:100dvh}body{height:100dvh;font-family:var(--font);-webkit-font-smoothing:antialiased}select{color:var(--text);background:0 0;outline:none;font-family:inherit;& option,& optgroup{cursor:pointer;background:var(--bg)}}a{color:var(--text)}i{cursor:pointer;position:relative}@keyframes slide-in-up{0%{transform:translateY(100%)}}@media (prefers-color-scheme:dark){:root{--shadow-color:220 40% 2%;--shadow-strength:25%}}