.filter-definitions.svelte-tjpv2y{pointer-events:none;position:absolute}section.svelte-1it6cbn{display:grid}.library-loading.svelte-1it6cbn{place-self:center;gap:var(--space-lg);text-align:center;justify-items:center;display:grid}@font-face{font-family:Rajdhani;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/rajdhani-500-latin-ByNUCHrt.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/rajdhani-600-latin-CXCVEoA9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/rajdhani-700-latin-BPDUZo87.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--palette-maroon:#500;--palette-maroon-shade-0:#500;--palette-maroon-shade-1:#4c0000;--palette-maroon-shade-2:#420000;--palette-maroon-shade-3:#390000;--palette-maroon-shade-4:#2f0000;--palette-maroon-shade-5:#260000;--palette-maroon-shade-6:#1c0000;--palette-maroon-shade-7:#130000;--palette-maroon-tint-0:#500;--palette-maroon-tint-1:#810000;--palette-maroon-tint-2:#ae0000;--palette-maroon-tint-3:#da0000;--palette-maroon-tint-4:#ff0808;--palette-maroon-tint-5:#ff3434;--palette-maroon-tint-6:#ff6060;--palette-maroon-tint-7:#ff8d8d;--palette-maroon-tone-0:#500;--palette-maroon-tone-1:#ef1014;--palette-maroon-tone-2:#df2026;--palette-maroon-tone-3:#cf3038;--palette-maroon-tone-4:#bf4048;--palette-maroon-tone-5:#af5058;--palette-maroon-tone-6:#9f6066;--palette-maroon-tone-7:#8f7073;--palette-gold:#efbf04;--palette-gold-tint-0:#efbf04;--palette-gold-tint-1:#fbcc13;--palette-gold-tint-2:#fbd12d;--palette-gold-tint-3:#fcd748;--palette-gold-tint-4:#fcdd62;--palette-gold-tint-5:#fde37c;--palette-gold-tint-6:#fde897;--palette-gold-tint-7:#feeeb1;--palette-white:#fff;--palette-black:#000;--atmosphere-lines-bg:linear-gradient(135deg in oklab, transparent calc(50% - .5px), rgb(from var(--palette-maroon-tone-7) r g b / 7%) 0 calc(50% + .5px), transparent 0) 0 0 / 64px 64px repeat;--canvas-bg:radial-gradient(ellipse at 100% 0% in oklab, rgb(from var(--palette-maroon-shade-3) r g b / 80%), transparent 75%) var(--palette-maroon-shade-7);--surface-bg:linear-gradient(135deg in oklab, rgb(from var(--palette-maroon-shade-4) r g b / 80%), rgb(from var(--palette-maroon-shade-6) r g b / 72%));--shell-bg:linear-gradient(135deg in oklab, rgb(from var(--palette-maroon-shade-3) r g b / 92%), rgb(from var(--palette-maroon-shade-5) r g b / 88%));--tile-text:var(--palette-white);--text-primary:var(--palette-white);--text-secondary:var(--palette-white);--text-subtle:var(--palette-gold-tint-7);--error-text:var(--palette-maroon-tint-7);--loader-bg:var(--palette-maroon-tone-7);--primary-bg:var(--palette-maroon-tint-1);--primary-bg-hover:var(--palette-maroon-tint-2);--primary-bg-active:var(--palette-maroon-shade-2);--primary-text:var(--palette-white);--secondary-bg:rgb(from var(--palette-maroon-shade-0) r g b / 72%);--secondary-bg-hover:var(--palette-maroon-shade-0);--secondary-bg-active:var(--palette-maroon-shade-0);--secondary-text:var(--palette-white);--ghost-bg:transparent;--ghost-bg-hover:var(--palette-maroon-shade-0);--ghost-bg-active:var(--palette-maroon-shade-0);--ghost-text:var(--palette-white);--quiet-text-hover:var(--palette-gold-tint-7);--quiet-text-active:var(--palette-gold-tint-4);--item-bg:transparent;--item-bg-hover:rgb(from var(--palette-maroon-shade-2) r g b / 72%);--item-bg-active:rgb(from var(--palette-maroon-shade-2) r g b / 72%);--item-text:var(--palette-white);--item-border:var(--palette-maroon-tone-5);--item-border-hover:var(--palette-maroon-tone-4);--item-border-active:var(--palette-maroon-tone-4);--surface-border:var(--palette-maroon-tone-5);--shell-border:var(--palette-maroon-tint-0);--scrollbar-bg:var(--palette-maroon-shade-4);--accent:var(--palette-gold-tint-0);--shadow-sm:0 0 4px #0004, 0 0 12px #0003;--shadow-md:0 0 4px #0004, 0 0 16px #0003;--shadow-lg:0 0 6px #0006, 0 0 28px #0005;--shadow-xl:0 0 12px #0007, 0 0 56px #0006;--corner-shape:square bevel;--radius-xs:2px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--font-sans:system-ui, sans-serif;--font-display:"Rajdhani", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Consolas, monospace;--font-size-xs:.875rem;--font-size-sm:1rem;--font-size-md:1.25rem;--font-size-lg:1.5rem;--font-size-xl:1.75rem;--font-size-2xl:2.5rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.2;--leading-compact:1.35;--leading-body:1.5;--tracking-tight:-.4px;--tracking-tighter:-.8px;--tracking-wide:.05rem;--brand-font:var(--font-display);--brand-size:var(--font-size-xl);--brand-weight:var(--font-weight-bold);--brand-leading:var(--leading-body);--brand-tracking:var(--tracking-wide);--heading-xl-font:var(--font-display);--heading-xl-size:clamp(var(--font-size-lg), 1.2rem + 1.5vw, var(--font-size-2xl));--heading-xl-weight:var(--font-weight-medium);--heading-xl-leading:var(--leading-body);--heading-xl-tracking:var(--tracking-tighter);--heading-lg-font:var(--font-display);--heading-lg-size:var(--font-size-xl);--heading-lg-weight:var(--font-weight-semibold);--heading-lg-leading:var(--leading-body);--heading-lg-tracking:var(--tracking-tight);--heading-md-font:var(--font-display);--heading-md-size:var(--font-size-md);--heading-md-weight:var(--font-weight-semibold);--heading-md-leading:normal;--heading-md-tracking:var(--tracking-tight);--heading-sm-font:var(--font-display);--heading-sm-size:clamp(1.125rem, 1.7vw, var(--font-size-lg));--heading-sm-weight:var(--font-weight-semibold);--heading-sm-leading:var(--leading-tight);--heading-sm-tracking:var(--tracking-tight);--body-font:var(--font-sans);--body-size:var(--font-size-sm);--body-weight:var(--font-weight-regular);--body-leading:var(--leading-body);--body-tracking:normal;--label-font:var(--font-sans);--label-size:var(--font-size-sm);--label-weight:var(--font-weight-medium);--label-leading:var(--leading-body);--label-tracking:normal;--caption-font:var(--font-sans);--caption-size:var(--font-size-xs);--caption-weight:var(--font-weight-regular);--caption-leading:var(--leading-body);--caption-tracking:normal;--metadata-font:var(--font-mono);--metadata-size:var(--font-size-xs);--metadata-weight:var(--font-weight-regular);--metadata-leading:normal;--metadata-tracking:normal;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:48px;--control-min-size:44px;--border-width:2px;--focus-ring:4px solid var(--accent);--focus-ring-offset:4px;--motion-duration-press:80ms;--motion-duration-feedback:.12s;--motion-duration-enter:.2s;--motion-duration-exit:.12s;--motion-ease-enter:ease-out;--motion-ease-exit:ease-in;--press-offset:1px;--press-scale:.995;--press-scale-compact:.96;--content-padding-block:var(--space-lg);--content-padding-inline:max(var(--space-lg), env(safe-area-inset-left), env(safe-area-inset-right));--content-end-space:20dvh;--player-min-height:96px;--topbar-min-height:76px;--layer-header:10;--layer-player:20;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root.design-reference{background:var(--canvas-bg);scrollbar-gutter:stable;background-attachment:local}:root:has(.app-root){background:var(--canvas-bg);scrollbar-gutter:stable;background-attachment:local}@media (width<=50rem){:root{--content-padding-inline:max(var(--space-md), env(safe-area-inset-left), env(safe-area-inset-right));--player-min-height:calc(72px + env(safe-area-inset-bottom));--topbar-min-height:60px;--heading-xl-leading:var(--leading-compact)}}@container app (width<=50rem){.app-shell{--content-padding-inline:max(var(--space-md), env(safe-area-inset-left), env(safe-area-inset-right));--player-min-height:calc(72px + env(safe-area-inset-bottom));--topbar-min-height:60px}}.app-root,.design-reference,.website{color:var(--text-primary);font-family:var(--body-font);font-weight:var(--body-weight);line-height:var(--body-leading);letter-spacing:var(--body-tracking)}.app-root,.design-reference>body,.website{font-size:var(--body-size)}*{scrollbar-width:thin;scrollbar-color:var(--shell-border) var(--scrollbar-bg)}[hidden]{display:none!important}::view-transition-group(.shell){z-index:var(--layer-header);animation:none}::view-transition-group(.artwork){animation-duration:var(--motion-duration-exit);z-index:2;animation-timing-function:linear}::view-transition-old(root){animation-duration:var(--motion-duration-exit)}::view-transition-new(root){animation-delay:var(--motion-duration-exit);animation-duration:var(--motion-duration-enter)}::view-transition-group(.slide-up){z-index:1;animation:none}::view-transition-group(.slide-left){z-index:1;animation:none}::view-transition-old(.slide-up){animation-duration:var(--motion-duration-exit);animation-timing-function:linear;animation-fill-mode:both}::view-transition-old(.slide-left){animation-duration:var(--motion-duration-exit);animation-timing-function:linear;animation-fill-mode:both}::view-transition-new(.slide-up){animation:slide-up var(--motion-duration-enter) linear var(--motion-duration-exit) both}::view-transition-new(.slide-left){animation:slide-left var(--motion-duration-enter) linear var(--motion-duration-exit) both}@keyframes slide-up{0%{opacity:0;translate:0 48px}to{opacity:1;translate:0}}@keyframes slide-left{0%{opacity:0;translate:48px}to{opacity:1;translate:0}}.view-shell{view-transition-name:match-element;view-transition-class:shell}.view-slide-up{view-transition-name:match-element;view-transition-class:slide-up}.view-slide-left{view-transition-name:match-element;view-transition-class:slide-left}@scope(.app-root,.design-reference,.website){.scroll-runway{padding-block-end:var(--content-end-space)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stack-xs,.stack-sm,.stack-md,.stack-lg,.stack-xl{grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;align-content:start;display:grid}.stack-xs{gap:var(--space-xs)}.stack-sm{gap:var(--space-sm)}.stack-md{gap:var(--space-md)}.stack-lg{gap:var(--space-lg)}.stack-xl{gap:var(--space-xl)}.row-xs,.row-sm,.row-md,.row-lg,.row-xl{align-items:center;display:flex}.row-xs{gap:var(--space-xs)}.row-sm{gap:var(--space-sm)}.row-md{gap:var(--space-md)}.row-lg{gap:var(--space-lg)}.row-xl{gap:var(--space-xl)}.row-justify{justify-content:space-between}.row-center{justify-content:center}.row-end{justify-content:flex-end}.row-wrap{flex-wrap:wrap}.uppercase{text-transform:uppercase}.text-secondary{color:var(--text-secondary)}.text-subtle{color:var(--text-subtle)}@container app (width>50rem){.only-mobile{display:none!important}}@container app (width<=50rem){.only-desktop{display:none!important}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.brand{font-size-adjust:from-font;font-family:var(--brand-font);font-size:var(--brand-size);font-weight:var(--brand-weight);line-height:var(--brand-leading);letter-spacing:var(--brand-tracking);margin:0}.heading-xl{overflow-wrap:anywhere;text-wrap:balance;font-size-adjust:from-font;font-family:var(--heading-xl-font);font-size:var(--heading-xl-size);font-weight:var(--heading-xl-weight);line-height:var(--heading-xl-leading);letter-spacing:var(--heading-xl-tracking);margin:0}.heading-lg{overflow-wrap:anywhere;text-wrap:balance;font-size-adjust:from-font;font-family:var(--heading-lg-font);font-size:var(--heading-lg-size);font-weight:var(--heading-lg-weight);line-height:var(--heading-lg-leading);letter-spacing:var(--heading-lg-tracking);margin:0}.heading-md{overflow-wrap:anywhere;text-wrap:balance;font-size-adjust:from-font;font-family:var(--heading-md-font);font-size:var(--heading-md-size);font-weight:var(--heading-md-weight);line-height:var(--heading-md-leading);letter-spacing:var(--heading-md-tracking);margin:0}.heading-sm{overflow-wrap:anywhere;text-wrap:balance;font-size-adjust:from-font;font-family:var(--heading-sm-font);font-size:var(--heading-sm-size);font-weight:var(--heading-sm-weight);line-height:var(--heading-sm-leading);letter-spacing:var(--heading-sm-tracking);margin:0}.body{font-family:var(--body-font);font-size:var(--body-size);font-weight:var(--body-weight);line-height:var(--body-leading);letter-spacing:var(--body-tracking);margin:0}.label{font-family:var(--label-font);font-size:var(--label-size);font-weight:var(--label-weight);line-height:var(--label-leading);letter-spacing:var(--label-tracking);margin:0}.caption{font-family:var(--caption-font);font-size:var(--caption-size);font-weight:var(--caption-weight);line-height:var(--caption-leading);letter-spacing:var(--caption-tracking);margin:0}.metadata{font-family:var(--metadata-font);font-size:var(--metadata-size);font-weight:var(--metadata-weight);line-height:var(--metadata-leading);letter-spacing:var(--metadata-tracking);margin:0}.separator{border:0;border-block-start:var(--border-width) solid var(--shell-border);margin:0}.card{box-shadow:var(--shadow-md);min-inline-size:0;padding:var(--space-lg);border:var(--border-width) solid var(--shell-border);border-radius:var(--radius-xl);corner-shape:var(--corner-shape);background:var(--shell-bg)}}@scope(.app-root,.design-reference){.loader{flex-shrink:0;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:2px;block-size:24px;inline-size:24px;display:inline-grid}.loader[data-size=lg]{block-size:40px;inline-size:40px}.loader[data-size=xl]{gap:var(--space-xs);block-size:96px;inline-size:96px}.loader>.loader-bar{background:var(--loader-bg);block-size:100%;scale:1 .35}.loader>.loader-bar:nth-child(2),.loader>.loader-bar:nth-child(4){scale:1 .65}.loader>.loader-bar:nth-child(3){background:var(--accent);scale:1}@media (prefers-reduced-motion:no-preference){.loader>.loader-bar{animation:1.5s ease-in-out infinite backwards --edgerunner-loader-wave}.loader>.loader-bar:nth-child(2){animation-delay:.2s}.loader>.loader-bar:nth-child(3){animation-delay:.4s}.loader>.loader-bar:nth-child(4){animation-delay:.6s}.loader>.loader-bar:nth-child(5){animation-delay:.8s}}@keyframes --edgerunner-loader-wave{0%,50%,to{background:var(--loader-bg);scale:1 .2}25%{background:var(--accent);scale:1}}.input{box-sizing:border-box;inline-size:100%;min-inline-size:0;padding:var(--space-sm) var(--space-md);border:var(--border-width) solid var(--surface-border);border-radius:var(--radius-sm);corner-shape:var(--corner-shape);background:var(--surface-bg);color:var(--text-primary);font-family:var(--body-font);font-size:var(--body-size);font-weight:var(--body-weight);line-height:var(--body-leading);letter-spacing:var(--body-tracking);margin:0}.input::placeholder{color:var(--text-secondary);opacity:.65}@media (prefers-reduced-motion:no-preference){.input{transition:border-color var(--motion-duration-feedback)}}@media (hover:hover){.input:hover:not(:disabled){border-color:var(--accent)}}:is(.input:user-invalid:not(:disabled),.input[aria-invalid=true]:not(:disabled)){border-color:var(--error-text)}.input:focus:not(:disabled){border-color:var(--accent);outline:none}.input:disabled{opacity:.4}.input-error{color:var(--error-text)}:is(.input:not(:user-invalid,[aria-invalid=true])+.input-error,.input:disabled+.input-error){display:none}.switch{--press-scale:var(--press-scale-compact);box-shadow:var(--shadow-sm);appearance:none;box-sizing:border-box;gap:var(--space-xs);block-size:max-content;inline-size:max-content;padding:var(--space-xs);border:var(--border-width) solid var(--item-border);border-radius:var(--radius-sm);corner-shape:var(--corner-shape);background:var(--secondary-bg);cursor:pointer;flex-shrink:0;grid-template-columns:repeat(2,1.5rem);margin:0;display:inline-grid;translate:0;scale:1}.switch:before{content:"";corner-shape:var(--corner-shape);background:var(--error-text);border-radius:4px;block-size:1.5rem;inline-size:1.5rem;translate:0}.switch:checked{background:var(--primary-bg)}.switch:checked:before{background:var(--accent);translate:calc(100% + var(--space-xs)) 0}.switch:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.switch:active:not(:disabled){box-shadow:none}.switch:disabled{box-shadow:none;opacity:.4;cursor:default}@media (prefers-reduced-motion:no-preference){.switch{transition:background-color var(--motion-duration-feedback), translate var(--motion-duration-press), scale var(--motion-duration-press)}.switch:active:not(:disabled){translate:0 var(--press-offset);scale:var(--press-scale)}.switch:before{transition:translate var(--motion-duration-feedback)}}.button-quiet{cursor:pointer;font:inherit;color:inherit;text-align:start;border-radius:var(--radius-sm);corner-shape:var(--corner-shape);-webkit-tap-highlight-color:transparent;min-inline-size:var(--control-min-size);min-block-size:var(--control-min-size);background:0 0;border:0;margin:0;padding:0;text-decoration:none;position:relative;translate:0;scale:1}@media (hover:hover){.button-quiet:hover:not(:disabled,[aria-disabled=true]){color:var(--quiet-text-hover)}.button-quiet:hover:not(:disabled,[aria-disabled=true]) :is(.label,.caption){color:inherit}}.button-quiet:active:not(:disabled,[aria-disabled=true]){color:var(--quiet-text-active)}.button-quiet:active:not(:disabled,[aria-disabled=true]) :is(.label,.caption){color:inherit}@media (prefers-reduced-motion:no-preference){.button-quiet{transition:color var(--motion-duration-feedback), translate var(--motion-duration-press), scale var(--motion-duration-press)}.button-quiet:active:not(:disabled,[aria-disabled=true]){translate:0 var(--press-offset);scale:var(--press-scale)}}.button-quiet:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.button-quiet:disabled{opacity:.4;cursor:default}}@scope(.app-root,.design-reference,.website){.button{--button-padding-block:var(--space-sm);--button-padding-inline:var(--space-sm);--press-scale:var(--press-scale-compact);box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--button-padding-block) var(--button-padding-inline);min-inline-size:var(--control-min-size);min-block-size:var(--control-min-size);border-radius:var(--radius-sm);corner-shape:var(--corner-shape);max-inline-size:100%;font-family:var(--font-display);font-size:var(--label-size);font-weight:var(--label-weight);line-height:var(--label-leading);letter-spacing:var(--label-tracking);overflow-wrap:anywhere;color:var(--ghost-text);background:var(--ghost-bg);border:0;flex-shrink:0;text-decoration:none;display:inline-flex;position:relative;translate:0;scale:1}@media (prefers-reduced-motion:no-preference){.button{transition:background-color var(--motion-duration-feedback), translate var(--motion-duration-press), scale var(--motion-duration-press)}.button:active:not(:disabled){translate:0 var(--press-offset);scale:var(--press-scale)}}.button:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.button[data-size=text]{--button-padding-inline:var(--space-md);font-weight:var(--font-weight-semibold)}.button:not(:disabled):hover,.button:not(:disabled):focus-visible{background:var(--ghost-bg-hover);box-shadow:var(--shadow-sm)}.button:not(:disabled):active{background:var(--ghost-bg-active)}.button[data-variant=primary]{box-shadow:var(--shadow-sm);background:var(--primary-bg);color:var(--primary-text)}.button[data-variant=primary]:not(:disabled):focus-visible{background:var(--primary-bg-hover)}.button[data-variant=primary]:not(:disabled):active{background:var(--primary-bg-active)}.button[data-variant=primary]:not(:disabled):hover{background:var(--primary-bg-hover)}.button[data-variant=secondary]{box-shadow:var(--shadow-sm);color:var(--secondary-text);background:var(--secondary-bg)}.button[data-variant=secondary]:not(:disabled):hover,.button[data-variant=secondary]:not(:disabled):focus-visible{background:var(--secondary-bg-hover)}.button[data-variant=secondary]:not(:disabled):active{background:var(--secondary-bg-active)}.button:active:not(:disabled){box-shadow:none}.button:disabled{box-shadow:none;opacity:.4;cursor:not-allowed}}@scope(.app-root,.design-reference){.artwork{box-shadow:var(--shadow-md);view-transition-class:artwork;box-sizing:border-box;aspect-ratio:1;border:var(--border-width) solid var(--shell-border);border-radius:var(--radius-sm);corner-shape:var(--corner-shape);background:var(--surface-bg);opacity:1;flex-shrink:0;block-size:48px;inline-size:48px;display:block;position:relative;overflow:clip}.artwork[data-pending]{opacity:0}@media (prefers-reduced-motion:no-preference){.artwork{transition:opacity .18s linear}}.artwork[data-size=sm]{block-size:38px;inline-size:38px}.artwork[data-size=lg]{block-size:52px;inline-size:52px}.artwork[data-size=cover]{border-radius:var(--radius-xl);block-size:auto;inline-size:auto}.artwork[data-size=fill]{box-shadow:none;border:0;border-radius:0;block-size:100%;inline-size:100%}.artwork>img{object-fit:cover;width:100%;height:100%;display:block}.artwork:has(>img:not([hidden]))>.artwork-placeholder{display:none}.album-cover{flex-shrink:0;position:relative}.album-playing{border-radius:var(--radius-sm);corner-shape:var(--corner-shape);color:var(--accent);background:rgb(from var(--palette-black) r g b / 75%);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.artwork-placeholder{color:var(--text-primary);pointer-events:none;margin:auto;position:absolute;inset:0}.split-layout{align-content:start;align-items:start;gap:var(--space-lg);grid-template-columns:minmax(0,1fr);display:grid}@container (width>50rem){.split-layout{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (width>64rem){.split-layout{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.split-layout[data-ratio="3:2"]{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}.detail-panel,.player-panel{gap:var(--space-lg);grid-template-rows:minmax(0,max-content);grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;align-content:start;min-inline-size:0;display:grid}.detail-panel{--cover-max-size:min(18rem, 40dvh)}@container (width>50rem){.detail-panel{--cover-max-size:28rem;block-size:max(0px, var(--panel-height,calc(100dvh - var(--player-min-height) - 2 * var(--content-padding-block))));position:sticky;inset-block-start:var(--panel-top,var(--content-padding-block));container:artwork-panel/size}}.player-panel{--cover-max-size:28rem;block-size:max(0px, var(--panel-height));container:artwork-panel/size}@container (width>50rem){.player-panel{position:sticky;inset-block-start:var(--panel-top)}}:is(.detail-panel,.player-panel)>.artwork{contain:inline-size;contain-intrinsic-inline-size:28rem;min-block-size:0;min-inline-size:0;max-inline-size:min(100%, var(--cover-max-size));place-self:start center;max-block-size:100%}@container artwork-panel (height<24rem) or (width<10rem){:is(.detail-panel,.player-panel)>.artwork{display:none}}.menu-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm);border:var(--border-width) solid var(--item-border);border-radius:var(--radius-sm);corner-shape:var(--corner-shape);background:var(--item-bg);color:var(--item-text);font-family:var(--body-font);font-size:var(--body-size);font-weight:var(--body-weight);line-height:var(--body-leading);letter-spacing:var(--body-tracking);text-align:start;overflow-wrap:anywhere;text-decoration:none;display:flex;position:relative;translate:0;scale:1}.menu-item:where(button,a){cursor:pointer}.menu-item[aria-current]{border-color:var(--accent)}.menu-item:where(button,a):is(:hover,:focus-visible):not(:disabled){background:var(--item-bg-hover)}.menu-item:where(button,a):is(:hover,:focus-visible):not(:disabled):not([aria-current]){border-color:var(--item-border-hover)}.menu-item:where(button,a):active:not(:disabled){background:var(--item-bg-active)}.menu-item:where(button,a):active:not(:disabled):not([aria-current]){border-color:var(--item-border-active)}.menu-item:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.menu-item:disabled{opacity:.4;cursor:not-allowed}@media (prefers-reduced-motion:no-preference){.menu-item{transition:background-color var(--motion-duration-feedback), border-color var(--motion-duration-feedback), translate var(--motion-duration-press), scale var(--motion-duration-press)}.menu-item:where(button,a):active:not(:disabled){translate:0 var(--press-offset);scale:var(--press-scale)}}.topbar{box-shadow:var(--shadow-lg);z-index:var(--layer-header);box-sizing:border-box;background:var(--shell-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:var(--border-width) solid var(--shell-border);min-height:var(--topbar-min-height);padding:var(--space-sm) var(--content-padding-inline);padding-block-start:max(var(--space-sm), env(safe-area-inset-top));position:sticky;top:0}.sidebar{box-sizing:border-box;background:var(--surface-bg);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);padding:var(--content-padding-block) var(--content-padding-inline);overscroll-behavior:contain;border-right:var(--border-width) solid var(--shell-border);overflow:auto}.bottom-sheet,.right-sheet,.popover{box-shadow:var(--shadow-xl);box-sizing:border-box;max-width:none;padding:var(--space-lg);background:var(--shell-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-primary);border:0;margin:0;position:fixed;overflow:auto}.bottom-sheet,.right-sheet{border-radius:0}:is(.bottom-sheet,.right-sheet):modal{overscroll-behavior:none}:is(.bottom-sheet,.right-sheet)::backdrop{background:var(--canvas-bg);opacity:.65;overscroll-behavior:none;overflow:hidden}@media (prefers-reduced-motion:no-preference){.bottom-sheet,.right-sheet{translate:var(--sheet-closed-translate);pointer-events:none;transition:translate var(--motion-duration-exit) var(--motion-ease-exit), display var(--motion-duration-exit), overlay var(--motion-duration-exit);transition-behavior:allow-discrete}:is(.bottom-sheet,.right-sheet)::backdrop{opacity:0;pointer-events:none;transition:opacity var(--motion-duration-exit) var(--motion-ease-exit), display var(--motion-duration-exit), overlay var(--motion-duration-exit);transition-behavior:allow-discrete}:is(.bottom-sheet,.right-sheet)[open]{pointer-events:auto;transition-duration:var(--motion-duration-enter);transition-timing-function:var(--motion-ease-enter);translate:0}:is(.bottom-sheet,.right-sheet)[open]::backdrop{opacity:.65;pointer-events:auto;transition-duration:var(--motion-duration-enter);transition-timing-function:var(--motion-ease-enter)}@starting-style{:is(.bottom-sheet,.right-sheet)[open]{translate:var(--sheet-closed-translate)}:is(.bottom-sheet,.right-sheet)[open]::backdrop{opacity:0}}}.bottom-sheet[open]{translate:0 var(--swipe-offset,0px)}.bottom-sheet[data-dragging]{transition:none}@media (prefers-reduced-motion:no-preference){@starting-style{.bottom-sheet[open]{translate:var(--sheet-closed-translate)}}}.right-sheet[open]{translate:var(--swipe-offset,0px) 0}.right-sheet[data-dragging]{transition:none}@media (prefers-reduced-motion:no-preference){@starting-style{.right-sheet[open]{translate:var(--sheet-closed-translate)}}}.right-sheet{--sheet-closed-translate:100% 0;width:min(360px, calc(100dvw - 2 * var(--space-md)));height:100dvh;max-height:none;padding-block-start:max(var(--space-lg), env(safe-area-inset-top));padding-block-end:max(var(--space-lg), env(safe-area-inset-bottom));padding-inline-end:max(var(--space-lg), env(safe-area-inset-right));inset:0 0 0 auto}.notification-popover{box-shadow:var(--shadow-xl);box-sizing:border-box;max-block-size:calc(100dvh - 2rem);inline-size:min(26rem,100dvw - 2rem);padding:var(--space-lg);color:var(--text-primary);background:var(--shell-bg);border:var(--border-width) solid var(--shell-border);border-radius:var(--radius-lg);corner-shape:var(--corner-shape);margin:0;inset:1rem 1rem auto auto;overflow:auto}.notification-popover:popover-open{align-items:start;gap:var(--space-sm);display:flex}.track-row{display:grid}.track-row:has(>.link-target:is(:hover,:focus-visible)){background:var(--item-bg-hover)}.track-row:has(>.link-target:is(:hover,:focus-visible)):not([aria-current]){border-color:var(--item-border-hover)}.track-row:has(>.link-target:focus-visible){outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.track-row:has(>.link-target:active){background:var(--item-bg-active)}.track-row:has(>.link-target:active):not([aria-current]){border-color:var(--item-border-active)}@media (prefers-reduced-motion:no-preference){.track-row:has(>.link-target:active){translate:0 var(--press-offset);scale:var(--press-scale)}}.track-row{grid-template-columns:minmax(0,1fr) max-content}.track-row:has(>.track-row-number){grid-template-columns:max(3ch,24px) minmax(0,1fr) max-content}.track-group{content-visibility:auto;contain-intrinsic-block-size:auto calc(var(--track-group-rows) * 65px + (var(--track-group-rows) - 1) * var(--space-sm))}.track-row-number{text-align:center}.tile-grid{--tile-min-size:8.5rem;grid-template-columns:repeat(auto-fill, minmax(min(var(--tile-min-size), 100%), 1fr));gap:var(--space-md);display:grid}@container app (width>50rem){.tile-grid{--tile-min-size:12rem}}.tile-grid-item{--tile-padding:var(--space-md);aspect-ratio:1}.tile{box-shadow:var(--shadow-md);box-sizing:border-box;justify-content:space-between;gap:var(--space-sm);min-inline-size:0;padding:var(--tile-padding);border:var(--border-width) solid var(--item-border);border-radius:var(--radius-lg);corner-shape:var(--corner-shape);color:var(--text-primary);opacity:1;flex-direction:column;display:flex;position:relative;overflow:clip;translate:0;scale:1}.tile:has(>.tile-artwork[data-pending]):not(:focus-within){opacity:0}.tile:has(>.link-target:where(:hover,:focus-visible)){border-color:var(--item-border-hover)}.tile:has(>.link-target:where(:hover,:focus-visible))>.tile-artwork{background-color:var(--item-bg-hover)}.tile:has(>.link-target:focus-visible){outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.tile:has(>.link-target:active){border-color:var(--item-border-active)}.tile:has(>.link-target:active)>.tile-artwork{background-color:var(--item-bg-active)}@media (prefers-reduced-motion:no-preference){.tile{transition:border-color var(--motion-duration-feedback), translate var(--motion-duration-press), scale var(--motion-duration-press), opacity .18s linear}.tile:has(>.link-target:active){translate:0 var(--press-offset);scale:var(--press-scale)}.tile:has(>.link-target:where(:hover,:focus-visible,:active))>.tile-artwork{scale:1.04}}.link-target{cursor:pointer;border-radius:inherit;corner-shape:inherit;position:absolute;inset:0}.link-target:focus-visible{outline:none}.tile-artwork.tile-artwork{opacity:1;position:absolute;inset:0;scale:1}.tile-artwork.tile-artwork>.artwork-placeholder{display:none}@media (prefers-reduced-motion:no-preference){.tile-artwork.tile-artwork{transition:scale .4s, background-color var(--motion-duration-feedback)}}.tile-content{isolation:isolate;position:relative}.tile:has(>.tile-artwork>img:not([hidden]))>.tile-content{color:var(--tile-text)}.tile:has(>.tile-artwork>img:not([hidden]))>.tile-content:before{content:"";inset:calc(-1 * var(--tile-padding)) calc(-1 * var(--tile-padding)) -48px;z-index:-1;pointer-events:none;background:linear-gradient(#130000a3,#13000099 calc(100% - 48px),#0000);position:absolute}.dialog{box-sizing:border-box;inline-size:min(28rem, calc(100% - var(--space-lg)));max-block-size:calc(100dvh - var(--space-lg));padding:var(--space-lg);background:var(--shell-bg) var(--palette-maroon-shade-7);color:var(--text-primary);border:var(--border-width) solid var(--shell-border);overscroll-behavior:contain;overflow:auto}.dialog::backdrop{overscroll-behavior:contain;background:#130000a6;overflow:hidden}.button-hidden-stub{visibility:hidden;flex-shrink:0;block-size:40px;inline-size:40px}.tile-actions{align-self:flex-end;position:relative}.library-sentinel{block-size:1px}.bottom-sheet{--sheet-closed-translate:0 100%;inline-size:100%;max-block-size:calc(100dvh - var(--space-lg));border-top:var(--border-width) solid var(--shell-border);padding-block-end:calc(var(--space-lg) + env(safe-area-inset-bottom));inset:auto 0 0}.dialog-handle{background:var(--text-secondary);pointer-events:none;block-size:6px;inline-size:40px;position:absolute;inset-block-start:var(--space-sm);inset-inline-start:50%;translate:-50%}.dialog-handle[data-side=left]{opacity:.5;block-size:40px;inline-size:6px;inset-block-start:50%;inset-inline-start:var(--space-sm);translate:0 -50%}.popover{overscroll-behavior:contain;inset:var(--space-md);inline-size:min(360px, calc(100dvw - 2 * var(--space-md)));block-size:fit-content;max-block-size:calc(100dvh - 2 * var(--space-md));border:var(--border-width) solid var(--shell-border);border-radius:var(--radius-lg);corner-shape:var(--corner-shape);margin:auto}@media (prefers-reduced-motion:no-preference){.popover{opacity:0;pointer-events:none;transition:opacity 80ms var(--motion-ease-exit), translate 80ms, display 80ms allow-discrete, overlay 80ms allow-discrete;translate:0}.popover:popover-open{opacity:1;pointer-events:auto;transition-duration:.12s;transition-timing-function:var(--motion-ease-enter)}@starting-style{.popover:popover-open{opacity:0;translate:0 10px}}}@supports (position-area:block-end){.popover{position-area:block-end span-inline-start;position-try-fallbacks:flip-block, flip-inline, flip-block flip-inline, --edgerunner-popover-centered;margin:var(--space-sm) 0;inset:auto}}.seek{--seek-track-size:4px;--seek-hit-size:32px;--seek-thumb-size:7px;font:inherit;-webkit-tap-highlight-color:transparent;appearance:none;width:100%;min-width:0;height:var(--seek-hit-size);cursor:pointer;accent-color:var(--accent);background:0 0;border:0;border-radius:0;margin:0;padding:0;display:block}.seek:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.seek::-webkit-slider-runnable-track{height:var(--seek-track-size);background:linear-gradient(to right, var(--accent) var(--progress), var(--shell-border) var(--progress));border:0}.seek::-webkit-slider-thumb{appearance:none;width:var(--seek-thumb-size);height:var(--seek-thumb-size);border-radius:var(--radius-xs);corner-shape:var(--corner-shape);background:var(--accent);border:0;margin-block-start:calc((var(--seek-track-size) - var(--seek-thumb-size)) / 2)}.seek::-moz-range-track{height:var(--seek-track-size);background:var(--shell-border);border:0}.seek::-moz-range-progress{height:var(--seek-track-size);background:var(--accent)}.seek::-moz-range-thumb{width:var(--seek-thumb-size);height:var(--seek-thumb-size);border-radius:var(--radius-xs);corner-shape:var(--corner-shape);background:var(--accent);border:0}.playback-progress{appearance:none;background:var(--shell-border);pointer-events:none;border:0;border-radius:0;width:100%;height:2px;display:block;overflow:clip}.playback-progress::-webkit-progress-bar{background:0 0}.playback-progress::-webkit-progress-value{background:var(--accent)}.playback-progress::-moz-progress-bar{background:var(--accent)}.mini-player{box-shadow:var(--shadow-lg);box-sizing:border-box;background:var(--shell-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-top:var(--border-width) solid var(--shell-border);align-items:center;gap:var(--space-md);padding:var(--space-sm) max(var(--content-padding-inline), env(safe-area-inset-right)) calc(var(--space-sm) + env(safe-area-inset-bottom)) max(var(--content-padding-inline), env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}@container app (width<=50rem){.mini-player{gap:var(--space-sm);grid-template-columns:minmax(0,1fr) auto}}.mini-player-seek{inset-inline:0;top:calc(-1 * var(--border-width) - (var(--seek-hit-size) - var(--seek-track-size)) / 2);z-index:1;position:absolute}@container app (width<=50rem){.mini-player-seek{display:none}}.mini-player-progress{top:calc(-1 * var(--border-width));display:none;position:absolute;inset-inline:0}@container app (width<=50rem){.mini-player-progress{display:block}}.large-player{box-sizing:border-box;background:var(--canvas-bg);block-size:100dvh;max-block-size:none;inline-size:100%;max-inline-size:none;color:var(--text-primary);overscroll-behavior:none;translate:0 var(--swipe-offset,0px);background-attachment:local;border:0;border-radius:0;margin:0;padding:0;scroll-padding-block-start:calc(var(--topbar-min-height) + var(--space-md));position:fixed;inset:0;overflow:auto;container:playback/size}@media (prefers-reduced-motion:no-preference){.large-player{scroll-behavior:smooth}}.large-player::backdrop{overscroll-behavior:none;background:0 0;overflow:hidden}@media (prefers-reduced-motion:no-preference){.large-player{pointer-events:none;transition:translate var(--motion-duration-exit) var(--motion-ease-exit), display var(--motion-duration-exit), overlay var(--motion-duration-exit);transition-behavior:allow-discrete;translate:0 100%}.large-player::backdrop{pointer-events:none}.large-player[open]{translate:0 var(--swipe-offset,0px);pointer-events:auto;transition-duration:var(--motion-duration-enter);transition-timing-function:var(--motion-ease-enter)}.large-player[open]::backdrop{pointer-events:auto}@starting-style{.large-player[open]{translate:0 100%}}}.large-player[data-dragging]{transition:none}.app-stage,.large-player-stage{isolation:isolate;position:relative}.large-player-stage{--atmosphere-viewport-height:100cqh;min-block-size:100%}.large-player-content{--large-player-padding-end:max(var(--content-padding-block), env(safe-area-inset-bottom));--panel-height:calc(100cqh - var(--topbar-min-height) - var(--content-padding-block) - var(--large-player-padding-end));--panel-top:calc(var(--topbar-min-height) + var(--content-padding-block));box-sizing:border-box;min-block-size:calc(100cqh - var(--topbar-min-height));padding:var(--content-padding-block) var(--content-padding-inline) var(--large-player-padding-end);position:relative}.atmosphere-frame{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:clip}.atmosphere,.atmosphere-lines{block-size:100%;inline-size:100%;position:absolute;inset:0}@supports (animation-timeline:scroll()) and (animation-range:entry){@media (prefers-reduced-motion:no-preference){.atmosphere,.atmosphere-lines{animation:linear both atmosphere-parallax;animation-timeline:scroll();animation-range:0% 100%}}}.atmosphere{--atmosphere-compensation:.85;object-fit:cover;object-position:65% top;opacity:.1;filter:var(--atmosphere-filter,blur(0)) blur(6px);scale:1.06;-webkit-mask-image:radial-gradient(at 85% 15%,#000,#00000029 65%,#0000);mask-image:radial-gradient(at 85% 15%,#000,#00000029 65%,#0000);-webkit-mask-source-type:alpha;mask-mode:alpha}.atmosphere-lines{--atmosphere-compensation:.45;background:var(--atmosphere-lines-bg)}@keyframes atmosphere-parallax{0%{translate:0}to{translate:0 max(0px, calc((100% - var(--atmosphere-viewport-height,100dvh)) * var(--atmosphere-compensation)))}}}@position-try --edgerunner-popover-centered{position-area:none;inset:16px;margin:auto}.app-root{isolation:isolate;min-block-size:100%;inline-size:100%;position:relative;container:app/inline-size}.app-shell{--sidebar-width:280px;isolation:isolate;anchor-scope:--mini-player, --app-status-actions;min-block-size:100dvh;position:relative;container:navigation/inline-size}.app-stage{--atmosphere-viewport-height:100dvh;flex-direction:column;min-block-size:100dvh;display:flex}.app-page{box-sizing:border-box;inline-size:100%;min-inline-size:0;padding:var(--content-padding-block) var(--content-padding-inline);overflow-wrap:anywhere;flex:1;margin:0;display:grid;container-type:inline-size}.app-sidebar{inset:0 auto calc(anchor-size(--mini-player height, 0px) + anchor-size(--app-status-actions height, 0px)) 0;inline-size:var(--sidebar-width);position:fixed}.app-player{min-block-size:var(--player-min-height);anchor-name:--mini-player;z-index:var(--layer-player);flex-shrink:0;position:sticky;bottom:0}.app-stage>.app-status-actions{display:none}@container navigation (width<=50rem){.app-page{padding-block-end:calc(var(--content-padding-block) + var(--space-md))}.app-stage>.app-sidebar{display:none}}@container navigation (width>50rem){.app-page{padding-inline-start:calc(var(--sidebar-width) + var(--content-padding-inline))}.app-stage>.app-header{display:none}.app-stage>.app-status-actions{inset:auto auto anchor-size(--mini-player height, 0px) 0;anchor-name:--app-status-actions;inline-size:var(--sidebar-width);box-sizing:border-box;padding:var(--space-sm) var(--content-padding-inline);background:var(--surface-bg);border-inline-end:var(--border-width) solid var(--shell-border);z-index:var(--layer-header);display:flex;position:fixed}}
