: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;--control-size:2.25rem;--control-size-small:1.85rem;--control-padding:0 .625rem;--measure:44rem;--measure-narrow:22rem;--header-nav-size:3.5rem;--header-nav-size-mobile:2.5rem;--header-glyph-size:1.4rem;--header-label-width:10ch;--deck-strip-width:28rem;--deck-min-width:280px;--deck-default-width:400px;--deck-compact-min-height:49px;--volume-width:7rem;--player-icon-size:1rem;--channel-header-avatar-size:5rem;--map-min-height:300px;--map-picker-height:18rem;--map-popup-width:14.5rem;--chat-min-height:20rem;--chat-avatar-size:2rem;--home-avatar-size:4rem;--home-card-min:150px;--tooltip-width:200px;--popover-min-width:10rem;--dialog-width:640px;--track-card-min-height:53px;--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:"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);--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[theme=light]{color-scheme:light}:root[theme=dark]{color-scheme:dark}:root[floating=false]{--floating-padding:0;--floating-gap:0}:root[borders=false]{--color-interface-border:transparent;--color-control-border:transparent;--color-control-border-hover:transparent}:root[pointer-cursor=false]{--interactive-cursor:default}: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}*,: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(--color-interface);color:var(--gray-12);scroll-behavior:smooth;interpolate-size:allow-keywords;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-weight:400;line-height:1.5}body{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}ul,ol{font-size:var(--font-4)}ul,figure{margin:0}a{text-decoration-skip-ink:auto;hyphens:auto;transition:text-decoration-color var(--duration-2);cursor:var(--interactive-cursor,pointer)}a,a:visited{color:var(--gray-12)}a[aria-current=page]{color:var(--accent-9)}a[href^=http]:not(:has(svg,img)):after{content:"↗";vertical-align:text-top;opacity:.85;margin-inline-start:.2em;font-size:.85em;line-height:1;display:inline-block}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}[role=alert]{color:var(--color-error)}[role=status]{color:var(--gray-10)}dl{gap:0 var(--space-3);font-size:var(--font-4);grid-template-columns:max-content 1fr;display:grid;& dt{color:var(--gray-10)}& dd{margin:0}}mark{min-width:1.4em;padding:0 var(--space-1);border-radius:calc(var(--border-radius) * 999);background:var(--accent-9);color:var(--gray-1);font-size:var(--font-1);place-content:center;font-weight:600;line-height:1.4;display:inline-grid}r4-page{gap:var(--space-3);width:100%;max-width:var(--measure);padding:var(--space-3) var(--space-2);flex-direction:column;flex:1 0 auto;margin-inline:auto;display:flex;&[size=narrow]{max-width:var(--measure-narrow)}&[size=wide]{max-width:none}&[splash]{justify-content:center}}r4-page-header{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex;& h1{font-size:var(--font-7)}& p{color:var(--gray-10);flex-basis:100%}}search{gap:var(--space-1);z-index:2;padding-block:var(--space-1);background:var(--color-interface);display:flex;position:sticky;top:0}r4-grid{grid-template-columns:repeat(auto-fill, minmax(var(--grid-min,clamp(160px, 20vw, 240px)), 1fr));gap:var(--space-3) var(--space-2);margin:0;padding:0;list-style:none;display:grid}r4-empty{align-items:center;gap:var(--space-2);padding:var(--space-3);text-align:center;color:var(--gray-10);flex-direction:column;display:flex}r4-box{gap:var(--space-2);padding:var(--space-3);background:var(--color-interface-elevated);border:1px solid var(--color-interface-border);border-radius:var(--border-radius);flex-direction:column;display:flex}nav[aria-label] menu{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto;& a{border-radius:calc(var(--border-radius) * 999);padding:0 var(--space-2);min-height:var(--control-size-small)}& a[aria-current=page]{color:var(--accent-9)}}input,button,textarea,select{font:inherit}select option{color:var(--gray-12);background:var(--gray-2)}select,textarea,input:is([type=email],[type=search],[type=password],[type=number],[type=text],[type=url]){min-height:var(--control-size);padding:var(--control-padding);font-size:var(--font-4);background:var(--color-interface-elevated);color:var(--gray-12);border-radius:var(--border-radius);border:1px solid var(--color-control-border);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;padding-block:var(--space-2);line-height:inherit}form{gap:var(--space-2);flex-flow:column;display:flex}fieldset{gap:var(--space-1);border:0;flex-flow:column;margin:0;padding:0;display:flex;&[hidden]{display:none}& label,& legend{font-size:var(--font-3);padding:0;font-weight:500}}select,button,menu a{vertical-align:top;justify-content:center;align-items:center;gap:var(--space-1);min-width:var(--control-size);min-height:var(--control-size);padding:var(--control-padding);white-space:nowrap;user-select:none;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;transition-property:border,background-color,color,opacity,scale,outline;transition-duration:var(--duration-1);transition-timing-function:var(--ease-out);flex-shrink:0;font-weight:400;line-height:normal;text-decoration:none;display:inline-flex;position:relative}menu a:visited{color:var(--button-color)}button:active,menu a:active{scale:.97}:is(button,menu a):is(:hover,:focus-visible){background:var(--gray-4);border-color:var(--color-control-border-hover)}button:disabled{color:var(--gray-8);cursor:default;&:hover{border-color:#0000}}button[aria-pressed=true],menu a[aria-current=page]{background:var(--color-interface-elevated);color:inherit;& svg{color:var(--accent-9)}}button[aria-busy=true]{cursor:wait}button[type=submit]{padding-inline:var(--space-3);color:light-dark(var(--gray-1),var(--gray-12));background:light-dark(var(--accent-9),var(--accent-7));border-color:light-dark(var(--accent-10),var(--accent-8));&:hover{border-color:light-dark(var(--accent-12),var(--accent-9))}}select{color:var(--gray-12);background:var(--color-interface-elevated)}menu{gap:var(--space-1);flex-flow:wrap;margin:0;padding:0;list-style:none;display:flex}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:var(--space-2);--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 var(--space-2);--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)}header.svelte-akvn7w{--nav-size:var(--header-nav-size);--nav-glyph:var(--header-glyph-size);gap:var(--space-3);padding:var(--space-3) var(--space-2) var(--space-2);background:var(--floating-bg);scrollbar-width:thin;user-select:none;flex-flow:column;min-inline-size:min-content;display:flex;overflow-y:auto}menu.svelte-akvn7w{align-items:stretch;gap:var(--space-3);flex-flow:column}li.svelte-akvn7w{display:grid}menu.svelte-akvn7w:last-child{margin-block-start:auto}a.svelte-akvn7w,li.svelte-akvn7w>button{min-height:var(--nav-size);min-width:var(--nav-size);padding:0 var(--space-2);background:var(--button-bg);justify-content:flex-start}a[aria-current=page].svelte-akvn7w{border-color:#0000}r4-header-avatar.svelte-akvn7w{width:var(--nav-glyph);height:var(--nav-glyph);flex-shrink:0;display:block}:is(a.svelte-akvn7w) svg{width:var(--nav-glyph);height:var(--nav-glyph)}span.svelte-akvn7w,li.svelte-akvn7w>button span{font-size:var(--font-3);max-width:var(--header-label-width);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-labels=none].svelte-akvn7w{& span:where(.svelte-akvn7w),& button span{display:none}& a:where(.svelte-akvn7w),& li:where(.svelte-akvn7w)>button{width:var(--nav-size);justify-content:center}}[data-labels=below].svelte-akvn7w :is(a:where(.svelte-akvn7w),li:where(.svelte-akvn7w)>button){flex-direction:column;justify-content:center;gap:0}@media (width<=768px){header.svelte-akvn7w{--nav-size:var(--header-nav-size-mobile);justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);flex-direction:row;overflow:visible}menu.svelte-akvn7w{flex-direction:row}menu.svelte-akvn7w:last-child{margin:0}span.svelte-akvn7w{font-size:var(--font-1)}}@media (width<=520px){span.svelte-akvn7w,li.svelte-akvn7w>button span{display:none}}a.svelte-7imnz4{align-items:center;gap:var(--space-1);color:var(--accent-9);text-decoration:none;display:inline-flex}button[data-drifted=true].svelte-16wadpw{color:var(--color-warning)}select.svelte-oiqqkn{min-height:var(--control-size-small);padding:0 var(--space-1);font-size:var(--font-2);font-variant-numeric:tabular-nums}select[data-custom=true].svelte-oiqqkn{color:var(--accent-9);border-color:var(--accent-9)}r4-volume-control.svelte-14pxpqu{align-items:center;gap:var(--space-1);flex:0 1 var(--volume-width);min-width:0;display:flex}input.svelte-14pxpqu{flex:1 1 0;width:100%;min-width:0}r4-volume-control[muted=true].svelte-14pxpqu input:where(.svelte-14pxpqu){--range-color:var(--gray-7);accent-color:var(--gray-7)}media-mute-button.svelte-14pxpqu{width:var(--control-size-small);height:var(--control-size-small);padding:var(--space-1);border-radius:var(--border-radius);--media-control-background:transparent;--media-control-hover-background:var(--gray-4);--media-button-icon-width:var(--player-icon-size);--media-button-icon-height:var(--player-icon-size);--media-icon-color:currentColor;--media-icon-color-hover:currentColor;color:var(--button-color);flex-shrink:0}media-mute-button[aria-pressed=true].svelte-14pxpqu{color:var(--accent-9);border-color:var(--accent-9);background-color:var(--accent-3)}r4-player-progress.svelte-13n02nf{align-items:center;gap:var(--space-1);padding:var(--space-2);line-height:1;display:flex}time.svelte-13n02nf{font-size:var(--font-1);color:var(--gray-9);font-variant-numeric:tabular-nums;flex-shrink:0;position:relative;top:.1em}time[data-remaining].svelte-13n02nf{color:var(--accent-9)}input.svelte-13n02nf{z-index:1;flex:1}r4-player-progress[playing=false].svelte-13n02nf input:where(.svelte-13n02nf):enabled{--range-color:var(--gray-6);&::-webkit-slider-thumb{background:var(--accent-9)}&::-moz-range-thumb{background:var(--accent-9);border-color:var(--accent-9)}}r4-player.svelte-1h7q4iz{flex-direction:column;flex:1;min-height:0;display:flex}header.svelte-1h7q4iz{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2);cursor:var(--interactive-cursor,pointer);display:flex;&>menu:where(.svelte-1h7q4iz){flex-shrink:0;align-items:center;margin-inline-start:auto}}r4-deck-id.svelte-1h7q4iz{color:var(--gray-9);align-items:center;display:flex;&[active=true]{color:var(--accent-9)}}r4-player-channel.svelte-1h7q4iz{align-items:center;gap:var(--space-1);min-width:0;max-width:min(64vw,26rem);font-size:var(--font-2);flex-wrap:wrap;display:flex;& r4-channel-micro-card{background:0 0;border:none;flex:0 auto;max-width:100%}}media-controller.svelte-1h7q4iz{aspect-ratio:16/9;width:100%;max-height:25dvh;transition:flex var(--duration-2) var(--ease-out), max-height var(--duration-2) var(--ease-out);background:#000;flex:1 0 auto;&[audio=true]{aspect-ratio:auto}& :is(youtube-video,soundcloud-player){width:100%;height:100%;min-height:0;display:block}& youtube-video iframe{width:100%!important;height:100%!important;max-height:none!important}& audio:where(.svelte-1h7q4iz){width:100%}}r4-player-placeholder.svelte-1h7q4iz{min-height:0;color:color-mix(in srgb, var(--gray-9) 55%, transparent);flex:auto;justify-content:center;align-items:center;display:flex;& svg{opacity:.9;width:min(24%,6rem);height:auto}}r4-deck:is([listening=true],[auto=true]) media-controller.svelte-1h7q4iz{aspect-ratio:auto;height:100%;min-height:0;max-height:none}section.svelte-1h7q4iz{border-top:1px solid var(--color-interface-border);flex-direction:column;margin-top:auto;display:flex;@media (width<=768px){margin-top:0}&>menu:where(.svelte-1h7q4iz){align-items:center;gap:var(--space-1);min-width:0;padding:var(--space-1) var(--space-2) var(--space-2);flex-wrap:wrap;&>button{min-width:var(--control-size-small);min-height:var(--control-size-small);padding:0 var(--space-1)}&>r4-volume-control{margin-inline-start:auto}}}r4-deck[listening=true] section.svelte-1h7q4iz{margin-top:0}footer.svelte-1h7q4iz{align-items:center;gap:var(--space-2);cursor:var(--interactive-cursor,pointer);display:flex;& r4-track-card{flex:auto;min-width:0}}r4-player-listening-track.svelte-1h7q4iz{background:var(--accent-2);border-radius:var(--border-radius);flex:auto;min-width:0;display:flex}r4-queue-panel.svelte-1pm1y0o{border-top:1px solid var(--color-interface-border);flex-direction:column;flex:1;width:100%;min-height:0;display:flex}r4-queue-panel-search.svelte-1pm1y0o{align-items:center;gap:var(--space-1);padding:var(--space-2);border-bottom:1px solid var(--color-interface-border);flex-wrap:wrap;display:flex;&>r4-search-input{flex:12rem}}r4-queue-panel.svelte-1pm1y0o>r4-filter-chips{padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--color-interface-border)}r4-queue-panel-tracks.svelte-1pm1y0o{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}p[role=status].svelte-1pm1y0o{text-align:center;margin:auto}r4-queue-panel-tracks.svelte-1pm1y0o r4-track-card[active=true]{background:var(--color-interface)}r4-queue-panel-tracks.svelte-1pm1y0o r4-track-card>article:not(:has(img)):before{content:"";flex:0 0 var(--track-artwork-size);align-self:center}r4-deck.svelte-19xpx6v{min-height:0;min-width:var(--deck-min-width);width:var(--deck-width,var(--deck-default-width));border-radius:var(--border-radius);background:var(--floating-bg);border:var(--floating-border);transition:width var(--duration-2) var(--ease-out), height var(--duration-2) var(--ease-out), opacity var(--duration-2) var(--ease-out);flex-direction:row;flex-shrink:0;display:flex;position:relative;overflow:hidden}r4-deck.svelte-19xpx6v:not([expanded=true]){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)}r4-deck-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;display:block}r4-deck-resize-handle.svelte-19xpx6v:hover,r4-deck-resize-handle.svelte-19xpx6v:focus-visible,r4-deck[resizing=true].svelte-19xpx6v r4-deck-resize-handle:where(.svelte-19xpx6v){border-right-color:var(--deck-accent,var(--gray-5))}@media (width<=768px){r4-deck.svelte-19xpx6v{flex:1;width:100%;min-width:0}r4-deck.svelte-19xpx6v:not([compact=true]):not([expanded=true]):is(:where(.svelte-19xpx6v):not([hide-video=true]),[listening=true]:where(.svelte-19xpx6v),[auto=true]:where(.svelte-19xpx6v),:where(.svelte-19xpx6v):not([listening=true]):not([auto=true]):not([hide-queue=true])){height:100%}r4-deck.svelte-19xpx6v:not([compact=true]):not([expanded=true]):is(:where(.svelte-19xpx6v):not([hide-video=true]),[listening=true]:where(.svelte-19xpx6v),[auto=true]:where(.svelte-19xpx6v),:where(.svelte-19xpx6v):not([listening=true]):not([auto=true]):not([hide-queue=true])) media-controller:not([audio=true]){aspect-ratio:auto;flex:auto;min-height:0;max-height:none}r4-deck.svelte-19xpx6v:not([compact=true]):not([expanded=true]):is(:where(.svelte-19xpx6v):not([hide-video=true]),[listening=true]:where(.svelte-19xpx6v),[auto=true]:where(.svelte-19xpx6v),:where(.svelte-19xpx6v):not([listening=true]):not([auto=true]):not([hide-queue=true])) r4-queue-panel{flex:auto;min-height:0}r4-deck.svelte-19xpx6v:not([compact=true]):not([expanded=true]):is(:where(.svelte-19xpx6v):not([hide-video=true]),[listening=true]:where(.svelte-19xpx6v),[auto=true]:where(.svelte-19xpx6v),:where(.svelte-19xpx6v):not([listening=true]):not([auto=true]):not([hide-queue=true])) r4-player>section>menu{flex-wrap:wrap}r4-deck-resize-handle.svelte-19xpx6v{display:none}}r4-deck[expanded=true].svelte-19xpx6v{flex:1 1 0;width:100%;min-width:0;max-width:none;height:100%;min-height:0}r4-deck[expanded=true].svelte-19xpx6v r4-deck-resize-handle:where(.svelte-19xpx6v){display:none}r4-deck[expanded=true].svelte-19xpx6v:not([hide-queue=true]):not([auto=true]):not([listening=true]) media-controller{max-height:25dvh}r4-deck-body.svelte-19xpx6v{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}r4-deck[compact=true].svelte-19xpx6v{opacity:0;pointer-events:none;border:none;width:0;min-width:0;overflow:hidden}@media (width<=768px){r4-deck[compact=true].svelte-19xpx6v{height:0;min-height:0}}r4-deck.svelte-19xpx6v r4-player>section r4-track-card[active=true]{border-radius:var(--border-radius) var(--border-radius) 0 0}r4-deck.svelte-19xpx6v r4-queue-panel{opacity:1;transition:opacity var(--duration-2) var(--ease-out), display var(--duration-2) allow-discrete}r4-deck[hide-queue=true].svelte-19xpx6v r4-queue-panel{opacity:0;display:none}@starting-style{r4-deck.svelte-19xpx6v:not([hide-queue=true]) r4-queue-panel{opacity:0}}r4-deck[hide-queue=true].svelte-19xpx6v media-controller{flex:1;max-height:none}r4-deck[expanded=true][hide-queue=true].svelte-19xpx6v media-controller{max-height:calc(100dvh - 10rem)}r4-deck[auto=true].svelte-19xpx6v media-controller{flex:1;max-height:none}r4-deck[hide-video=true].svelte-19xpx6v media-controller{opacity:0;pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}r4-deck[hide-video=true].svelte-19xpx6v:not([hide-queue=true]):not([auto=true]):not([listening=true]) r4-player-placeholder{display:none}r4-deck[hide-video=true].svelte-19xpx6v:not([hide-queue=true]) r4-queue-panel{flex:auto;min-height:0}r4-deck-strip.svelte-1xa5ldm{gap:var(--floating-gap);flex-direction:column;flex-shrink:0;min-height:0;display:flex;overflow:clip;&:empty{display:none}& r4-deck-item:where(.svelte-1xa5ldm){transition:flex var(--duration-2) var(--ease-out), width var(--duration-2) var(--ease-out)}&[all-compact=true]{flex:0 0 0;height:0;overflow:hidden}& r4-deck-sections:where(.svelte-1xa5ldm){gap:var(--space-1);flex-direction:row;flex:auto;min-height:0;display:flex;overflow:auto hidden}& r4-local-decks: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(r4-deck[broadcasting=true]){box-shadow:inset 0 0 0 1px var(--accent-9)}}& r4-listening-decks: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;& r4-deck[listening=true],& r4-deck[auto=true]{flex:auto;min-width:0}& r4-deck[listening=true]:not([compact=true]):not([hide-video=true]) media-controller,& r4-deck[auto=true]:not([compact=true]):not([hide-video=true]) media-controller{aspect-ratio:auto;flex:auto;min-height:0;max-height:none}& r4-deck-item:where(.svelte-1xa5ldm){flex:auto;min-width:0}}& r4-listening-decks[video-mix=true]:where(.svelte-1xa5ldm){--video-mix-stage-height:clamp(16rem, 62dvh, 80dvh);--video-mix-stage-gap:var(--space-1);isolation:isolate;position:relative}& r4-listening-decks[video-mix=true]:where(.svelte-1xa5ldm) r4-deck-item:where(.svelte-1xa5ldm){flex:none}& r4-listening-decks[video-mix=true]: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}& r4-listening-decks[video-mix=true]:where(.svelte-1xa5ldm) r4-deck[listening=true][video-mix=true]{min-width:200px;height:auto;min-height:0;position:static;overflow:visible}& r4-listening-decks[video-mix=true]:where(.svelte-1xa5ldm) r4-deck[listening=true][video-mix=true]>r4-deck-body>r4-player>header{padding:var(--space-1) var(--space-1);gap:var(--space-1)}& r4-listening-decks[video-mix=true]:where(.svelte-1xa5ldm) r4-deck[listening=true][video-mix=true] r4-player>section{border-top-width:0}& r4-listening-decks[video-mix=true]:where(.svelte-1xa5ldm) r4-deck[listening=true][video-mix=true] r4-player>section>footer r4-track-card>article{padding-block:.18rem}& r4-listening-decks[video-mix=true]:where(.svelte-1xa5ldm) r4-deck[listening=true][video-mix=true] r4-player>section>menu{padding:.22rem var(--space-1) var(--space-1);gap:var(--space-1)}& r4-listening-decks[video-mix=true]:where(.svelte-1xa5ldm) r4-deck[listening=true][video-mix=true] r4-player-placeholder{display:none}& r4-listening-decks[video-mix=true]:where(.svelte-1xa5ldm) r4-deck[listening=true][video-mix=true] media-controller{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}& r4-listening-decks[video-mix=true]:where(.svelte-1xa5ldm) r4-deck-item:where(.svelte-1xa5ldm):nth-child(2n) r4-deck[listening=true][video-mix=true] media-controller{mix-blend-mode:lighten;filter:hue-rotate(-8deg)saturate(1.25)contrast(1.1)brightness(.92)}& r4-listening-decks[video-mix=true]:where(.svelte-1xa5ldm) r4-deck-item:where(.svelte-1xa5ldm):nth-child(3n) r4-deck[listening=true][video-mix=true] media-controller{mix-blend-mode:color-dodge;filter:hue-rotate(10deg)saturate(1.15)contrast(1.12)brightness(.9)}& r4-deck-item:where(.svelte-1xa5ldm){flex:auto;min-width:0;min-height:0;display:flex;&:has(r4-deck[compact=true]){flex:0 0 0;width:0;min-width:0;overflow:hidden}}& r4-local-decks:where(.svelte-1xa5ldm):has(r4-deck[expanded=true]:not([compact=true])) r4-deck-item:where(.svelte-1xa5ldm){flex:none}& r4-deck-item:where(.svelte-1xa5ldm):has(r4-deck[expanded=true]:not([compact=true])){flex:1 1 0;width:100%;min-width:0;min-height:0}& r4-local-decks:where(.svelte-1xa5ldm):has(r4-deck[expanded=true]:not([compact=true])){flex:auto;width:100%;min-width:0}& r4-deck-sync-bar:where(.svelte-1xa5ldm){padding:var(--space-1) .5rem .5rem;flex-shrink:0;display:flex}& r4-deck-sync-bar:where(.svelte-1xa5ldm) button: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){& r4-deck-sections:where(.svelte-1xa5ldm){width:fit-content;min-width:0;max-width:72vw}& r4-deck-sections:where(.svelte-1xa5ldm):has(r4-deck[expanded=true]:not([compact=true])){width:100%;max-width:none}&[expanded-listening=true]{& r4-deck-sections:where(.svelte-1xa5ldm){flex-direction:column;width:100%;max-width:none}& r4-local-decks:where(.svelte-1xa5ldm),& r4-listening-decks:where(.svelte-1xa5ldm){width:100%;min-width:0}& r4-deck[expanded=true]:not([compact=true]){flex:auto;min-width:0;width:100%!important}}}@media (width<=768px){& r4-deck-sections:where(.svelte-1xa5ldm){flex-direction:column;height:auto;overflow:hidden auto}&:not([all-compact=true]){flex:0 auto;min-height:0;&:has(r4-deck:not([compact=true]):is(:not([hide-video=true]),[listening=true],[auto=true],:not([listening=true]):not([auto=true]):not([hide-queue=true]))){flex:1 1 0;min-height:100%}}& r4-local-decks:where(.svelte-1xa5ldm){flex-direction:column;min-width:0;min-height:0;&:has(r4-deck:not([compact=true]):is(:not([hide-video=true]),[listening=true],[auto=true],:not([listening=true]):not([auto=true]):not([hide-queue=true]))){flex:1 1 0;min-height:0}}& r4-listening-decks:where(.svelte-1xa5ldm){flex-direction:column;min-width:0;overflow-y:visible;&:has(r4-deck:not([compact=true]):is(:not([hide-video=true]),[listening=true],[auto=true],:not([listening=true]):not([auto=true]):not([hide-queue=true]))){flex:1 1 0;min-height:0}}& r4-deck-item:where(.svelte-1xa5ldm){flex:0 auto;min-height:0;&:has(r4-deck:not([compact=true]):is(:not([hide-video=true]),[listening=true],[auto=true],:not([listening=true]):not([auto=true]):not([hide-queue=true]))){flex:1 1 0}}& r4-deck-sync-bar:where(.svelte-1xa5ldm){padding-top:var(--space-1)}&[single-visible-noncompact=true]{flex:1 1 0;min-height:100%}&[single-visible-noncompact=true] r4-deck-sections:where(.svelte-1xa5ldm),&[single-visible-noncompact=true] r4-local-decks:where(.svelte-1xa5ldm),&[single-visible-noncompact=true] r4-listening-decks:where(.svelte-1xa5ldm),&[single-visible-noncompact=true] r4-deck-item:where(.svelte-1xa5ldm){flex:1 1 0;min-height:0}&[single-visible-noncompact=true] r4-deck:not([compact=true]){height:100%}}}r4-deck-compact-bar.svelte-1yyxoh7{min-height:var(--deck-compact-min-height);min-width:0;padding-block:var(--space-1);user-select:none;flex-direction:column;display:flex;&>r4-player-progress{min-width:0;padding:0 var(--space-2);order:2}}r4-deck-compact-row.svelte-1yyxoh7{align-items:center;gap:var(--space-2);min-width:0;padding-inline:var(--space-2);display:flex;&>menu:where(.svelte-1yyxoh7){align-items:center;gap:var(--space-1);flex-wrap:nowrap;flex:none;min-width:0;&>button{min-width:var(--control-size-small);min-height:var(--control-size-small);padding:0 var(--space-1)}}&>menu:where(.svelte-1yyxoh7):last-child{justify-content:flex-end}&>menu:where(.svelte-1yyxoh7):not(:last-child){scrollbar-width:none;justify-content:center;overflow-x:auto;& r4-volume-control{width:var(--volume-width)}}}r4-deck-compact-identity.svelte-1yyxoh7{align-items:center;gap:var(--space-2);flex:auto;min-width:0;display:flex}r4-deck-compact-channels.svelte-1yyxoh7{align-items:center;gap:var(--space-1);scrollbar-width:none;flex:0 auto;min-width:0;max-width:45%;display:flex;overflow-x:auto;& r4-channel-micro-card{--track-artwork-size:1rem;background:0 0;border:none;flex:0 auto;min-width:6rem;max-width:max-content}}r4-deck-compact-track.svelte-1yyxoh7{min-width:0;cursor:var(--interactive-cursor,pointer);flex:auto;display:block;& r4-track-card{background:0 0;border:none;height:100%}& r4-track-card>article{padding:0}}@media (width<=768px){r4-deck-compact-bar.svelte-1yyxoh7{padding-inline:var(--space-1)}r4-deck-compact-channels.svelte-1yyxoh7 r4-channel-micro-card span{max-width:15ch}r4-deck-compact-row.svelte-1yyxoh7>menu:where(.svelte-1yyxoh7):last-child>button:where(.svelte-1yyxoh7){display:none}}@media (width<=1024px){r4-deck-compact-bar.svelte-1yyxoh7 r4-player-progress input{pointer-events:none}r4-deck-compact-row.svelte-1yyxoh7>menu:where(.svelte-1yyxoh7):not(:last-child)>:not([data-primary]),r4-deck-compact-row.svelte-1yyxoh7>select{display:none}}r4-tooltip.svelte-a8i4g2{padding:var(--space-1) var(--space-2);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);max-width:var(--tooltip-width);pointer-events:none;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}r4-tooltip.svelte-a8i4g2{inset:unset;margin:var(--space-1);position-try-fallbacks:--top, --bottom, --left, --right;position-visibility:anchors-visible}r4-tooltip[position=top].svelte-a8i4g2{position-area:top}r4-tooltip[position=bottom].svelte-a8i4g2{position-area:bottom}r4-tooltip[position=left].svelte-a8i4g2{position-area:left}r4-tooltip[position=right].svelte-a8i4g2{position-area:right}}r4-share-field.svelte-1epwoo2{gap:var(--space-1);display:flex}input.svelte-1epwoo2{flex:1;min-width:0}r4-loading.svelte-12qhfyh{place-content:center;height:100dvh;display:grid}r4-layout.svelte-12qhfyh{height:100dvh;padding:var(--floating-padding);gap:var(--floating-gap);flex-direction:row;display:flex;overflow:hidden}r4-layout.svelte-12qhfyh>header{border-radius:var(--border-radius);border:var(--floating-border);flex-shrink:0;position:sticky;top:0}r4-layout[deck-expanded=true].svelte-12qhfyh>header{display:none}r4-content-wrapper.svelte-12qhfyh{gap:var(--floating-gap);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}r4-content.svelte-12qhfyh{gap:var(--floating-gap);flex:1;min-width:0;min-height:0;display:flex}r4-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}r4-layout[deck-expanded=true].svelte-12qhfyh r4-scroll-area:where(.svelte-12qhfyh){flex:0 0 0;min-width:0;overflow:hidden}r4-layout[deck-expanded=true].svelte-12qhfyh r4-deck-strip{flex:auto;width:auto;max-width:none}main.svelte-12qhfyh{flex-direction:column;flex:1;display:flex}r4-compact-decks.svelte-12qhfyh{gap:var(--floating-gap);z-index:30;flex-direction:column;display:flex;position:sticky;bottom:0;&[empty=true]{display:none}}r4-compact-deck.svelte-12qhfyh{min-width:0;display:block;& r4-deck-compact-bar{border-radius:var(--border-radius);background:var(--floating-bg);border:var(--floating-border);overflow:hidden}}r4-compact-listening.svelte-12qhfyh{align-items:center;column-gap:var(--space-1);grid-template-columns:auto 1fr auto;min-width:0;display:grid}r4-compact-listening-decks.svelte-12qhfyh{flex-direction:column;min-width:0;display:flex}@media (width<=768px){r4-layout.svelte-12qhfyh{flex-direction:column}r4-layout.svelte-12qhfyh>header{z-index:40;border:none;border-block-start:var(--floating-border);background:color-mix(in oklch, var(--floating-bg) 75%, transparent);backdrop-filter:blur(12px);border-radius:0;order:2}r4-content-wrapper.svelte-12qhfyh{order:1}r4-content.svelte-12qhfyh{flex-direction:column}r4-content.svelte-12qhfyh:has(r4-deck:not([compact=true]):is(:not([hide-video=true]),:not([listening=true]):not([auto=true]):not([hide-queue=true]))) r4-scroll-area:where(.svelte-12qhfyh){flex:0 auto;max-height:28dvh}r4-layout[deck-active=true].svelte-12qhfyh>header{display:none}r4-compact-decks.svelte-12qhfyh{position:relative;bottom:auto}r4-compact-listening.svelte-12qhfyh>button:where(.svelte-12qhfyh):last-child{display:none}}
