:root{color-scheme:light dark;--scaling:1;--space-1:calc(.2rem * var(--scaling));--space-2:calc(.5rem * var(--scaling));--space-3:calc(1rem * var(--scaling));--border-radius:.4rem;--media-radius:var(--border-radius);--floating-padding:.35rem;--floating-gap:.35rem;--floating-bg:var(--color-interface-elevated);--floating-border:1px solid var(--color-interface-border);--track-artwork-size:2.5rem;--shadow-modal:0 .5rem 1rem #0000001a;--duration-1:.1s;--duration-2:.15s;--ease-out:cubic-bezier(.2, 0, 0, 1);--media-button-icon-width:18px;--media-button-icon-height:18px;--font-root:16px;--font-sans:"Radio Canada", "firava", system-ui, sans-serif;--font-mono:ui-monospace, monospace;--font-1:.6875rem;--font-2:.75rem;--font-3:.8125rem;--font-4:.9375rem;--font-5:1rem;--font-6:1.125rem;--font-7:1.25rem;--font-8:1.5rem;--font-9:2.25rem;--color-interface:var(--gray-1);--color-interface-elevated:light-dark(var(--gray-2),var(--gray-4));--color-interface-border:light-dark(var(--gray-4),var(--gray-6));--color-control-border:var(--color-interface-border);--color-control-border-hover:var(--gray-7);--border-opacity:1;--button-bg:light-dark(var(--button-bg-light,var(--gray-3)),var(--button-bg-dark,var(--gray-3)));--button-color:light-dark(var(--button-color-light,var(--gray-11)),var(--button-color-dark,var(--gray-11)));--breakpoint-xs:520px;--breakpoint-s:640px;--breakpoint-sm:768px;--breakpoint-md:1024px;--breakpoint-lg:1280px;--breakpoint-xl:1640px}@media (width>=520px){:root{--font-root:17px}}@media (width>=1280px){:root{--font-root:18px}}:root.light{color-scheme:light}:root.dark{color-scheme:dark}html.no-borders{--color-interface-border:transparent;--color-control-border:transparent;--color-control-border-hover:transparent;--border-opacity:0}:root{--accent:light-dark(var(--accent-light),var(--accent-dark));--accent-1:light-dark(oklch(from var(--accent-light) .99 calc(c * .15) h),oklch(from var(--accent-dark) .18 calc(c * .2) h));--accent-2:light-dark(oklch(from var(--accent-light) .965 calc(c * .25) h),oklch(from var(--accent-dark) .205 calc(c * .3) h));--accent-3:light-dark(oklch(from var(--accent-light) .935 calc(c * .35) h),oklch(from var(--accent-dark) .235 calc(c * .4) h));--accent-4:light-dark(oklch(from var(--accent-light) .895 calc(c * .45) h),oklch(from var(--accent-dark) .275 calc(c * .5) h));--accent-5:light-dark(oklch(from var(--accent-light) .845 calc(c * .55) h),oklch(from var(--accent-dark) .325 calc(c * .6) h));--accent-6:light-dark(oklch(from var(--accent-light) .783 calc(c * .65) h),oklch(from var(--accent-dark) .387 calc(c * .7) h));--accent-7:light-dark(oklch(from var(--accent-light) .708 calc(c * .75) h),oklch(from var(--accent-dark) .462 calc(c * .8) h));--accent-8:light-dark(oklch(from var(--accent-light) .62 calc(c * .85) h),oklch(from var(--accent-dark) .55 calc(c * .9) h));--accent-9:light-dark(var(--accent-light),var(--accent-dark));--accent-10:light-dark(oklch(from var(--accent-light) .412 c h),oklch(from var(--accent-dark) .758 c h));--accent-11:light-dark(oklch(from var(--accent-light) .302 c h),oklch(from var(--accent-dark) .868 c h));--accent-12:light-dark(oklch(from var(--accent-light) .19 c h),oklch(from var(--accent-dark) .95 calc(c * .7) h));--gray-1:light-dark(oklch(from var(--gray-light) .99 calc(c * .5) h),oklch(from var(--gray-dark) .18 calc(c * 1.6) h));--gray-2:light-dark(oklch(from var(--gray-light) .965 calc(c * .6) h),oklch(from var(--gray-dark) .205 calc(c * 1.5) h));--gray-3:light-dark(oklch(from var(--gray-light) .935 calc(c * .7) h),oklch(from var(--gray-dark) .235 calc(c * 1.4) h));--gray-4:light-dark(oklch(from var(--gray-light) .895 calc(c * .8) h),oklch(from var(--gray-dark) .275 calc(c * 1.3) h));--gray-5:light-dark(oklch(from var(--gray-light) .845 calc(c * .9) h),oklch(from var(--gray-dark) .325 calc(c * 1.2) h));--gray-6:light-dark(oklch(from var(--gray-light) .783 c h),oklch(from var(--gray-dark) .387 calc(c * 1.1) h));--gray-7:light-dark(oklch(from var(--gray-light) .708 calc(c * 1.1) h),oklch(from var(--gray-dark) .462 c h));--gray-8:light-dark(oklch(from var(--gray-light) .62 calc(c * 1.2) h),oklch(from var(--gray-dark) .55 c h));--gray-9:light-dark(oklch(from var(--gray-light) .52 calc(c * 1.3) h),oklch(from var(--gray-dark) .65 calc(c * .9) h));--gray-10:light-dark(oklch(from var(--gray-light) .412 calc(c * 1.4) h),oklch(from var(--gray-dark) .758 calc(c * .8) h));--gray-11:light-dark(oklch(from var(--gray-light) .302 calc(c * 1.5) h),oklch(from var(--gray-dark) .868 calc(c * .6) h));--gray-12:light-dark(oklch(from var(--gray-light) .19 calc(c * 1.6) h),oklch(from var(--gray-dark) .95 calc(c * .5) h));--gray-light:oklch(67% .012 70);--accent-light:oklch(50% .25 290);--gray-dark:oklch(67% .008 70);--accent-dark:oklch(63% .2 296);--color-red:oklch(50% .16 35);--color-error:var(--color-red);--color-warning:oklch(65% .13 71)}@font-face{src:url(../../../fonts/firava.woff2)format("woff2-variations");font-display:swap;font-family:firava;font-weight:100 900}@font-face{src:url(../../../fonts/firava-italic.woff2)format("woff2-variations");font-display:swap;font-family:firava;font-style:italic;font-weight:100 900}@font-face{src:url(../../../fonts/epilogue/Epilogue-Thin.woff2)format("woff2");font-display:swap;font-family:Epilogue;font-weight:100}@font-face{src:url(../../../fonts/epilogue/Epilogue-ThinItalic.woff2)format("woff2");font-display:swap;font-family:Epilogue;font-style:italic;font-weight:100}@font-face{src:url(../../../fonts/epilogue/Epilogue-ExtraLight.woff2)format("woff2");font-display:swap;font-family:Epilogue;font-weight:200}@font-face{src:url(../../../fonts/epilogue/Epilogue-ExtraLightItalic.woff2)format("woff2");font-display:swap;font-family:Epilogue;font-style:italic;font-weight:200}@font-face{src:url(../../../fonts/epilogue/Epilogue-Light.woff2)format("woff2");font-display:swap;font-family:Epilogue;font-weight:300}@font-face{src:url(../../../fonts/epilogue/Epilogue-LightItalic.woff2)format("woff2");font-display:swap;font-family:Epilogue;font-style:italic;font-weight:300}@font-face{src:url(../../../fonts/epilogue/Epilogue-Regular.woff2)format("woff2");font-display:swap;font-family:Epilogue;font-weight:400}@font-face{src:url(../../../fonts/epilogue/Epilogue-Italic.woff2)format("woff2");font-display:swap;font-family:Epilogue;font-style:italic;font-weight:400}@font-face{src:url(../../../fonts/epilogue/Epilogue-Medium.woff2)format("woff2");font-display:swap;font-family:Epilogue;font-weight:500}@font-face{src:url(../../../fonts/epilogue/Epilogue-MediumItalic.woff2)format("woff2");font-display:swap;font-family:Epilogue;font-style:italic;font-weight:500}@font-face{src:url(../../../fonts/epilogue/Epilogue-SemiBold.woff2)format("woff2");font-display:swap;font-family:Epilogue;font-weight:600}@font-face{src:url(../../../fonts/epilogue/Epilogue-SemiBoldItalic.woff2)format("woff2");font-display:swap;font-family:Epilogue;font-style:italic;font-weight:600}@font-face{src:url(../../../fonts/epilogue/Epilogue-Bold.woff2)format("woff2");font-display:swap;font-family:Epilogue;font-weight:700}@font-face{src:url(../../../fonts/epilogue/Epilogue-BoldItalic.woff2)format("woff2");font-display:swap;font-family:Epilogue;font-style:italic;font-weight:700}@font-face{src:url(../../../fonts/epilogue/Epilogue-ExtraBold.woff2)format("woff2");font-display:swap;font-family:Epilogue;font-weight:800}@font-face{src:url(../../../fonts/epilogue/Epilogue-ExtraBoldItalic.woff2)format("woff2");font-display:swap;font-family:Epilogue;font-style:italic;font-weight:800}@font-face{src:url(../../../fonts/epilogue/Epilogue-Black.woff2)format("woff2");font-display:swap;font-family:Epilogue;font-weight:900}@font-face{src:url(../../../fonts/epilogue/Epilogue-BlackItalic.woff2)format("woff2");font-display:swap;font-family:Epilogue;font-style:italic;font-weight:900}@font-face{src:url(../../../fonts/Sono-VariableFont_MONO,wght.ttf)format("truetype");font-display:swap;font-family:Sono;font-weight:200 800}*,:before,:after{box-sizing:border-box}html,body{min-height:100%}html{font-family:var(--font-sans);font-size:calc(var(--font-root) * var(--scaling));text-rendering:optimizelegibility;background:var(--gray-1);color:var(--gray-12);scroll-behavior:smooth;color-scheme:light dark;interpolate-size:allow-keywords;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-weight:400;font-stretch:100%;line-height:1.5}body{scrollbar-gutter:stable;margin:0;overflow:hidden}*{scrollbar-color:var(--gray-7) var(--gray-1)}img{font-size:var(--font-1);color:var(--gray-5);text-align:center;max-width:100%;display:block}h1,h2,h3,h4{text-wrap:balance;margin:0}h1{font-size:var(--font-5);font-weight:600;line-height:1.1}h2{font-size:var(--font-5);font-weight:600}h3{font-size:var(--font-5);font-weight:500}p{font-size:var(--font-4);margin:0}dl.meta,ul{font-size:var(--font-4)}a{text-decoration-skip-ink:auto;hyphens:auto;cursor:var(--interactive-cursor,pointer);transition:text-decoration-color .15s}a,a:visited{color:var(--gray-12)}a[href^="http://"]:not(.btn):not([data-no-external-icon]):after,a[href^="https://"]:not(.btn):not([data-no-external-icon]):after{content:"↗";vertical-align:text-top;opacity:.85;margin-left:.2em;font-size:.85em;line-height:1;display:inline-block}.caps{text-transform:uppercase;font-size:var(--font-2);font-weight:400;font-family:var(--font-mono);letter-spacing:.03em}a.slug-link,.slug-link{letter-spacing:.03em;color:var(--gray-10);text-decoration:none;&:visited{color:var(--gray-10)}}.channel-badge{vertical-align:middle;margin-left:var(--space-1);font-size:var(--font-1);text-transform:uppercase;letter-spacing:.04em;background:var(--accent-9);color:var(--gray-1);padding:0 var(--space-1);min-height:unset;min-width:unset;box-shadow:none;border:none;border-radius:3px;font-weight:600;line-height:1.6;transition:background .12s,color .12s,opacity .12s;display:inline-block}.channel-badge:has(.icon){align-items:center;gap:var(--space-1);display:inline-flex}button.channel-badge:hover{background:var(--accent-10)}button.channel-badge:active{opacity:.75}button.channel-badge:focus-visible{outline:2px solid var(--accent-9);outline-offset:2px}.channel-badge.drifted{background:var(--accent-2);color:var(--accent-9)}button.channel-badge.drifted:hover{background:var(--accent-3)}.channel-badge.drifted:after{content:" ↺";font-style:normal}kbd{font-family:var(--font-mono);color:var(--gray-11);background:var(--gray-2);border:1px solid var(--color-interface-border);border-bottom-width:2px;border-radius:3px;padding:.1em .35em;font-size:.8em;line-height:1.4;display:inline-block}hr{background:var(--gray-5);border:0;height:1px;display:block}small{font-size:var(--font-3);color:var(--gray-10)}summary,label{user-select:none}ul,figure{margin:0}.error{color:var(--color-error)}.success{color:var(--accent-9)}.visually-hidden{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.constrained{width:100%;max-width:44rem;margin-block:.5rem;padding-inline:.5rem}.constrained--smaller{max-width:22rem}.container{padding-inline:.5rem}.focused header{z-index:20;background:var(--color-interface);align-items:center;gap:.5rem;margin:0;padding:.5rem;display:flex;position:sticky;top:0;& h1{margin:0}}.focused{align-content:baseline;gap:1rem;margin-inline:auto;display:grid}.splash{flex:1;place-content:center;padding:2rem 1rem}.focused.constrained{margin-left:auto;margin-right:auto}.scroll{overscroll-behavior:contain;scrollbar-width:thin;max-height:100dvh;overflow-y:auto}.list{padding:0;list-style:none}.list>li,.list>div,.virtual-item.track-item{&:hover{background:light-dark(var(--gray-2),var(--gray-2))}.queue-panel &{&:hover{background:var(--gray-3)}}}.list>li:has(>.track-card),.virtual-item.track-item{margin-bottom:2px}.track-with-channel{align-items:center;gap:var(--space-1);flex-direction:row;padding-inline:.5rem;display:flex;&>.track-card{flex:1;min-width:0}}html.no-floating-ui{& .track-card{border-radius:0}& .list>li:has(>.track-card),& .virtual-item.track-item{margin-bottom:-1px}& .list>li:first-child>.track-card{border-start-start-radius:var(--border-radius);border-start-end-radius:var(--border-radius)}& .list>li:last-child>.track-card{border-end-end-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}}.grid{grid-template-columns:repeat(auto-fill,minmax(clamp(170px,20vw,280px),1fr));gap:1rem .5rem;margin:.5rem;padding:0;list-style:none;display:grid}.grid--scroll{scroll-snap-type:x proximity;grid-template-rows:1fr;grid-template-columns:none;grid-auto-columns:clamp(170px,20vw,280px);grid-auto-flow:column;justify-content:start;padding-bottom:.5rem;overflow:auto hidden}.grid--scroll>li{scroll-snap-align:start}.row{flex-flow:wrap;gap:.5rem;display:flex}.fill-height{flex:1;height:100%;min-height:0;display:flex}menu,nav{gap:var(--space-1);margin:0;padding:0;list-style:none;display:flex;& hr{background:var(--gray-6);width:1px;height:1em;margin:auto .4em}&.row{gap:var(--space-1)}& :where(a):not(:hover){text-decoration-color:#0000}& :where(a):has(svg,i){gap:var(--space-1)}}nav.nav-vertical,menu.nav-vertical{background:var(--color-interface-elevated);border:1px solid var(--color-interface-border);border-radius:var(--border-radius);flex-flow:column;& :where(a,button){padding:0 var(--space-2);border-radius:var(--border-radius);min-height:2rem;font-size:var(--font-4);align-items:center;gap:.5rem;text-decoration:none;display:flex;&.active{color:var(--accent-9);& svg{color:var(--accent-9)}}}&+&{margin-top:var(--space-1)}& hr{margin:var(--space-1) 0;background:var(--color-interface-border);width:auto;height:1px}}menu.nav-options{text-align:center;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;display:grid;&>a{background:var(--color-interface-elevated);border:1px solid var(--color-interface-border);border-radius:var(--border-radius);padding:2rem 1rem;text-decoration:none;&:hover{background:var(--accent-3);border-color:color-mix(in oklch, var(--accent-9) calc(var(--border-opacity) * 100%), transparent)}}}menu.nav-vertical.tags-menu{gap:0;max-height:300px;overflow-y:auto}menu.view-modes{margin-bottom:var(--space-1);border-bottom:1px solid var(--color-interface-border);padding-bottom:.5rem;& button{gap:var(--space-1);padding:var(--space-1);flex-direction:column;flex:1;min-width:3.5rem;& small{color:inherit}}}nav,menu{& :where(.nav-grouped){border-radius:var(--border-radius);flex-flow:wrap;gap:0;margin:0 0 1rem;padding:0;display:inline-flex;& a{padding:var(--space-1) .5rem var(--space-1);min-height:2rem;font-size:var(--font-4);border-right:1px solid var(--color-interface-border);align-items:center;text-decoration:none;display:inline-flex}& a:not(.btn):last-child{border-right:none}& a:hover{background:var(--gray-4)}& a[aria-current=page]{background:var(--accent-3)}}}[popover] .nav-vertical{box-shadow:none;background:0 0;border:none;& :where(a,button){box-shadow:none;background:0 0;border:0;justify-content:flex-start;&:hover{background:var(--gray-6)}}}.tabs{gap:var(--space-1);scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color var(--duration-2);scroll-snap-type:x proximity;display:flex;overflow-x:auto;&:hover{scrollbar-color:var(--gray-7) transparent}&:not(:hover)::-webkit-scrollbar-thumb{background:0 0}& :where(.btn.chip){scroll-snap-align:start;flex:none}}dl.meta{grid-template-columns:max-content 1fr;gap:0 1rem;display:grid;& dt{color:var(--gray-10)}& dd{margin:0}& a{color:var(--accent-9)}& img{border-radius:var(--border-radius);max-width:150px;height:auto}}.logo{text-align:center;margin-block-end:2rem;display:block;& svg{width:4rem;height:auto}}.article{& h1{font-size:var(--font-9)}& h2{font-size:var(--font-7)}& h3{font-size:var(--font-5)}& h1,& section{margin-block-end:2rem}& p,& ul,& ol{margin-block-end:1rem}& ul{padding-left:2rem;line-height:1.8}& pre{background:var(--accent-1);border-radius:var(--border-radius);white-space:pre-wrap;padding:.5rem}& pre code,& p code{font-size:var(--font-4);color:var(--gray-10)}& table{border-collapse:collapse;width:100%}& th,& td{text-align:left;border-bottom:1px solid var(--color-interface-border);vertical-align:middle;padding:.75rem .5rem}& th{font-size:var(--font-3);color:var(--gray-9)}}.box{background:var(--color-interface-elevated);border:1px solid var(--color-interface-border);border-radius:var(--border-radius);padding:1.25rem;& input[type=url],& input[type=number],& input[type=text],& textarea{background:var(--gray-3)}}input,button,textarea,select{font:inherit}select{color:var(--gray-12)}select option{color:var(--gray-12);background:var(--gray-2)}select,textarea,input[type=email],input[type=search],input[type=password],input[type=number],input[type=text],input[type=url]{font-size:var(--font-4)}select,textarea,input[type=email],input[type=search],input[type=password],input[type=number],input[type=text],input[type=url]{background:var(--color-interface-elevated);min-height:2.25rem;color:var(--gray-12);border-radius:var(--border-radius);border:1px solid var(--color-control-border);padding:0 .625rem;line-height:1;&:hover{border-color:var(--color-control-border-hover)}&:active,&:focus{outline:2px solid var(--accent-9);outline-offset:-2px}}input[type=checkbox]{accent-color:var(--accent-9);margin:0}input[type=range]{accent-color:var(--accent-7);-webkit-appearance:none;--range-track-height:.2rem;--range-thumb-size:.75rem;min-height:var(--range-thumb-size);background:0 0;margin:0;&::-webkit-slider-runnable-track{height:var(--range-track-height);background:linear-gradient(to right, var(--range-track-color,var(--accent-5)) var(--range-fill,0%), var(--gray-4) var(--range-fill,0%))}&::-webkit-slider-thumb{-webkit-appearance:none;width:var(--range-thumb-size);height:var(--range-thumb-size);background:var(--range-color,var(--accent-9));margin-top:calc(var(--range-track-height) / 2 - var(--range-thumb-size) / 2);border-radius:50%}&::-moz-range-thumb{width:var(--range-thumb-size);height:var(--range-thumb-size);background:var(--range-color,var(--accent-9));border:none;border-radius:50%}&::-moz-range-track{height:var(--range-track-height);background:var(--gray-4)}&::-moz-range-progress{background:var(--range-track-color,var(--accent-5))}&:disabled{opacity:.4;cursor:default}}textarea{min-height:4rem;line-height:inherit}fieldset{border:0;margin:0;padding:0;& label,& legend{font-size:var(--font-3);font-weight:500}}form.form,.r4-discogs-resource{&,& form,& fieldset{flex-flow:column;display:flex}&,& form{gap:.5rem}& fieldset{gap:var(--space-1);&[hidden]{display:none}&.row{flex-flow:wrap}}& legend{padding:0}}select,button,.btn{vertical-align:top;white-space:nowrap;user-select:none;min-width:2.25rem;min-height:2.25rem;cursor:var(--interactive-cursor,pointer);font-size:var(--font-4);background:var(--button-bg);color:var(--button-color);border:1px solid var(--color-control-border);border-radius:var(--border-radius);box-shadow:none;--input-shadow:lch(0% 0 0/.06) 0px 4px 4px -1px, lch(0% 0 0/.12) 0px 1px 1px 0px;transition-property:border,background-color,color,opacity,transform,scale,outline;transition-duration:var(--duration-1);transition-timing-function:var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;padding:0 .625rem;font-weight:400;line-height:normal;display:inline-flex;position:relative}button:not(.link):active,.btn:not(.link):active{scale:.97}button:focus,button:hover,.btn:focus,.btn:hover{background:var(--gray-4);border-color:var(--color-control-border-hover)}button:disabled,.btn:disabled{color:var(--gray-8);& .icon{opacity:.2}&:hover{border-color:#0000}}a.active{color:var(--accent-9)}button.active,.btn.active{background:light-dark(var(--accent-9),var(--accent-7));color:light-dark(var(--gray-1),var(--gray-12))}button.link{box-shadow:none;min-width:0;min-height:0;color:var(--accent-9);font:inherit;text-underline-offset:.15em;background:0 0;border:none;padding:0;text-decoration:underline;&:hover,&:focus{color:var(--accent-11);border:none}}button.ghost,.btn.ghost{box-shadow:none;background-color:#0000;border-color:#0000;&:hover,&:focus,&:active,&[aria-expanded=true]{border-color:var(--color-control-border)}&[aria-expanded=true]{background:var(--gray-4)}}button.ghost.active,.btn.ghost.active{& svg{color:var(--accent-9)}}button[data-loading=true]{cursor:wait}button[type=submit]{padding-left:1rem;padding-right:1rem}a.btn{color:var(--button-color);text-decoration:none}button.danger,.btn.danger{background:var(--color-red);color:#fff;border-color:var(--color-red)}button.danger:hover,button.danger:focus,.btn.danger:hover,.btn.danger:focus{background:color-mix(in lab, var(--color-red), black 10%);border-color:color-mix(in lab, var(--color-red), black 10%)}button[role=primary],button.primary,.btn.primary{color:light-dark(var(--gray-1),var(--gray-12));background:light-dark(var(--accent-9),var(--accent-7));border-color:color-mix(in oklch, light-dark(var(--accent-10),var(--accent-8)) calc(var(--border-opacity) * 100%), transparent);&:hover{border-color:color-mix(in oklch, light-dark(var(--accent-12),var(--accent-9)) calc(var(--border-opacity) * 100%), transparent)}}a:has(svg,i),button:has(svg,i),.btn:has(svg,i){gap:var(--space-1)}button.chip,.btn.chip{border-radius:calc(var(--border-radius) * 999);padding:0 var(--space-2)}button.chip.active,.btn.chip.active{background:var(--color-interface-elevated);color:var(--accent-9);& svg{color:var(--accent-9)}}.chip-label{align-items:baseline;gap:var(--space-1);text-overflow:ellipsis;white-space:nowrap;min-width:0;display:inline-flex;overflow:hidden}.chip-count{font-size:var(--font-2);color:light-dark(var(--gray-9),var(--gray-8));font-weight:400}.chip-group>:not(button){background:var(--accent-4);border:1px solid color-mix(in oklch, var(--accent-6) calc(var(--border-opacity) * 100%), transparent);border-radius:calc(var(--border-radius) * 999) 0 0 calc(var(--border-radius) * 999);border-right:0;align-items:center;padding:0 .5rem;display:inline-flex;&.active{background:var(--accent-8);border-color:color-mix(in oklch, var(--accent-9) calc(var(--border-opacity) * 100%), transparent)}}.btn-label{font-size:var(--font-1);letter-spacing:.01em;white-space:nowrap;line-height:1}.chip-group{align-items:stretch;display:inline-flex;& .chip{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}}.chip-delete{padding:0 .5rem 0 var(--space-1);border-radius:0 calc(var(--border-radius) * 999) calc(var(--border-radius) * 999) 0;background:var(--accent-4);border:1px solid color-mix(in oklch, var(--accent-6) calc(var(--border-opacity) * 100%), transparent);border-left:0;min-width:0}.chip.active+.chip-delete{background:var(--accent-7);border-color:color-mix(in oklch, var(--accent-9) calc(var(--border-opacity) * 100%), transparent)}.chip-delete:hover,.chip.active+.chip-delete:hover{background:var(--color-red)}.mode-action.drifted{color:var(--color-warning)}select{color:var(--gray-12);box-shadow:none;background:var(--color-interface-elevated)}youtube-video,soundcloud-player{aspect-ratio:16/9;min-width:200px;height:100%;&:not([slot=media]){pointer-events:none;display:none}}media-controller,media-control-bar{--media-background-color:transparent;--media-text-color:var(--gray-12);--media-primary-color:var(--gray-12);--media-icon-color:var(--gray-12);--media-control-padding:.5rem;--media-control-background:transparent;--media-control-hover-background:transparent;--media-button-icon-width:1.5rem;--media-button-icon-height:1.5rem;--media-button-padding:0 .5rem;--media-range-track-background:var(--gray-2);--media-loading-indicator-icon-width:2rem;--media-loading-indicator-icon-height:2rem}media-control-bar{gap:var(--space-1)}media-time-display{--media-control-background:none;user-select:none}media-time-range{--media-control-background:none;--media-range-bar-color:var(--accent-9);--media-range-thumb-background:var(--accent-9)}.player{& :is(h2,h3) a{text-decoration:none}& p{margin:0}}.speed.svelte-oiqqkn{align-items:center;gap:var(--space-1);flex:6rem;min-width:0;display:flex}.speed-btn.svelte-oiqqkn{font-size:var(--font-1);text-align:center;flex-shrink:0;min-width:2.5em}.range.svelte-oiqqkn{width:100%;min-width:0;cursor:var(--interactive-cursor,pointer);flex:1 1 0}.range[data-default].svelte-oiqqkn{--range-color:var(--gray-7);accent-color:var(--gray-7)}.volume.svelte-14pxpqu{align-items:center;gap:var(--space-1);flex:6rem;min-width:0;display:flex}.range.svelte-14pxpqu{flex:1 1 0;width:100%;min-width:0}.range[data-muted].svelte-14pxpqu{--range-color:var(--gray-7);accent-color:var(--gray-7)}.volume.svelte-14pxpqu media-mute-button{--media-control-background:var(--button-bg);--media-control-hover-background:var(--button-bg);--media-icon-color:currentColor;--media-icon-color-hover:currentColor;color:var(--button-color)}.volume.svelte-14pxpqu media-mute-button.active{color:var(--accent-9);border-color:color-mix(in oklch, var(--accent-9) calc(var(--border-opacity) * 100%), transparent);background-color:var(--accent-3)}.progress.svelte-13n02nf{align-items:center;padding:.5rem;line-height:1}.progress.svelte-13n02nf time:where(.svelte-13n02nf){font-size:var(--font-1);color:var(--gray-9);font-variant-numeric:tabular-nums;flex-shrink:0;position:relative;top:.1em}.progress.svelte-13n02nf .remaining-time:where(.svelte-13n02nf){color:var(--accent-9)}.progress.svelte-13n02nf input:where(.svelte-13n02nf){z-index:1;flex:1}.progress.svelte-13n02nf input.inactive:where(.svelte-13n02nf){--range-color:var(--gray-6)}.progress.svelte-13n02nf input.inactive:where(.svelte-13n02nf)::-webkit-slider-thumb{background:var(--accent-9)}.progress.svelte-13n02nf input.inactive:where(.svelte-13n02nf)::-moz-range-thumb{background:var(--accent-9);border-color:var(--accent-9)}.player.svelte-1h7q4iz{flex-direction:column;flex:1;min-height:0;display:flex}.header.svelte-1h7q4iz{cursor:var(--interactive-cursor,pointer);flex-direction:column;display:flex}.header-top.svelte-1h7q4iz{justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem;display:flex}.minimize.svelte-1h7q4iz{display:none}@media (width<=768px){.minimize.svelte-1h7q4iz{align-items:center;display:flex}.deck.expanded .compact-toggle.svelte-1h7q4iz{display:none}}.header-channel.svelte-1h7q4iz{align-items:center;gap:var(--space-1);row-gap:var(--space-1);min-width:0;max-width:min(64vw,26rem);font-size:var(--font-2);flex-flow:wrap;display:flex}.header-channel.svelte-1h7q4iz .channel-micro-card{background:0 0;border:none;flex:0 auto;max-width:100%}.header-id.svelte-1h7q4iz{align-items:center;gap:var(--space-1);color:var(--gray-9);display:flex}.header-id.active.svelte-1h7q4iz{color:var(--accent-9)}.active-track-bg.svelte-1h7q4iz{background:var(--accent-2);border-radius:4px}.controls.svelte-1h7q4iz{align-items:center;gap:var(--space-1);flex-wrap:wrap;flex-shrink:0;width:100%;min-width:0;padding:.5rem;display:flex;@media (width<=768px){justify-content:center;& .speed,& .volume{flex:none}}}.controls.svelte-1h7q4iz .auto-btn{padding-inline:var(--space-1);justify-content:center;align-items:center;min-height:1.35rem;display:inline-flex}.bottom-chrome.svelte-1h7q4iz>.speed{flex:none;padding:.25rem .5rem}.bottom-chrome>.speed+.controls{padding-top:0}.layout-controls.svelte-1h7q4iz{flex-shrink:0;align-items:center}.top-layout-controls.svelte-1h7q4iz{justify-content:flex-end;margin-left:auto}.top-layout-controls.svelte-1h7q4iz .popover-menu>button.active{color:var(--accent-9)}.video.svelte-1h7q4iz{opacity:1;width:100%;max-height:25dvh;transition:flex var(--duration-2) var(--ease-out), max-height var(--duration-2) var(--ease-out), width var(--duration-2) var(--ease-out), height var(--duration-2) var(--ease-out), opacity var(--duration-2) var(--ease-out);background:#000;flex:1 0 auto}.video.svelte-1h7q4iz:not(:has(.native-audio-player)){aspect-ratio:16/9}.video.svelte-1h7q4iz youtube-video,.video.svelte-1h7q4iz soundcloud-player{width:100%;height:100%;min-height:0;display:block}.video.svelte-1h7q4iz youtube-video iframe{width:100%!important;height:100%!important;max-height:none!important}.deck.listening .video.svelte-1h7q4iz,.deck.auto .video.svelte-1h7q4iz{aspect-ratio:auto;height:100%;min-height:0;max-height:none;display:block}.deck.listening .video.svelte-1h7q4iz:not(:has(.native-audio-player)),.deck.auto .video.svelte-1h7q4iz:not(:has(.native-audio-player)){aspect-ratio:auto}.deck.listening .video-hidden-placeholder.svelte-1h7q4iz,.deck.auto .video-hidden-placeholder.svelte-1h7q4iz{justify-content:center;align-items:center;display:flex}.video-hidden-placeholder.svelte-1h7q4iz{aspect-ratio:auto;min-height:0;max-height:none;color:color-mix(in srgb, var(--gray-9) 55%, transparent);background:0 0;flex:auto;justify-content:center;align-items:center;display:flex}.video-hidden-placeholder.svelte-1h7q4iz svg{opacity:.9;width:min(24%,6rem);height:auto}.native-audio-player.svelte-1h7q4iz{width:100%}.bottom-chrome.svelte-1h7q4iz{border-top:1px solid var(--color-interface-border);flex-direction:column;margin-top:auto;display:flex;@media (width<=768px){margin-top:0}}.deck.listening .bottom-chrome.svelte-1h7q4iz{margin-top:0}.track-panel.svelte-1h7q4iz{cursor:var(--interactive-cursor,pointer);flex-direction:row;flex-shrink:0;align-items:center;gap:.5rem;display:flex;& article{flex:auto;min-width:0}}.listening-track-panel.svelte-1h7q4iz{flex:auto;align-items:center;min-width:0;display:flex}.listening-track-panel.svelte-1h7q4iz article{flex:auto;min-width:0}.queue-panel.svelte-1pm1y0o{border-top:1px solid var(--color-interface-border);flex-direction:column;flex:1;width:100%;min-height:0;display:flex}main.svelte-1pm1y0o{background:0 0;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}main.svelte-1pm1y0o article.active{background:var(--color-interface)}.empty-state.svelte-1pm1y0o{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;& p:where(.svelte-1pm1y0o){margin:0}& small:where(.svelte-1pm1y0o){color:var(--gray-9)}}.search-container.svelte-1pm1y0o{border-bottom:1px solid var(--color-interface-border);align-items:center;gap:var(--space-1);flex-wrap:wrap;padding:.5rem;display:flex}.search-container.svelte-1pm1y0o .search-input{flex:12rem;min-width:0}.search-container.svelte-1pm1y0o .search-input input[type=search]{width:100%}.queue-panel>.filter-chips{border-bottom:1px solid var(--color-interface-border);padding:0 .5rem .5rem}main.svelte-1pm1y0o .index{display:none}main.svelte-1pm1y0o .card:not(:has(.artwork)):before{content:"";flex:0 0 var(--track-artwork-size);align-self:center}main.svelte-1pm1y0o .hide-artwork .card:not(:has(.artwork)):before{content:none}.deck.svelte-19xpx6v{min-width:280px;min-height:0;width:var(--deck-width,400px);border-radius:var(--border-radius);background:var(--floating-bg);border:var(--floating-border);flex-direction:row;flex-shrink:0;display:flex;position:relative;overflow:hidden}html.no-floating-ui .deck.svelte-19xpx6v:not(.expanded):not(.compact){border:none}.deck.svelte-19xpx6v{transition:width var(--duration-2) var(--ease-out), height var(--duration-2) var(--ease-out), opacity var(--duration-2) var(--ease-out)}.deck.svelte-19xpx6v:not(.expanded){transition:width var(--duration-2) var(--ease-out), height var(--duration-2) var(--ease-out), opacity var(--duration-2) var(--ease-out), border-color var(--duration-2) var(--ease-out)}.resize-handle.svelte-19xpx6v{cursor:col-resize;border-radius:var(--border-radius) 0 0 var(--border-radius);touch-action:none;border-right:1px solid #0000;flex-shrink:0;width:3px;transition:border-color .12s}.resize-handle.svelte-19xpx6v:hover,.resize-handle.svelte-19xpx6v:focus-visible,.deck.resizing.svelte-19xpx6v .resize-handle:where(.svelte-19xpx6v){border-right-color:var(--deck-accent,var(--gray-5))}@media (width<=768px){.deck.svelte-19xpx6v{flex:1;width:100%;min-width:0}.deck.svelte-19xpx6v:not(.compact):not(.expanded):is(:where(.svelte-19xpx6v):not(.hide-video),.listening:where(.svelte-19xpx6v),.auto:where(.svelte-19xpx6v),:where(.svelte-19xpx6v):not(.listening):not(.auto):not(.hide-queue)){height:100%}.deck.svelte-19xpx6v:not(.compact):not(.expanded):is(:where(.svelte-19xpx6v):not(.hide-video),.listening:where(.svelte-19xpx6v),.auto:where(.svelte-19xpx6v),:where(.svelte-19xpx6v):not(.listening):not(.auto):not(.hide-queue)) .video:not(:has(.native-audio-player)){aspect-ratio:auto;flex:auto;min-height:0;max-height:none}.deck.svelte-19xpx6v:not(.compact):not(.expanded):is(:where(.svelte-19xpx6v):not(.hide-video),.listening:where(.svelte-19xpx6v),.auto:where(.svelte-19xpx6v),:where(.svelte-19xpx6v):not(.listening):not(.auto):not(.hide-queue)) .queue-panel{flex:auto;min-height:0}.deck.svelte-19xpx6v:not(.compact):not(.expanded):is(:where(.svelte-19xpx6v):not(.hide-video),.listening:where(.svelte-19xpx6v),.auto:where(.svelte-19xpx6v),:where(.svelte-19xpx6v):not(.listening):not(.auto):not(.hide-queue)) .controls{flex-wrap:wrap}.resize-handle.svelte-19xpx6v{display:none}}.deck.expanded.svelte-19xpx6v{flex:1 1 0;width:100%;min-width:0;max-width:none;height:100%;min-height:0}.deck.expanded.svelte-19xpx6v .resize-handle:where(.svelte-19xpx6v){display:none}.deck.expanded.svelte-19xpx6v:not(.hide-queue):not(.auto):not(.listening) .video{max-height:25dvh}.deck-body.svelte-19xpx6v{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.deck.compact.svelte-19xpx6v{opacity:0;pointer-events:none;border:none;width:0;min-width:0;overflow:hidden}@media (width<=768px){.deck.compact.svelte-19xpx6v{height:0;min-height:0}}.deck.svelte-19xpx6v .bottom-chrome article.active{border-radius:var(--border-radius) var(--border-radius) 0 0}.deck.svelte-19xpx6v .queue-panel{opacity:1;transition:opacity var(--duration-2) var(--ease-out), display var(--duration-2) allow-discrete}.deck.hide-queue.svelte-19xpx6v .queue-panel{opacity:0;display:none}@starting-style{.deck.svelte-19xpx6v:not(.hide-queue) .queue-panel{opacity:0}}.deck.hide-queue.svelte-19xpx6v .video{flex:1;max-height:none}.deck.expanded.hide-queue.svelte-19xpx6v .video{max-height:calc(100dvh - 10rem)}.deck.auto.svelte-19xpx6v .video{flex:1;max-height:none}.deck.hide-video.svelte-19xpx6v media-controller.video{opacity:0;pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.deck.hide-video.svelte-19xpx6v:not(.hide-queue):not(.auto):not(.listening) .video-hidden-placeholder{display:none}.deck.hide-video.svelte-19xpx6v:not(.hide-queue) .queue-panel{flex:auto;min-height:0}.deck-strip.svelte-1xa5ldm{gap:var(--floating-gap);flex-direction:column;flex-shrink:0;min-height:0;display:flex;overflow:clip;&:empty{display:none}& .deck-item:where(.svelte-1xa5ldm){transition:flex var(--duration-2) var(--ease-out), width var(--duration-2) var(--ease-out)}html.no-floating-ui &:not(.all-compact),html.no-floating-ui & .local:where(.svelte-1xa5ldm) .deck-item:where(.svelte-1xa5ldm)+.deck-item:where(.svelte-1xa5ldm) .deck:not(.expanded):not(.compact){border-inline-start:var(--floating-border)}html.no-floating-ui & .broadcasts:where(.svelte-1xa5ldm) .deck-item:where(.svelte-1xa5ldm)+.deck-item:where(.svelte-1xa5ldm) .deck:not(.expanded):not(.compact){border-block-start:var(--floating-border)}html.no-floating-ui & .local:where(.svelte-1xa5ldm)+.broadcasts:where(.svelte-1xa5ldm){border-inline-start:var(--floating-border)}&.all-compact{flex:0 0 0;height:0;overflow:hidden}&.embed-mode:not(:has(.deck-item:nth-child(2))) .close-deck{display:none}& .deck-sections:where(.svelte-1xa5ldm){gap:var(--space-1);flex-direction:row;flex:auto;min-height:0;display:flex;overflow:auto hidden}& .local:where(.svelte-1xa5ldm){gap:var(--floating-gap);border-radius:var(--border-radius);flex-direction:row;flex:none;min-width:max-content;min-height:0;display:flex;&:has(.deck.broadcasting){box-shadow:inset 0 0 0 1px var(--accent-9)}}& .broadcasts:where(.svelte-1xa5ldm){gap:var(--floating-gap);flex-direction:column;flex:auto;min-width:min-content;height:100%;min-height:0;display:flex;overflow-y:auto;& .deck.listening,& .deck.auto{flex:auto;min-width:0}& .deck.listening:not(.compact):not(.hide-video) .video,& .deck.auto:not(.compact):not(.hide-video) .video{aspect-ratio:auto;flex:auto;min-height:0;max-height:none}& .deck-item:where(.svelte-1xa5ldm){flex:auto;min-width:0}}& .broadcasts.video-mix:where(.svelte-1xa5ldm){--video-mix-stage-height:clamp(16rem, 62dvh, 80dvh);--video-mix-stage-gap:var(--space-1);isolation:isolate;position:relative}& .broadcasts.video-mix:where(.svelte-1xa5ldm) .deck-item:where(.svelte-1xa5ldm){flex:none}& .broadcasts.video-mix:where(.svelte-1xa5ldm):after{content:"";height:var(--video-mix-stage-height);margin-top:var(--video-mix-stage-gap);border-radius:var(--border-radius);background:#000;display:block}& .broadcasts.video-mix:where(.svelte-1xa5ldm) .deck.listening.video-mix{min-width:200px;height:auto;min-height:0;position:static;overflow:visible}& .broadcasts.video-mix:where(.svelte-1xa5ldm) .deck.listening.video-mix .header-top{padding:var(--space-1) var(--space-1);gap:var(--space-1)}& .broadcasts.video-mix:where(.svelte-1xa5ldm) .deck.listening.video-mix .bottom-chrome{border-top-width:0}& .broadcasts.video-mix:where(.svelte-1xa5ldm) .deck.listening.video-mix .track-panel article{padding-block:.18rem}& .broadcasts.video-mix:where(.svelte-1xa5ldm) .deck.listening.video-mix .controls{padding:.22rem var(--space-1) var(--space-1);gap:var(--space-1)}& .broadcasts.video-mix:where(.svelte-1xa5ldm) .deck.listening.video-mix .video-hidden-placeholder{display:none}& .broadcasts.video-mix:where(.svelte-1xa5ldm) .deck.listening.video-mix .video{width:100%;height:var(--video-mix-stage-height);aspect-ratio:auto;max-height:none;opacity:var(--video-mix-opacity,1);z-index:var(--video-mix-z,10);pointer-events:none;mix-blend-mode:screen;filter:saturate(1.2)contrast(1.08)brightness(.95);transition:opacity .12s,filter .22s;position:absolute;inset-block-end:0;inset-inline:0}& .broadcasts.video-mix:where(.svelte-1xa5ldm) .deck-item:where(.svelte-1xa5ldm):nth-child(2n) .deck.listening.video-mix .video{mix-blend-mode:lighten;filter:hue-rotate(-8deg)saturate(1.25)contrast(1.1)brightness(.92)}& .broadcasts.video-mix:where(.svelte-1xa5ldm) .deck-item:where(.svelte-1xa5ldm):nth-child(3n) .deck.listening.video-mix .video{mix-blend-mode:color-dodge;filter:hue-rotate(10deg)saturate(1.15)contrast(1.12)brightness(.9)}& .deck-item:where(.svelte-1xa5ldm){flex:auto;min-width:0;min-height:0;display:flex;&:has(.deck.compact){flex:0 0 0;width:0;min-width:0;overflow:hidden}}& .local:where(.svelte-1xa5ldm):has(.deck.expanded:not(.compact)) .deck-item:where(.svelte-1xa5ldm){flex:none}& .deck-item:where(.svelte-1xa5ldm):has(.deck.expanded:not(.compact)){flex:1 1 0;width:100%;min-width:0;min-height:0}& .local:where(.svelte-1xa5ldm):has(.deck.expanded:not(.compact)){flex:auto;width:100%;min-width:0}& .exit-mode-bar:where(.svelte-1xa5ldm){padding:var(--space-1) .5rem .5rem;flex-shrink:0;display:flex}& .exit-mode-btn:where(.svelte-1xa5ldm){justify-content:center;align-items:center;gap:var(--space-1);font-size:var(--font-2);padding:var(--space-1) var(--space-2);border-radius:var(--border-radius);white-space:nowrap;flex:1;display:inline-flex}@media (width>=769px){& .deck-sections:where(.svelte-1xa5ldm){width:fit-content;min-width:0;max-width:72vw}& .deck-sections:where(.svelte-1xa5ldm):has(.deck.expanded:not(.compact)){width:100%;max-width:none}&.expanded-listening{& .deck-sections:where(.svelte-1xa5ldm){flex-direction:column;width:100%;max-width:none}& .local:where(.svelte-1xa5ldm),& .broadcasts:where(.svelte-1xa5ldm){width:100%;min-width:0}& .deck.expanded:not(.compact){flex:auto;min-width:0;width:100%!important}}&.single-visible .deck-sections:where(.svelte-1xa5ldm){width:100%;max-width:none}&.single-visible{& .local:where(.svelte-1xa5ldm),& .broadcasts:where(.svelte-1xa5ldm){flex:auto;width:100%;min-width:0}& .deck-item:where(.svelte-1xa5ldm){flex:none;&:has(.deck:not(.compact)){flex:auto;min-width:0}}& .deck:not(.compact){flex:auto;min-width:0;width:100%!important}& .deck.listening:not(.compact),& .deck.auto:not(.compact){width:100%;min-width:0}}}@media (width<=768px){&{border-left:none}html.no-floating-ui &:not(.all-compact),html.no-floating-ui & .local:where(.svelte-1xa5ldm) .deck-item:where(.svelte-1xa5ldm)+.deck-item:where(.svelte-1xa5ldm) .deck:not(.expanded):not(.compact),html.no-floating-ui & .local:where(.svelte-1xa5ldm)+.broadcasts:where(.svelte-1xa5ldm){border-inline-start:none;border-block-start:var(--floating-border)}& .deck-sections:where(.svelte-1xa5ldm){flex-direction:column;height:auto;overflow:hidden auto}&:not(.all-compact){flex:0 auto;min-height:0;&:has(.deck:not(.compact):is(:not(.hide-video),.listening,.auto,:not(.listening):not(.auto):not(.hide-queue))){flex:1 1 0;min-height:100%}}& .local:where(.svelte-1xa5ldm){flex-direction:column;min-width:0;min-height:0;&:has(.deck:not(.compact):is(:not(.hide-video),.listening,.auto,:not(.listening):not(.auto):not(.hide-queue))){flex:1 1 0;min-height:0}}& .broadcasts:where(.svelte-1xa5ldm){flex-direction:column;min-width:0;overflow-y:visible;&:has(.deck:not(.compact):is(:not(.hide-video),.listening,.auto,:not(.listening):not(.auto):not(.hide-queue))){flex:1 1 0;min-height:0}}& .deck-item:where(.svelte-1xa5ldm){flex:0 auto;min-height:0;&:has(.deck:not(.compact):is(:not(.hide-video),.listening,.auto,:not(.listening):not(.auto):not(.hide-queue))){flex:1 1 0}}& .exit-mode-bar:where(.svelte-1xa5ldm){padding-top:var(--space-1)}&.single-visible-noncompact{flex:1 1 0;min-height:100%}&.single-visible-noncompact .deck-sections:where(.svelte-1xa5ldm),&.single-visible-noncompact .local:where(.svelte-1xa5ldm),&.single-visible-noncompact .broadcasts:where(.svelte-1xa5ldm),&.single-visible-noncompact .deck-item:where(.svelte-1xa5ldm){flex:1 1 0;min-height:0}&.single-visible-noncompact .deck:not(.compact){height:100%}}}.deck-compact-bar.svelte-1yyxoh7{user-select:none;flex-flow:wrap;min-width:0;min-height:49px;display:flex;overflow:visible}.deck-compact-bar.svelte-1yyxoh7 .progress{min-width:0;padding:0 var(--space-2)}.deck-inner.svelte-1yyxoh7{width:100%;min-width:0;min-height:2rem;padding-block:var(--space-1);flex-direction:column;flex:auto;display:flex}.deck-row.svelte-1yyxoh7{align-items:center;gap:var(--space-2);min-width:0;padding-inline:var(--space-2);display:flex}.deck-identity.svelte-1yyxoh7{align-items:center;gap:var(--space-2);flex:auto;min-width:0;display:flex}.deck-row.svelte-1yyxoh7>.speed{flex:0 7rem;min-width:0;max-width:9rem}.channel-panel.svelte-1yyxoh7{align-items:center;gap:var(--space-1);scrollbar-width:none;flex-wrap:nowrap;flex:0 auto;align-self:center;min-width:0;max-width:45%;display:flex;overflow-x:auto}.channel-panel.svelte-1yyxoh7::-webkit-scrollbar{display:none}.channel-panel .channel-micro-card{--track-artwork-size:1rem;background:0 0;border:none;flex:0 auto;align-self:center;min-width:6rem;max-width:max-content}.track-panel.svelte-1yyxoh7{cursor:pointer;flex:auto;min-width:0}.deck-transport.svelte-1yyxoh7,.deck-actions.svelte-1yyxoh7{align-items:center;gap:var(--space-2);flex-wrap:nowrap;flex:none;min-width:0;display:flex}.deck-transport.svelte-1yyxoh7{scrollbar-width:none;justify-content:center;overflow-x:auto}.deck-actions.svelte-1yyxoh7{justify-content:flex-end}.deck-transport.svelte-1yyxoh7::-webkit-scrollbar{display:none}.deck-transport.svelte-1yyxoh7 .volume{flex:7rem;min-width:0;max-width:10rem}.deck-transport.svelte-1yyxoh7 .volume .range,.deck-transport.svelte-1yyxoh7 .volume media-mute-button,.deck-transport.svelte-1yyxoh7 .volume .btn{min-width:0}.expand.svelte-1yyxoh7{flex:none;order:3;align-self:center}.track-panel.svelte-1yyxoh7 article{outline-offset:0;outline:0;height:100%}.track-panel.svelte-1yyxoh7 .card{padding:0}.track-panel.svelte-1yyxoh7 h3+p{max-width:100%}@media (width<=768px){.deck-inner.svelte-1yyxoh7{padding-inline:var(--space-1)}.channel-panel .channel-micro-card .slug{text-overflow:ellipsis;max-width:15ch;overflow:hidden}.expand.svelte-1yyxoh7{display:none}}@media (width<=1024px){.deck-transport.svelte-1yyxoh7>:not(.play),.deck-row.svelte-1yyxoh7>.speed{display:none}}@media (width>=768px){.deck-transport.svelte-1yyxoh7{overflow-x:visible}.deck-transport.svelte-1yyxoh7 .volume{flex:6.75rem}.expand.svelte-1yyxoh7{order:5}}.recent-tracks.svelte-cdpk78{gap:var(--space-1);border-block-start:1px solid var(--color-interface-border);flex-direction:column;padding-block-start:1rem;display:flex}.recent-tracks.svelte-cdpk78 h3:where(.svelte-cdpk78){margin:0 0 var(--space-1);font-size:var(--font-3);color:var(--color-text-2)}.broadcast-toggle.svelte-r0usuy{position:relative}.broadcast-toggle.broadcasting.svelte-r0usuy{color:var(--accent-9)}.home-link{place-items:center;display:flex}.nav-palette.svelte-r8s79h{flex-direction:column;width:min(22rem,100vw - 1.5rem);max-height:min(38rem,100vh - 5rem);display:flex;overflow:hidden}.palette-scroll.svelte-r8s79h{gap:var(--space-2);flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.palette-tiles.svelte-r8s79h{gap:var(--space-1);grid-template-columns:repeat(3,1fr);display:grid}.tile.svelte-r8s79h{background:var(--gray-3);text-align:center;border-radius:var(--border-radius);min-height:3rem;font-size:var(--font-2);padding:var(--space-2) var(--space-1);flex-direction:column;justify-content:center;align-items:center;text-decoration:none;display:flex}.tile.svelte-r8s79h:hover{background:var(--gray-5);border-color:var(--accent-6);text-decoration:none}.tile.svelte-r8s79h svg{width:1.25rem;height:1.25rem}.tags.svelte-r8s79h{padding-inline:var(--space-1)}.palette-groups.svelte-r8s79h{gap:var(--space-1);flex-direction:column;display:flex}.palette-list.svelte-r8s79h,.channel-listbox.svelte-r8s79h{flex-direction:column;gap:1px;display:flex}.palette-list.svelte-r8s79h h4:where(.svelte-r8s79h){margin:0 0 var(--space-1);padding-inline:var(--space-1);font-size:var(--font-1);text-transform:uppercase;letter-spacing:.04em;color:var(--gray-10);font-weight:600}.palette-hint.svelte-r8s79h{padding:var(--space-1);color:var(--gray-10);font-size:var(--font-2);margin:0}.channel-row.svelte-r8s79h,.list-link.svelte-r8s79h{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--border-radius);color:inherit;text-decoration:none;display:flex}.channel-row.svelte-r8s79h:hover,.channel-row.svelte-r8s79h[aria-selected=true],.list-link.svelte-r8s79h:hover{background:var(--gray-5);text-decoration:none}.list-link.svelte-r8s79h{margin-top:var(--space-1);font-size:var(--font-2);color:var(--accent-10)}.channel-row.svelte-r8s79h img,.channel-row.svelte-r8s79h .fallback{border-radius:var(--border-radius);object-fit:cover;flex:none;width:1.5rem;height:1.5rem}.channel-meta.svelte-r8s79h{flex-direction:column;gap:0;min-width:0;line-height:1.2;display:flex}.channel-name.svelte-r8s79h{font-size:var(--font-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.channel-slug.svelte-r8s79h{font-size:var(--font-1);color:var(--gray-10)}.palette-footer.svelte-r8s79h{margin-top:var(--space-2);border-top:1px solid var(--color-interface-border);padding-top:var(--space-1);background:var(--color-interface-elevated);flex-shrink:0}.offline-indicator.svelte-15tp3oj{color:var(--color-red);display:inline-flex}header.svelte-akvn7w{--app-nav-btn-size:clamp(2rem, calc(var(--app-header-size) * .3), 3.5rem);--app-nav-glyph-size:clamp(1.3rem, calc(var(--app-nav-btn-size) * .5), 1.5rem);--app-nav-gap:.4rem;--app-nav-pad-inline:clamp(.5rem, calc(var(--app-nav-btn-size) * .2), .62rem);--app-nav-pad-block:clamp(0rem, calc(var(--app-nav-btn-size) * .06), .2rem);gap:clamp(var(--space-2), calc(var(--app-nav-btn-size) * .35), 1.5rem);padding:var(--space-3) var(--space-2) var(--space-2);inline-size:clamp(min-content, var(--app-header-size), max-content);background:var(--floating-bg);z-index:50;scrollbar-width:thin;user-select:none;flex-flow:column;min-inline-size:min-content;max-inline-size:max-content;display:flex;position:relative;overflow:visible auto}nav.svelte-akvn7w{flex-direction:column;margin:0;@media (width>=768px){gap:var(--space-3)}}nav.svelte-akvn7w .btn svg{color:currentColor}.nav-secondary.svelte-akvn7w{justify-content:flex-start}.home-link.svelte-akvn7w:not(.nav-btn){padding:0}nav.svelte-akvn7w .btn.nav-btn{min-width:var(--app-nav-btn-size);height:var(--app-nav-btn-size);min-height:var(--app-nav-btn-size);width:auto;padding:var(--app-nav-pad-block) var(--app-nav-pad-inline);gap:var(--app-nav-gap);border-color:var(--color-control-border);background:var(--button-bg);transition:min-width .12s,min-height .12s,padding .12s,border-color .12s}nav.svelte-akvn7w .btn.nav-btn:hover{background:var(--gray-4);border-color:var(--color-control-border-hover)}nav.svelte-akvn7w .btn.nav-btn .btn-label{font-size:var(--font-3);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:10ch;display:block;overflow:hidden}.nav-settings.svelte-akvn7w{background:var(--color-interface);z-index:1;margin-top:auto;position:sticky;bottom:0}.channel-link.svelte-akvn7w{padding:var(--space-1);flex-shrink:0;overflow:hidden;& img,& .fallback{flex:none}& img,& .fallback,& svg{border-radius:calc(var(--border-radius) - .2rem);object-fit:cover;width:100%;height:100%}}nav.svelte-akvn7w .btn.nav-btn svg{width:var(--app-nav-glyph-size);height:var(--app-nav-glyph-size)}.channel-link.svelte-akvn7w:not(.nav-btn){width:2rem;height:2rem}.channel-link.nav-btn.svelte-akvn7w{padding:var(--space-1) var(--space-2) var(--space-1);--channel-avatar-size:var(--app-nav-glyph-size);& img,& .fallback,& svg{width:var(--channel-avatar-size);height:var(--channel-avatar-size);min-width:var(--channel-avatar-size);min-height:var(--channel-avatar-size);aspect-ratio:1}}.channel-link.active.svelte-akvn7w{& img,& .fallback{box-shadow:0 0 0 2px var(--accent-9) inset}}.channel-slug-label.svelte-akvn7w{text-overflow:ellipsis;white-space:nowrap;max-width:8ch;overflow:hidden}header.labels-none.svelte-akvn7w .btn.nav-btn .btn-label{display:none}header.labels-none.svelte-akvn7w nav:where(.svelte-akvn7w) .btn.nav-btn{width:var(--app-nav-btn-size)}header.labels-below.svelte-akvn7w .btn.nav-btn{height:auto;min-height:var(--app-nav-btn-size);flex-direction:column}header.labels-right.svelte-akvn7w .btn.nav-btn{min-width:min(100%, calc(var(--app-header-size) - .5rem));flex-direction:row;justify-content:flex-start}header.labels-right.svelte-akvn7w nav:where(.svelte-akvn7w) .btn.nav-btn .btn-label{text-align:left;max-width:none}nav.svelte-akvn7w .btn.active{color:inherit;background:var(--color-interface-elevated);box-shadow:none;border-color:#0000}nav.svelte-akvn7w .btn.active svg{color:var(--accent-9)}@media (width<=768px){nav.svelte-akvn7w .btn.nav-btn{min-height:var(--app-nav-btn-size)}nav.svelte-akvn7w .btn.nav-btn .btn-label{font-size:var(--font-1);letter-spacing:normal}header.svelte-akvn7w{--app-nav-btn-size:calc(var(--app-header-size) * .4);--app-nav-gap:var(--space-1);--app-nav-pad-inline:var(--space-1);padding:var(--space-1) .5rem;inline-size:100%;width:100%;min-inline-size:100%;min-width:100%;box-sizing:border-box;border:none;border-top:1px solid var(--color-interface-border);border-radius:0;flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;block-size:auto;min-block-size:auto;max-block-size:none;max-inline-size:none}nav.svelte-akvn7w:first-of-type{flex:none;justify-content:flex-start}.nav-settings.svelte-akvn7w{flex:none;justify-content:flex-end;margin-top:0;position:static}nav.svelte-akvn7w{justify-content:flex-start;gap:var(--space-2);flex-direction:row;flex:none}.user-nav.svelte-akvn7w{flex:none;justify-content:flex-start}nav.svelte-akvn7w .btn.active{color:inherit;background:var(--color-interface-elevated);box-shadow:none;border-color:#0000}}@media (width<=520px){nav.svelte-akvn7w .btn.nav-btn .btn-label{display:none}}.r4-loading.svelte-1n8yr0t{flex-direction:column;align-items:center;gap:1rem;display:flex;& .logo:where(.svelte-1n8yr0t){color:currentColor;animation:1.15s ease-in-out infinite svelte-1n8yr0t-logo-breathe;display:inline-flex;& svg{width:2rem;height:auto;display:block}}}@keyframes svelte-1n8yr0t-logo-breathe{0%{color:var(--accent-10);opacity:1}50%{color:#0000;opacity:.42}to{color:var(--accent-10);opacity:1}}.tooltip.svelte-a8i4g2{padding:var(--space-1) .5rem;font-size:var(--font-3);color:var(--gray-12);border:1px solid var(--color-interface-border);background:var(--color-interface-elevated);border-radius:var(--border-radius);pointer-events:none;max-width:200px;margin:0;position:fixed}@supports (position-area:bottom){@position-try --top{position-area:top}@position-try --bottom{position-area:bottom}@position-try --left{position-area:left}@position-try --right{position-area:right}.tooltip.svelte-a8i4g2{inset:unset;margin:var(--space-1);position-try-fallbacks:--top, --bottom, --left, --right;position-visibility:anchors-visible}.tooltip-top.svelte-a8i4g2{position-area:top}.tooltip-bottom.svelte-a8i4g2{position-area:bottom}.tooltip-left.svelte-a8i4g2{position-area:left}.tooltip-right.svelte-a8i4g2{position-area:right}}input.svelte-1epwoo2{flex:1;min-width:0}dl.svelte-sdsfuq{gap:.5rem;margin:0;display:grid}dl.svelte-sdsfuq>div:where(.svelte-sdsfuq){grid-template-columns:auto 1fr;align-items:center;gap:1rem;display:grid}dt.svelte-sdsfuq,dd.svelte-sdsfuq{margin:0}kbd.svelte-sdsfuq{border:1px solid var(--color-interface-border);border-radius:var(--border-radius);padding:var(--space-1) .5rem;text-align:center;background:var(--gray-2);min-width:3rem;font-family:inherit}footer.svelte-sdsfuq{border-top:1px solid var(--color-interface-border);margin-top:1.5rem;padding-top:1rem}[data-sw-update].svelte-zhaw5c{max-width:50ch;top:var(--space-1);right:var(--space-1);z-index:9999;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--accent-3);border:1px solid color-mix(in oklch, var(--accent-6) calc(var(--border-opacity) * 100%), transparent);border-radius:var(--border-radius);flex-flow:column;display:flex;position:fixed}.layout.svelte-12qhfyh{height:100dvh;padding:var(--floating-padding);gap:var(--floating-gap);flex-direction:row;display:flex;overflow:hidden}.layout.svelte-12qhfyh>header{border-radius:var(--border-radius);background:var(--floating-bg);border:var(--floating-border);flex-shrink:0;position:sticky;top:0}html.no-floating-ui .layout.svelte-12qhfyh>header{border:none;border-inline-end:var(--floating-border)}html.no-floating-ui .compact-deck-item.svelte-12qhfyh .deck-compact-bar{border:none;border-block-start:var(--floating-border)}.deckExpanded.svelte-12qhfyh>header{display:none}.deckExpanded.svelte-12qhfyh .scroll-area:where(.svelte-12qhfyh){flex:0 0 0;min-width:0;overflow:hidden}.deckExpanded.svelte-12qhfyh .deck-strip{flex:auto;width:auto;max-width:none}.content-wrapper.svelte-12qhfyh{gap:var(--floating-gap);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.content.svelte-12qhfyh{gap:var(--floating-gap);flex:1;min-width:0;min-height:0;display:flex}.scroll-area.svelte-12qhfyh{scrollbar-width:thin;overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow-y:auto}main.svelte-12qhfyh{flex-direction:column;flex:1;display:flex}.app-version.svelte-12qhfyh{font-size:var(--font-2);text-align:center;margin:0}.compact-decks.svelte-12qhfyh{gap:var(--floating-gap);z-index:30;flex-direction:column;display:flex;position:sticky;bottom:0}.compact-decks.empty.svelte-12qhfyh{display:none}.compact-deck-item.svelte-12qhfyh{min-width:0}.compact-deck-item.svelte-12qhfyh .deck-compact-bar{border-radius:var(--border-radius);background:var(--floating-bg);border:var(--floating-border);overflow:hidden}.compact-listening-group.svelte-12qhfyh{align-items:center;column-gap:var(--space-1);grid-template-columns:auto 1fr auto;min-width:0;display:grid}.compact-listening-list.svelte-12qhfyh{flex-direction:column;min-width:0;display:flex}.compact-group-edge.svelte-12qhfyh{padding:var(--space-1) var(--space-2);border-radius:var(--border-radius);justify-content:center;align-self:center;align-items:center;min-height:2rem;display:inline-flex}.compact-group-edge.left.svelte-12qhfyh{margin-right:.05rem}.compact-group-actions.svelte-12qhfyh{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-1);align-self:center;display:inline-flex}.compact-group-sync.svelte-12qhfyh,.compact-group-toggle.svelte-12qhfyh{justify-content:center;align-items:center;gap:var(--space-1);font-size:var(--font-2);white-space:nowrap;padding:var(--space-1) var(--space-2);min-height:2rem;display:inline-flex}.compact-group-sync.svelte-12qhfyh .presence-count{margin-right:.05rem}.compact-decks.svelte-12qhfyh .deck-compact-bar{flex:none;min-width:0}@media (width<=768px){.layout.svelte-12qhfyh{flex-direction:column}.layout.svelte-12qhfyh>header{z-index:40;background:color-mix(in oklch, var(--floating-bg) 75%, transparent);-webkit-backdrop-filter:blur(12px);order:2;align-self:stretch;width:100%;height:auto;min-height:auto;margin:0;position:sticky;top:0}html.no-floating-ui .layout.svelte-12qhfyh>header{border:none;border-block-start:var(--floating-border)}.content-wrapper.svelte-12qhfyh{order:1}.content.svelte-12qhfyh{flex-direction:column}.content.svelte-12qhfyh:has(.deck-strip .deck:not(.compact):is(:not(.hide-video),:not(.listening):not(.auto):not(.hide-queue))) .scroll-area:where(.svelte-12qhfyh){flex:0 auto;max-height:28dvh}.deckActive.svelte-12qhfyh>header{display:none}.compact-decks.svelte-12qhfyh{position:relative;bottom:auto}.compact-decks.svelte-12qhfyh .deck-compact-bar{min-width:0}.compact-group-toggle.svelte-12qhfyh{display:none}}@media (width>=768px){nav hr{width:1em;height:1px;margin:.5em auto}}.loader.svelte-12qhfyh{flex-flow:column;place-content:center;place-items:center;gap:1rem;max-width:40ch;height:100dvh;margin:0 auto;display:flex}.r4-loading{text-align:center;flex-flow:column;align-items:center;display:flex}