@property --color-background{syntax:"<color>";inherits:true;initial-value:#080808}@property --color-ui{syntax:"<color>";inherits:true;initial-value:#111c}@property --color-transparent-Ui{syntax:"<color>";inherits:true;initial-value:#111c}@property --color-accent{syntax:"<color>";inherits:true;initial-value:#cc1aec4e}@property --color-accent-solid{syntax:"<color>";inherits:true;initial-value:#cc1aec}@property --color-accent-secondary{syntax:"<color>";inherits:true;initial-value:#2b7fd6}@property --color-white{syntax:"<color>";inherits:true;initial-value:#f8fafc}:root{--color-muted:#494b50;--color-border:#1f2937;--color-success:#22c55e;--color-danger:#ef4444;--color-warning:#f97316;--color-caution:#eab308;--color-accent:#cc1aec4e;--color-accent-solid:#cc1aec;--color-accent-secondary:#2b7fd6;--color-focus-ring:color-mix(in srgb, var(--color-accent-solid) 25%, transparent);--color-background:#080808;--color-ui:#111c;--color-transparent-Ui:#111c;--color-white:#f8fafc;--color-pure-white:white;--color-black:#0f172a;--color-pure-black:black;--color-white-warm:#fafafa;--color-black-warm:#111827;--color-neutral-50:#f8fafc;--color-neutral-100:#f1f5f9;--color-neutral-200:#e5e7eb;--color-neutral-300:#d1d5db;--color-neutral-400:#9ca3af;--color-neutral-500:#6b7280;--color-neutral-600:#4b5563;--color-neutral-700:#374151;--color-neutral-800:#1f2937;--color-neutral-900:#0f172a;--color-scrim-weak:#00000040;--color-scrim-media:#0006;--color-scrim:#00000080;--color-scrim-strong:#000000bf;--color-on-scrim:#f8fafc;--fill-subtle:color-mix(in srgb, var(--color-white) 5%, transparent);--fill-subtle-hover:color-mix(in srgb, var(--color-white) 9%, transparent);--color-border-subtle:color-mix(in srgb, var(--color-white) 8%, transparent);--color-border-subtle-hover:color-mix(in srgb, var(--color-white) 15%, transparent);--radius-2xs:2px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:50%;--radius-pill:999px;--float-radius:0;--shadow-xs:0 1px 2px #1018280a;--shadow-sm:0 1px 3px #1018280f, 0 1px 2px #1018280a;--shadow-md:0 4px 8px #10182814, 0 2px 4px #1018280f;--shadow-lg:0 12px 20px #1018281f, 0 6px 8px #10182814;--ease-default:cubic-bezier(.4, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-bounce-soft:cubic-bezier(.34, 1.15, .64, 1);--ease-out-strong:cubic-bezier(.22, 1, .36, 1);--duration-default:.2s;--duration-instant:50ms;--duration-fast:.15s;--duration-medium:.3s;--duration-slow:.45s;--duration-verySlow:.5s;--spin-steps:150;--hoverScale-default:1.03;--hoverScale-xs:1.01;--hoverScale-sm:1.02;--hoverScale-md:1.04;--hoverScale-lg:1.08;--hoverScale-xl:1.16;--ui-density:1;--padding-default:calc(12px * var(--ui-density));--padding-2xs:calc(2px * var(--ui-density));--padding-xs:calc(5px * var(--ui-density));--padding-sm:calc(8px * var(--ui-density));--padding-md:calc(12px * var(--ui-density));--padding-lg:calc(16px * var(--ui-density));--padding-xl:calc(24px * var(--ui-density));--float-padding:0px;--seam-border:min(var(--surface-border-width), var(--float-padding));--gap-default:calc(16px * var(--ui-density));--gap-2xs:calc(2px * var(--ui-density));--gap-xs:calc(4px * var(--ui-density));--gap-sm:calc(8px * var(--ui-density));--gap-md:calc(12px * var(--ui-density));--gap-lg:calc(16px * var(--ui-density));--gap-xl:calc(24px * var(--ui-density));--icon-brightness:brightness(100);--color-icon:var(--color-white);--surface-blur:20px;--panel-surface:blur(80px) saturate(140%) brightness(90%);--surface-bg:linear-gradient(180deg, #ffffff0d, #0000001f);--surface-border:#ffffff0d;--surface-border-width:1px;--surface-paint:var(--surface-bg);--surface-filter:blur(var(--surface-blur)) saturate(120%);--font-sans:"Outfit";--font-mono:"Inconsolata";--text-control:.875rem;--text-input:.95rem;--z-background:0;--z-card:10;--z-dropdown:20;--z-bigmusic:9000;--z-modal:9200;--z-tooltip:9300;--z-overlay:9500;--topbar-offset:0px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);transition:--color-background var(--duration-fast), --color-ui var(--duration-fast), --color-transparent-Ui var(--duration-fast), --color-accent var(--duration-fast), --color-accent-solid var(--duration-fast), --color-accent-secondary var(--duration-fast), --color-white var(--duration-fast)}body{background-color:var(--color-background);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0}figure,nav,button{all:unset}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}button{cursor:pointer;transition:var(--ease-default)}*{scrollbar-width:none}::-webkit-scrollbar{display:none}html[data-focus-indicators] :focus{outline:3px solid var(--color-accent-solid)!important;outline-offset:2px!important;box-shadow:0 0 0 6px var(--color-accent)!important}.img_contain,.img_cover{width:100%;height:100%}.img_contain{object-fit:contain}.img_cover{object-fit:cover}.divider{width:100%;height:var(--gap-default);justify-content:center;align-items:center;display:flex}.divider:after{content:"";background-color:var(--color-white);opacity:.2;width:100%;height:1px;position:relative}.divider-Vertical{background-color:var(--color-white);justify-content:center;align-items:center;width:1px;display:flex}.op-0{opacity:0}.op-10{opacity:.1}.op-20{opacity:.2}.op-30{opacity:.3}.op-40{opacity:.4}.op-50{opacity:.5!important}.op-60{opacity:.6}.op-70{opacity:.7}.op-80{opacity:.8}.op-90{opacity:.9}.op-100{opacity:1}.deactive{cursor:not-allowed!important;filter:grayscale()!important;opacity:.5!important}.iconImg{filter:var(--icon-brightness)}.iconMask{width:1em;height:1em;-webkit-mask-image:var(--icon-mask);mask-image:var(--icon-mask);-webkit-mask-image:var(--icon-mask);display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.dropTargetOver{background-color:var(--color-accent);outline:2px dashed var(--color-accent-solid);outline-offset:-2px}.dropTargetAccepted{outline:2px solid var(--color-accent-solid);outline-offset:-2px;animation:dropTargetAccepted var(--duration-medium) var(--ease-out) forwards}@keyframes dropTargetAccepted{0%{background-color:var(--color-accent)}to{background-color:#0000;outline-color:#0000}}.uiBackground{border:1px solid color-mix(in srgb, var(--color-accent-solid) 8%, transparent);-webkit-backdrop-filter:blur(var(--surface-blur));backdrop-filter:blur(var(--surface-blur));background:linear-gradient(180deg, color-mix(in srgb, var(--color-accent-solid) 6%, transparent), color-mix(in srgb, var(--color-accent-secondary) 3%, transparent))}html[data-reduce-transparency] .uiContentContainer{--surface-paint:var(--color-ui)!important;--surface-filter:none!important}html[data-reduce-transparency] .uiBackground{background:var(--color-ui)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html[data-high-contrast]{--surface-border-width:2px;--surface-border:color-mix(in srgb, var(--color-white) 45%, transparent)!important;--color-border:color-mix(in srgb, var(--color-white) 45%, transparent)!important;--color-muted:color-mix(in srgb, var(--color-white) 55%, transparent)!important}html[data-high-contrast] .op-30,html[data-high-contrast] .op-40,html[data-high-contrast] .op-50,html[data-high-contrast] .op-60,html[data-high-contrast] .op-70{opacity:.85!important}html[data-high-contrast] .op-80,html[data-high-contrast] .op-90{opacity:1!important}html[data-high-contrast] .deactive{opacity:.65!important}.fade-in{animation:fadeIn var(--duration-medium) var(--ease-default) forwards}.fade-out{animation:fadeOut var(--duration-medium) var(--ease-default) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes shimmer{0%{transform:translate(0)}to{transform:translate(-66.6667%)}}.skeletonPulse{border-radius:var(--radius-xs);position:relative;overflow:hidden}.skeletonPulse:after{content:"";width:600%;animation:shimmer calc(var(--duration-verySlow) * 3.2) ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a 0%,#ffffff1a 50%,#ffffff0a 100%) 0 0/33.3333% 100%;position:absolute;top:0;bottom:0;left:0}html[data-reduce-motion] .skeletonPulse:after{animation:none}.round-xs{border-radius:var(--radius-xs)}.round-sm{border-radius:var(--radius-sm)}.round-md{border-radius:var(--radius-md)}.round-lg{border-radius:var(--radius-lg)}.round-xl{border-radius:var(--radius-xl)}.round-full{border-radius:var(--radius-full)}.border-muted{border-color:var(--color-muted)}.border-white{border-color:var(--color-white)}.border-accent{border-color:var(--color-accent)}.flex{display:flex}.grid{display:grid}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex_center{justify-content:center;align-items:center}.gap-sm{gap:var(--gap-sm)}.gap-md{gap:var(--gap-md)}.gap-lg{gap:var(--gap-lg)}.absolute{position:absolute}.relative{position:relative}.fixed{position:fixed}.top-0{top:0}.left-0{left:0}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.hidden{display:none}.visible{display:block}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/outfit-variable.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}.outfit{color:var(--color-white);font-family:Outfit,sans-serif}.Inconsolata{font-family:var(--font-mono), monospace;color:var(--color-white)}.font-bold{font-weight:700}.font-semiBold{font-weight:550}.font-normal{font-weight:400}.font-thin{font-weight:100}.text_center{text-align:center}.text_left{text-align:left}.text_right{text-align:right}.text-noSel{-webkit-user-select:none;user-select:none}.no_decoration{color:var(--color-white);text-decoration:none}.srOnly{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lineHeight-0-5{line-height:.5}.lineHeight-0-8{line-height:.8}.lineHeight-1{line-height:1}.lineHeight-1-2{line-height:1.2}.heading{font-size:2rem}.lead{font-size:1rem}.small{font-size:.8rem}.size-0_5{font-size:.5rem}.size-0_8{font-size:.8rem}.size-1{font-size:1rem}.size-1_2{font-size:1.2rem}.size-1_5{font-size:1.5rem}.size-2{font-size:2rem}.size-3{font-size:3rem}.size-4{font-size:4rem}.size-5{font-size:5rem}.size-6{font-size:6rem}.size-7{font-size:7rem}.size-8{font-size:8rem}.size-9{font-size:9rem}.size-10{font-size:10rem}.text-xs{font-size:.5rem}.text-sm{font-size:.8rem}.text-base{font-size:1rem}.text-md{font-size:1.2rem}.text-lg{font-size:1.5rem}.text-xl{font-size:2rem}.text-2xl{font-size:3rem}.text-3xl{font-size:4rem}.caption-small,.caption,.caption-large,span,.bodySize,.bodySize-xL,h5,h6{letter-spacing:.03em}h3,h4{letter-spacing:.025em;line-height:1.52}h1,h2{letter-spacing:.02em;line-height:1.47}.caption-small{font-size:.7rem}.caption{font-size:.85rem}.caption-large{font-size:.89rem}span,.bodySize{font-size:.9rem}.bodySize-xL{font-size:1.06rem}h6{font-size:1.12rem}h5{font-size:1.18rem}h4{font-size:1.25rem}h3{font-size:1.4rem}h2{font-size:1.56rem}h1{font-size:1.95rem}.uppercase{text-transform:uppercase;letter-spacing:.08em}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.letter-tight{letter-spacing:-.02em}.letter-wide{letter-spacing:.06em}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.no-wrap{white-space:nowrap}.break-words{word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.z-background{z-index:var(--z-background)}.z-card{z-index:var(--z-card)}.z-dropdown{z-index:var(--z-dropdown)}.z-modal{z-index:var(--z-modal)}.z-tooltip{z-index:var(--z-tooltip)}.z-overlay{z-index:var(--z-overlay)}[data-view]{display:none}@media (forced-colors:active){:root{--color-icon:CanvasText!important;--surface-blur:0px!important}:focus-visible{outline-offset:2px!important;outline:2px solid highlight!important}.uiContentContainer{--surface-paint:Canvas!important;--surface-filter:none!important;border:1px solid canvastext!important}.uiBackground{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:canvas!important;border:1px solid canvastext!important}.timelineTrackFill,.timelineThumb{background:highlight!important}.timelineTrackBg{background:graytext!important}}@media (forced-colors:active) and (prefers-color-scheme:light){:root{--icon-brightness:brightness(0)!important}.iconImg{filter:brightness(0)!important}}@media (forced-colors:active) and (prefers-color-scheme:dark){:root{--icon-brightness:brightness(100)!important}.iconImg{filter:brightness(100)!important}}html.dark{--color-background:#000;--color-ui:#0a0a0cd9;--color-transparent-Ui:#08080a;--color-accent:#4aa3ff52;--color-accent-solid:#4aa3ff;--color-accent-secondary:#2b7fd4;--color-border:#14202e;--surface-bg:#0a0a0a;--surface-border:#4aa3ff12}html.abyss{--color-background:#03101a;--color-ui:#08202e;--color-transparent-Ui:#08202e;--color-accent:#2ee6c53d;--color-accent-solid:#2ee6c5;--color-accent-secondary:#2ee6c5;--color-white:#dff6ff;--color-border:#12455c;--color-success:#2ee6c5;--color-danger:#ff6b6b;--color-warning:#ffc36b;--color-caution:#f2e574;--surface-bg:#08202e;--surface-border:#dff6ff0f;--fill-subtle:#dff6ff0f;--fill-subtle-hover:#dff6ff1c;--color-border-subtle:#dff6ff1f;--color-border-subtle-hover:#dff6ff38;--color-focus-ring:#2ee6c566;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:20px;--radius-xl:28px;--surface-blur:0px!important}html.abyss .uiContentContainer{border-color:#dff6ff14;box-shadow:inset 0 1px #2ee6c514}html.abyss .op-50{opacity:.6!important}html.abyss .trackHover--accent:hover,html.abyss .mediaCard:hover{background-color:#2ee6c524;border-color:#2ee6c580}html.abyss .mediaCard:hover{box-shadow:0 0 30px #2ee6c526}html.abyss .trackActive--accent,html.abyss .trackActive--spin{box-shadow:inset 3px 0 0 var(--color-accent-solid), 0 0 30px #2ee6c51f;background-color:#2ee6c538}html.abyss .trackActive--spin img{border-radius:var(--radius-xs)!important;animation:none!important}html.abyss .heading{text-shadow:0 0 24px #2ee6c54d}html.abyss .buttonPrimary{background-color:var(--color-accent-solid);color:#02131a;opacity:1}html.abyss .buttonPrimary .iconImg{filter:brightness(0)}html.abyss .buttonPrimary:hover{filter:none;background-color:#6bf3dc}html.abyss .buttonSecondary{background-color:#0000;border:1px solid #dff6ff40}html.abyss .buttonSecondary:hover{filter:none;border-color:var(--color-accent-solid);background-color:#2ee6c51a}html.glazedCeramic{--color-background:#eef2ec;--color-ui:#e6ede8;--color-transparent-Ui:#e6ede8;--color-accent:#2f7d6b4d;--color-accent-solid:#2f7d6b;--color-accent-secondary:#2f9e5c;--color-white:#1c2420;--color-border:#cfd8d1;--color-success:#2f9e5c;--color-danger:#c23b3b;--color-warning:#c98a2e;--color-caution:#8f7f12;--icon-brightness:brightness(0);--surface-bg:#e6ede8f0;--surface-border:#c3d0c6b3;--fill-subtle:#1c24200d;--fill-subtle-hover:#2f7d6b1f;--color-border-subtle:#c3d0c680;--color-border-subtle-hover:#2f7d6b66;--color-focus-ring:#2f7d6b66;--radius-2xs:4px;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:22px;--radius-xl:32px;--hoverScale-default:1.02;--surface-blur:26px!important}html.glazedCeramic .uiContentContainer{--surface-paint:radial-gradient(120% 90% at 18% 0%, #ffffff8c, transparent 55%), var(--surface-bg);border-color:#c3d0c680;box-shadow:inset 0 1px #fff9}html[data-reduce-transparency].glazedCeramic .uiContentContainer{--surface-paint:radial-gradient(120% 90% at 18% 0%, #ffffff8c, transparent 55%), var(--color-ui)!important}html.glazedCeramic .op-50{opacity:.68!important}html.glazedCeramic .trackHover--accent:hover,html.glazedCeramic .mediaCard:hover{background-color:#2f7d6b1a;border-color:#2f7d6b73}html.glazedCeramic .trackActive--accent,html.glazedCeramic .trackActive--spin{box-shadow:inset 3px 0 0 var(--color-accent-solid);background-color:#2f7d6b29}html.glazedCeramic .trackDesc{color:#4b5a52}html.glazedCeramic .mediaCardPlay{color:var(--color-accent-solid);background-color:#eef2ecb3}html.glazedCeramic .buttonPrimary{background-color:var(--color-accent-solid);color:#eef2ec;opacity:1;background-image:linear-gradient(#ffffff59,#0000 60%)}html.glazedCeramic .buttonPrimary .iconImg{filter:brightness(100)}html.glazedCeramic .searchInputField{--field-sheen:radial-gradient(140% 100% at 10% 0%, #ffffff80, transparent 60%);--surface-paint:var(--field-sheen), var(--surface-bg)}html.glazedCeramic .searchInputField--flat{background-image:var(--field-sheen)}html.glazedCeramic .detailHeader,html.glazedCeramic .loginCard{box-shadow:inset 0 1px #ffffffa6}html.glazedCeramic .tabsTab--active{box-shadow:inset 0 -2px 0 var(--color-accent-solid)}html.glazedCeramic .timelineTrackFill,html.glazedCeramic .playlistPlayButton{background-image:linear-gradient(#fff6,#0000 70%)}html.sakura{--color-background:#fdf0f3;--color-ui:#fffafb;--color-transparent-Ui:#fffafb;--color-accent:#e0708c38;--color-accent-solid:#e0708c;--color-accent-secondary:#d99058;--color-white:#43242e;--color-border:#f0d3da;--color-success:#5aa17f;--color-danger:#d1495b;--color-warning:#d99058;--color-caution:#b08e1e;--icon-brightness:brightness(0);--surface-bg:#fffafb;--surface-border:#43242e0f;--fill-subtle:#43242e0f;--fill-subtle-hover:#43242e1c;--color-border-subtle:#43242e1f;--color-border-subtle-hover:#43242e38;--color-focus-ring:#e0708c66;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:20px;--radius-xl:28px;--hoverScale-default:1.04;--surface-blur:0px!important}html.sakura .uiContentContainer{border-color:#43242e14;box-shadow:0 2px 10px #e0708c14}html.sakura .op-50{opacity:.62!important}html.sakura .trackHover--accent:hover,html.sakura .mediaCard:hover{background-color:#e0708c24;border-color:#e0708c80;box-shadow:0 2px 12px #e0708c2e}html.sakura .trackActive--accent,html.sakura .trackActive--spin{box-shadow:inset 3px 0 0 var(--color-accent-solid);background-color:#e0708c38}html.sakura .trackActive--spin img{border-radius:var(--radius-xs)!important;animation:none!important}html.sakura .heading{letter-spacing:.02em;font-weight:500}html.sakura .buttonPrimary{background-color:var(--color-accent-solid);color:#fff;opacity:1}html.sakura .buttonPrimary .iconImg{filter:brightness(100)}html.sakura .buttonPrimary:hover{filter:none;background-color:#c8546f}html.sakura .buttonSecondary{background-color:#0000;border:1px solid #43242e40}html.sakura .buttonSecondary:hover{filter:none;border-color:var(--color-accent-solid);background-color:#e0708c1a}html.brushedTitanium{--color-background:#1c1e20;--color-ui:#24272a;--color-transparent-Ui:#24272a;--color-accent:#5aa7e04d;--color-accent-solid:#5aa7e0;--color-accent-secondary:#4caf6d;--color-white:#eef1f3;--color-border:#3a3e42;--color-success:#4caf6d;--color-danger:#d1524f;--color-warning:#d9a441;--color-caution:#d2d055;--surface-bg:#24272af2;--surface-border:#4a4f54ab;--fill-subtle:#eef1f30a;--fill-subtle-hover:#5aa7e01f;--color-border-subtle:#eef1f314;--color-border-subtle-hover:#5aa7e066;--color-focus-ring:#5aa7e073;--radius-2xs:1px;--radius-xs:3px;--radius-sm:5px;--radius-md:7px;--radius-lg:10px;--radius-xl:14px;--hoverScale-default:1.012;--surface-blur:0px!important}html.brushedTitanium .uiContentContainer{--surface-paint:repeating-linear-gradient(100deg, #ffffff09 0px, #ffffff09 1px, transparent 1px, transparent 3px), var(--surface-bg);box-shadow:none;border-color:#eef1f314}html[data-reduce-transparency].brushedTitanium .uiContentContainer{--surface-paint:repeating-linear-gradient(100deg, #ffffff09 0px, #ffffff09 1px, transparent 1px, transparent 3px), var(--color-ui)!important}html.brushedTitanium .op-50{opacity:.66!important}html.brushedTitanium .trackHover--accent:hover,html.brushedTitanium .mediaCard:hover{background-color:#5aa7e01f;border-color:#5aa7e080}html.brushedTitanium .trackActive--accent,html.brushedTitanium .trackActive--spin{box-shadow:inset 3px 0 0 var(--color-accent-solid);background-color:#5aa7e02e}html.brushedTitanium .trackDesc{color:#8b9298}html.brushedTitanium .mediaCardPlay{color:var(--color-accent-solid);background-color:#1c1e2099}html.brushedTitanium .buttonPrimary{background-color:var(--color-accent-solid);color:#1c1e20;opacity:1;background-image:repeating-linear-gradient(100deg,#ffffff14 0 1px,#0000 1px 3px)}html.brushedTitanium .dropdownPanel,html.brushedTitanium .sheetPanel,html.brushedTitanium .toastPill{--surface-paint:repeating-linear-gradient(100deg, #ffffff08 0px, #ffffff08 1px, transparent 1px, transparent 3px), var(--surface-bg)}html.brushedTitanium .genreCardTitle,html.brushedTitanium .tabsTab--active{color:var(--color-accent-solid)}html.chromatic{--color-background:color-mix(in srgb, var(--color-accent-solid) 6%, black 94%);--color-ui:color-mix(in srgb, var(--color-accent-solid) 6%, #000000b3 94%);--color-transparent-Ui:color-mix(in srgb, var(--color-accent-solid) 6%, #000 94%);--color-white:color-mix(in srgb, white 90%, var(--color-accent-solid) 10%);--surface-bg:linear-gradient(180deg, color-mix(in srgb, var(--color-accent-solid) 6%, transparent 94%), color-mix(in srgb, var(--color-accent-solid) 3%, transparent 97%));--surface-border:color-mix(in srgb, var(--color-accent-solid) 12%, #ffffff0a 88%)}html.chromatic .uiContentContainer{--surface-filter:blur(min(var(--surface-blur), 140px)) saturate(140%)}html:is(.sakura,.glazedCeramic) .controlsActive{filter:none;color:var(--color-accent-solid)}html:is(.sakura,.glazedCeramic) .defaultButton:hover .controlsActive{filter:none;color:color-mix(in srgb, var(--color-accent-solid) 75%, var(--color-white))}html:is(.sakura,.glazedCeramic) :is(button.controlsActive,.shuffleButton:has(path.controlsActive),.repeatButton:has(g.controlsActive),.sidebarButton:has(g.controlsActive),.waveformButton:has(g.controlsActive)){background-color:var(--color-accent);box-shadow:0 0 0 5px var(--color-accent);border-radius:var(--radius-sm);opacity:1}html:is(.sakura,.glazedCeramic) :is(button.controlsActive,.shuffleButton:has(path.controlsActive),.repeatButton:has(g.controlsActive),.sidebarButton:has(g.controlsActive),.waveformButton:has(g.controlsActive)):focus-visible{box-shadow:0 0 0 5px var(--color-accent), 0 0 0 8px var(--color-focus-ring)}