/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--hot:#ff2c9d;--mid:#6a21c9;--hot-bg:#ff2c9d;--mid-bg:#6a21c9}*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.table{display:table}.resize{resize:both}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:#09030e;width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit}@property --hot{syntax:"<color>";inherits:true;initial-value:#ff2c9d}@property --mid{syntax:"<color>";inherits:true;initial-value:#6a21c9}@property --hot-bg{syntax:"<color>";inherits:true;initial-value:#ff2c9d}@property --mid-bg{syntax:"<color>";inherits:true;initial-value:#6a21c9}.app{--hot:#ff2c9d;--mid:#6a21c9;--deep:#180827;isolation:isolate;color:#fff;background:radial-gradient(ellipse at 47% 43%, var(--hot), transparent 43%), radial-gradient(ellipse at 8% 75%, var(--mid), transparent 37%), linear-gradient(125deg, #08020c, var(--deep) 56%, #09020d);grid-template-columns:clamp(190px,17vw,270px) minmax(370px,700px) minmax(220px,390px);justify-content:center;align-items:center;gap:clamp(22px,3vw,58px);width:100vw;height:100dvh;padding:clamp(20px,2.4vw,42px);display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.app{background:radial-gradient(ellipse at 47% 43%, color-mix(in srgb, var(--hot) 34%, transparent), transparent 43%), radial-gradient(ellipse at 8% 75%, color-mix(in srgb, var(--mid) 22%, transparent), transparent 37%), linear-gradient(125deg, #08020c, var(--deep) 56%, #09020d)}}.app{transition:--hot 2s,--mid 2s,--hot-bg 2s,--mid-bg 2s,background 2s}.glitter{z-index:-1;background:radial-gradient(ellipse at 18% 26%, var(--hot), transparent 28%), radial-gradient(ellipse at 80% 74%, var(--mid), transparent 30%);position:absolute;inset:-5%;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.glitter{background:radial-gradient(ellipse at 18% 26%, color-mix(in srgb, var(--hot) 24%, transparent), transparent 28%), radial-gradient(ellipse at 80% 74%, color-mix(in srgb, var(--mid) 21%, transparent), transparent 30%)}}.glitter:after{content:"";background:radial-gradient(ellipse at 18% 45%, var(--hot), transparent 25%), radial-gradient(ellipse at 83% 65%, var(--mid), transparent 30%);position:absolute;inset:-15%}@supports (color:color-mix(in lab, red, red)){.glitter:after{background:radial-gradient(ellipse at 18% 45%, color-mix(in srgb, var(--hot) 42%, transparent), transparent 25%), radial-gradient(ellipse at 83% 65%, color-mix(in srgb, var(--mid) 34%, transparent), transparent 30%)}}.glitter:after{filter:blur(38px);animation:5s ease-in-out infinite alternate breathe}.glitter i{background:#fff;border-radius:50%;position:absolute}@supports (color:color-mix(in lab, red, red)){.glitter i{background:color-mix(in srgb, #fff 84%, var(--hot));box-shadow:0 0 3px 1px color-mix(in srgb, var(--hot) 76%, transparent)}}.glitter i{will-change:transform, opacity;animation:5s ease-in-out infinite alternate glitter-float;transform:translate(-50%,-50%)}@keyframes breathe{to{transform:translate(5%,-3%)scale(1.11)}}@keyframes glitter-float{0%{filter:blur();transform:translate(-50%,-50%)}45%{opacity:.12}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(.65);filter:blur(.35px)}}.sidebar,.visualizer{border:1px solid var(--hot)}@supports (color:color-mix(in lab, red, red)){.sidebar,.visualizer{border:1px solid color-mix(in srgb, var(--hot) 25%, transparent)}}.sidebar,.visualizer{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(#15071fd6,#090310c7);box-shadow:0 24px 70px #0006}.sidebar{border-radius:28px;flex-direction:column;height:min(91dvh,900px);min-height:600px;padding:20px 18px 18px;display:flex}.brand{letter-spacing:.52em;flex-direction:column;justify-content:center;align-items:center;gap:9px;height:114px;padding-left:.52em;font-size:12px;display:flex}.brand img{object-fit:contain;width:62px;height:62px;filter:drop-shadow(0 0 16px var(--hot))}.sidebar nav{gap:7px;display:grid}.sidebar nav button{text-align:left;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0e;border-radius:15px;align-items:center;gap:13px;min-height:62px;padding:8px 12px;transition:all .25s;display:flex}.sidebar nav button:hover,.sidebar nav button.active{border-color:var(--hot)}@supports (color:color-mix(in lab, red, red)){.sidebar nav button:hover,.sidebar nav button.active{border-color:color-mix(in srgb, var(--hot) 70%, #fff 5%);background:linear-gradient(100deg, color-mix(in srgb, var(--hot) 14%, transparent), #ffffff06)}}.sidebar nav button:hover,.sidebar nav button.active{transform:translate(2px)}.nav-icon{border:1px solid var(--hot);place-items:center;width:39px;height:39px;display:grid}@supports (color:color-mix(in lab, red, red)){.nav-icon{border:1px solid color-mix(in srgb, var(--hot) 55%, transparent)}}.nav-icon{border-radius:11px}.nav-icon img{object-fit:contain;width:24px;height:24px}.sidebar b{font-size:14px;display:block}.sidebar small{color:#ab97b3;margin-top:3px;font-size:10px;display:block}.cloud{color:#7d6c85;letter-spacing:.08em;margin:auto auto 0;font-size:10px}.cloud span{background:#63e3b3;border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block;box-shadow:0 0 8px #63e3b3}.player{flex-direction:column;width:100%;min-width:0;max-height:92dvh;display:flex}.cover-wrap{aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:8%;width:min(100%,58dvh);margin:0 auto;padding:0;display:block;position:relative}.cover-art{border:1px solid var(--hot);position:absolute;inset:0;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.cover-art{border:1px solid color-mix(in srgb, var(--hot) 70%, #fff 15%)}}.cover-art{background:radial-gradient(circle at 50% 42%, var(--hot), transparent 27%), radial-gradient(circle at 25% 18%, var(--mid), transparent 34%), linear-gradient(145deg, #10031b, var(--hot) 50%, #0a0211);border-radius:8%;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.cover-art{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--hot) 70%, white 8%), transparent 27%), radial-gradient(circle at 25% 18%, var(--mid), transparent 34%), linear-gradient(145deg, #10031b, var(--hot) 50%, #0a0211)}}.cover-art{box-shadow:0 30px 80px var(--hot), inset 0 0 60px #ffffff0f}@supports (color:color-mix(in lab, red, red)){.cover-art{box-shadow:0 30px 80px color-mix(in srgb, var(--hot) 22%, transparent), inset 0 0 60px #ffffff0f}}.cover-art:before{content:"";width:65%;height:65%;box-shadow:0 0 50px var(--hot), inset 0 0 40px var(--mid);border:1px solid #ffffff38;border-radius:50%;position:absolute}@supports (color:color-mix(in lab, red, red)){.cover-art:before{box-shadow:0 0 50px var(--hot), inset 0 0 40px color-mix(in srgb, var(--mid) 55%, transparent)}}.cover-noise{opacity:.38;background:radial-gradient(ellipse at 20% 28%, #ffffff8c 0 .6px, transparent 1.1px), radial-gradient(ellipse at 75% 66%, var(--hot) 0 .7px, transparent 1.2px);mix-blend-mode:screen;background-size:17px 23px,29px 19px;position:absolute;inset:0}.cover-art img{object-fit:contain;width:47%;height:47%;filter:drop-shadow(0 0 22px #fff) drop-shadow(0 0 34px var(--hot));position:relative}.cover-art>span{letter-spacing:.5em;text-transform:uppercase;opacity:.72;font-size:9px;position:absolute;bottom:7%;left:0;right:0}.mobile-viz{display:none}.meta-row{margin-top:17px}.meta-row h1{letter-spacing:-.03em;margin:0 0 8px;font-size:clamp(23px,2.2vw,34px);line-height:1}.meta-row p{color:#c7afca;margin:0;font-size:14px}.meta-row p span{color:var(--hot);margin:0 7px}.transport{grid-template-columns:1fr 70px 1fr 1fr;align-items:center;width:min(66%,330px);height:74px;margin:2px auto 0;display:grid}.transport button{color:#c33780;cursor:pointer;background:0 0;border:0;justify-self:center;font-size:24px;transition:all .2s}.transport button:hover{color:#fff;filter:drop-shadow(0 0 8px var(--hot))}.transport .play{border:1px solid var(--hot);background:radial-gradient(circle, var(--hot), #13051b);border-radius:50%;width:54px;height:54px}@supports (color:color-mix(in lab, red, red)){.transport .play{background:radial-gradient(circle, color-mix(in srgb, var(--hot) 28%, #16051d), #13051b);box-shadow:0 0 24px color-mix(in srgb, var(--hot) 42%, transparent)}}.transport .play{color:#fff;font-size:19px}.timeline{color:#dbcddd;grid-template-columns:36px 1fr 36px;align-items:center;gap:13px;margin-top:-2px;font-size:10px;display:grid}.seek-line{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;height:26px;position:relative}.seek-line canvas{pointer-events:none;width:100%;height:100%;display:block}.seek-line:focus-visible{filter:drop-shadow(0 0 6px var(--hot))}.side-stage{grid-template-columns:86px 1fr;gap:18px;height:min(79dvh,760px);display:grid}.volume{overscroll-behavior:contain;flex-direction:column;align-items:center;padding:8px 0;display:flex}.volume small{letter-spacing:.28em;color:#d8c6da;font-size:9px}.volume>span{margin:28px 0 18px;font-size:20px}.volume-control{flex:1;justify-content:center;width:70px;min-height:210px;display:flex;position:relative}.volume-track{background:linear-gradient(to top, var(--hot) 0 var(--volume), #451337 var(--volume) 100%);width:6px;box-shadow:0 0 12px var(--hot);border-radius:9px;position:absolute;inset:0 auto}@supports (color:color-mix(in lab, red, red)){.volume-track{box-shadow:0 0 12px color-mix(in srgb, var(--hot) 44%, transparent)}}.volume-track:after{content:"";left:50%;bottom:var(--volume);width:14px;height:14px;box-shadow:0 0 14px 3px var(--hot);background:#fff;border-radius:50%;position:absolute;transform:translate(-50%,50%)}.notches{flex-direction:column-reverse;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;inset:0}.notches i{background:#96306f;width:10px;height:1px;display:block}.notches i:nth-child(5n+1){width:15px}.notches i.current{width:19px;box-shadow:0 0 6px var(--hot);background:#fff}.volume-control input{opacity:0;writing-mode:vertical-lr;cursor:ns-resize;direction:rtl;width:100%;height:100%;position:absolute;inset:0}.volume b{margin-top:20px;font-size:13px}.visualizer{border-radius:24px;flex-direction:column;align-items:stretch;min-width:0;padding:20px 13px 14px;display:flex}.visualizer canvas{flex:1;width:100%;min-height:0}.viz-label{letter-spacing:.18em;color:#a997b1;font-size:8px}.viz-label i{background:#ff4fae;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block;box-shadow:0 0 8px #ff2c9d}.visualizer p{text-align:center;color:#e163a6;letter-spacing:.05em;margin:6px 0 0;font-size:10px;line-height:1.55}.mobile-nav{display:none}@media (width<=920px){.app{grid-template-columns:150px minmax(340px,1fr) 210px;gap:16px;padding:18px}.sidebar{padding:18px 10px}.sidebar nav button{gap:8px;padding:8px}.sidebar small{display:none}.nav-icon{width:34px;height:34px}.side-stage{grid-template-columns:54px 1fr}}@media (width<=700px){html,body{overscroll-behavior:none}.app{background:radial-gradient(circle at 50% 27%, var(--hot), transparent 38%), linear-gradient(160deg, #07020c, var(--deep));height:100dvh;padding:0 17px 76px;display:block}@supports (color:color-mix(in lab, red, red)){.app{background:radial-gradient(circle at 50% 27%, color-mix(in srgb, var(--hot) 35%, transparent), transparent 38%), linear-gradient(160deg, #07020c, var(--deep))}}.sidebar,.side-stage{display:none}.player{justify-content:center;height:calc(100dvh - 76px);max-height:none}.cover-wrap{width:min(88vw,45dvh)}.cover-art{border-radius:24px}.meta-row{margin-top:18px}.meta-row h1{font-size:25px}.meta-row p{font-size:12px}.actions button{width:41px;height:41px}.timeline{margin-top:18px}.transport{gap:clamp(20px,8vw,42px);height:76px}.transport .play{width:62px;height:62px}.mobile-nav{z-index:9;height:68px;padding:0 4px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090310de;border-top:1px solid #ffffff17;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{opacity:.38;background:0 0;border:0;padding:9px}.mobile-nav button img{object-fit:contain;width:22px;height:22px;display:block}.mobile-nav button.active{opacity:1;filter:drop-shadow(0 0 8px var(--hot))}.mobile-viz{z-index:2;background:#08020ef0;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;position:absolute;inset:0;overflow:hidden}.mobile-viz.show{display:flex}.mobile-viz canvas{width:70%;height:75%}.mobile-viz small{letter-spacing:.25em;text-transform:uppercase;color:#bcaabe;font-size:8px}}.settings-divider{background:linear-gradient(90deg, transparent, var(--hot), transparent);border:0;width:100%;height:1px;margin:7px 0}@supports (color:color-mix(in lab, red, red)){.settings-divider{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--hot) 46%, #ffffff38), transparent)}}.settings-divider{box-shadow:0 0 10px var(--hot)}@supports (color:color-mix(in lab, red, red)){.settings-divider{box-shadow:0 0 10px color-mix(in srgb, var(--hot) 18%, transparent)}}.advanced-settings{gap:0;padding-block:8px;display:grid}.advanced-row{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:18px;min-height:62px;padding:10px 7px;display:flex}.advanced-row:last-child{border-bottom:0}.advanced-row h2{margin:0;font-size:14px}.advanced-row select{color:#eee5f0;cursor:pointer;background:#16081ee8;border:1px solid #ffffff21;border-radius:13px;outline:0;width:min(230px,48%);padding:9px 34px 9px 12px}.advanced-row select:focus{border-color:var(--hot);box-shadow:0 0 11px var(--hot)}@supports (color:color-mix(in lab, red, red)){.advanced-row select:focus{box-shadow:0 0 11px color-mix(in srgb, var(--hot) 24%, transparent)}}.segmented,.accessibility-options{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.segmented button,.accessibility-options button,.clear-cache{color:#bbaabe;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1c;border-radius:999px;padding:8px 12px;font-size:10px;transition:all .28s}.segmented button.active,.accessibility-options button.active{border-color:var(--hot);color:#fff;background:var(--hot)}@supports (color:color-mix(in lab, red, red)){.segmented button.active,.accessibility-options button.active{background:color-mix(in srgb, var(--hot) 19%, #ffffff0f)}}.segmented button.active,.accessibility-options button.active{box-shadow:0 0 10px var(--hot)}@supports (color:color-mix(in lab, red, red)){.segmented button.active,.accessibility-options button.active{box-shadow:0 0 10px color-mix(in srgb, var(--hot) 24%, transparent)}}.clear-cache{color:#fff;border-color:var(--hot)}@supports (color:color-mix(in lab, red, red)){.clear-cache{border-color:color-mix(in srgb, var(--hot) 42%, white 7%)}}.clear-cache:hover{background:var(--hot)}@supports (color:color-mix(in lab, red, red)){.clear-cache:hover{background:color-mix(in srgb, var(--hot) 15%, #ffffff0f)}}.clear-cache:hover{box-shadow:0 0 11px var(--hot)}@supports (color:color-mix(in lab, red, red)){.clear-cache:hover{box-shadow:0 0 11px color-mix(in srgb, var(--hot) 22%, transparent)}}.cache-message{color:var(--hot)!important;margin-top:5px!important}.theme-immediate{transition:background!important}.theme-immediate *{transition-property:transform,opacity,filter,box-shadow,border-color!important}.data-saver canvas.glitter{opacity:.42}.data-saver .glitter{animation:none}.setting-locked{opacity:.45;filter:blur(1.5px);pointer-events:none;-webkit-user-select:none;user-select:none}.setting-locked button,.setting-locked select{cursor:not-allowed}.potato-setting>div:first-child p{color:#9f8ca5;max-width:520px;margin:5px 0 0;font-size:11px}.potato-mode *,.potato-mode :before,.potato-mode :after{transition:none!important;animation:none!important}.potato-mode .sidebar,.potato-mode .visualizer,.potato-mode .mobile-nav,.potato-mode .settings-card,.potato-mode .library-view,.potato-mode .artists-view,.potato-mode .albums-view{-webkit-backdrop-filter:none!important}.potato-mode .visualizer.potato-hidden .viz-label,.potato-mode .visualizer.potato-hidden .viz-content{visibility:hidden}.quality-loading .controls-wrap{opacity:.42;pointer-events:none;filter:blur(1px)}.accessible-text .sidebar b{font-size:28px;line-height:1.05}.accessible-text .sidebar small{font-size:20px;line-height:1.1}.accessible-text .sidebar nav button{min-height:88px}.accessible-text .sidebar nav:before{height:88px;transform:translateY(calc(var(--nav-index) * 97px))}.accessible-text .cloud{font-size:20px}.accessible-text .meta-row h1{font-size:clamp(38px,4vw,58px)}.accessible-text .meta-row h2{font-size:26px!important}.accessible-text .meta-row p{font-size:24px}.accessible-text .timeline{font-size:20px}.accessible-text .viz-label{font-size:16px}.accessible-text .viz-tabs button{height:46px;font-size:20px}.accessible-text .lyrics-scroll{font-size:22px;line-height:1.6}.accessible-text .library-head h1,.accessible-text .artists-head h1,.accessible-text .settings-head h1{font-size:54px}.accessible-text .library-head small,.accessible-text .artists-head small,.accessible-text .settings-head small{font-size:18px}.accessible-text .library-head p,.accessible-text .artists-head p,.accessible-text .settings-head p,.accessible-text .settings-card p{font-size:20px}.accessible-text .library-track b,.accessible-text .artist-grid b,.accessible-text .album-grid b,.accessible-text .artist-songs b{font-size:24px}.accessible-text .library-track small,.accessible-text .artist-grid small,.accessible-text .album-grid small,.accessible-text .album-grid em,.accessible-text .artist-songs small{font-size:18px}.accessible-text .settings-card h2,.accessible-text .advanced-row h2{font-size:28px}.accessible-text .settings-card button,.accessible-text .settings-card select{font-size:18px}.accessible-text .language-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.accessible-text .cover-wrap{width:min(76%,48dvh)}.accessible-contrast{filter:contrast(1.16)}.accessible-contrast .settings-card,.accessible-contrast .sidebar,.accessible-contrast .visualizer,.accessible-contrast .library-view,.accessible-contrast .artists-view,.accessible-contrast .albums-view{border-color:#ffffff57}.accessible-low-glow .brand img,.accessible-low-glow .transport button,.accessible-low-glow .nav-icon,.accessible-low-glow .volume-track,.accessible-low-glow .eq-track,.accessible-low-glow .viz-label i{filter:none!important;text-shadow:none!important;box-shadow:none!important}.accessible-low-glow .glitter{opacity:.48}@media (width<=700px){.advanced-row{flex-direction:column;align-items:flex-start;gap:8px}.advanced-row select,.accessible-text .cover-wrap{width:min(52vw,29dvh)}.accessible-text .meta-row h1{font-size:34px}.accessible-text .meta-row p{font-size:20px}.accessible-text .mobile-signal{height:92px}.accessible-text .viz-tabs button{height:34px;font-size:16px}.accessible-text .lyrics-scroll{font-size:18px}.accessible-text .settings-head h1,.accessible-text .library-head h1,.accessible-text .artists-head h1{font-size:42px}.segmented,.accessibility-options{justify-content:flex-start}.accessibility-row{padding-bottom:14px}}@media (width<=380px),(height<=650px){.meta-row{margin-top:10px}.meta-row h1{margin-bottom:5px;font-size:20px}.timeline{margin-top:10px}.transport{height:58px}.transport .play{width:52px;height:52px}.cover-wrap{width:min(78vw,35dvh)}}@media (prefers-reduced-motion:reduce){*{animation:none!important}}.side-stage{height:min(79dvh,760px);min-height:0;max-height:min(79dvh,760px);overflow:hidden}.volume,.visualizer{height:100%;min-height:0;max-height:100%;overflow:hidden}.volume-control{height:auto;min-height:0;max-height:none}.visualizer{position:relative}.signal-canvas{flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.signal-canvas canvas{width:100%;height:100%;margin:0;position:absolute;inset:0}.mobile-signal{display:none}.transport button:disabled{opacity:.18;filter:none;cursor:default}.empty .cover-art{filter:blur(9px)saturate(.55);opacity:.56}.empty .controls-wrap{filter:blur(3.5px);opacity:.32;pointer-events:none}.empty .meta-row{text-align:center}.empty .meta-row h1{letter-spacing:.02em;font-weight:400}.real-cover{inset:0;object-fit:cover!important;filter:none!important;width:100%!important;height:100%!important;position:absolute!important}@media (width<=700px){.app{padding:10px 14px 92px}.player{justify-content:center;height:calc(100dvh - 102px);display:flex}.cover-wrap{width:min(78vw,38dvh)}.meta-row{text-align:center;margin-top:12px}.meta-row h1{font-size:22px}.meta-row p{font-size:11px}.controls-wrap{width:100%}.transport{height:62px;margin-top:0}.transport .play{width:54px;height:54px}.timeline{margin-top:-4px}.mobile-signal{width:100%;height:72px;margin-top:5px;display:block;position:relative;overflow:hidden}.mobile-signal .signal-canvas{position:absolute;inset:0}.mobile-nav{border:1px solid var(--hot);height:64px;bottom:10px;left:12px;right:12px}@supports (color:color-mix(in lab, red, red)){.mobile-nav{border:1px solid color-mix(in srgb, var(--hot) 26%, transparent)}}.mobile-nav{background:linear-gradient(#190921e8,#0a0311f2);border-radius:22px;justify-content:space-between;padding:7px 9px;box-shadow:0 14px 35px #0009}.mobile-nav button{opacity:.42;padding:0}.mobile-nav button>span{background:#ffffff05;border:1px solid #ffffff0c;border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.mobile-nav button img{width:21px;height:21px}.mobile-nav button.active{opacity:1}.mobile-nav button.active>span{border-color:var(--hot)}@supports (color:color-mix(in lab, red, red)){.mobile-nav button.active>span{border-color:color-mix(in srgb, var(--hot) 68%, transparent)}}.mobile-nav button.active>span{background:var(--hot)}@supports (color:color-mix(in lab, red, red)){.mobile-nav button.active>span{background:color-mix(in srgb, var(--hot) 13%, transparent)}}.mobile-nav button.active>span{box-shadow:0 0 13px var(--hot)}@supports (color:color-mix(in lab, red, red)){.mobile-nav button.active>span{box-shadow:0 0 13px color-mix(in srgb, var(--hot) 22%, transparent)}}}.glitter i{box-shadow:0 0 var(--glitter-glow) 1px var(--hot)}@supports (color:color-mix(in lab, red, red)){.glitter i{box-shadow:0 0 var(--glitter-glow) 1px color-mix(in srgb, var(--hot) 82%, transparent)}}.brand img{display:none}.brand:before{content:"";background:var(--hot);width:62px;height:62px;filter:drop-shadow(0 0 16px var(--hot));display:block;-webkit-mask:url(/sonus-logo.png) 50%/contain no-repeat;mask:url(/sonus-logo.png) 50%/contain no-repeat}.transport button{color:var(--hot)}@supports (color:color-mix(in lab, red, red)){.transport button{color:color-mix(in srgb, var(--hot) 78%, #9f829b)}}.transport .liked{color:var(--hot)}@supports (color:color-mix(in lab, red, red)){.transport .liked{color:color-mix(in srgb, var(--hot) 86%, white)}}.notches i{background:var(--hot)}@supports (color:color-mix(in lab, red, red)){.notches i{background:color-mix(in srgb, var(--hot) 54%, #4d253f)}}.viz-label i{background:var(--hot);box-shadow:0 0 8px var(--hot)}.visualizer p{color:var(--hot)}@supports (color:color-mix(in lab, red, red)){.visualizer p{color:color-mix(in srgb, var(--hot) 68%, white)}}.app{background:radial-gradient(ellipse at 47% 43%, var(--hot-bg), transparent 43%), radial-gradient(ellipse at 8% 75%, var(--mid-bg), transparent 37%), linear-gradient(125deg, #08020c, var(--deep) 56%, #09020d)}@supports (color:color-mix(in lab, red, red)){.app{background:radial-gradient(ellipse at 47% 43%, color-mix(in srgb, var(--hot-bg) 34%, transparent), transparent 43%), radial-gradient(ellipse at 8% 75%, color-mix(in srgb, var(--mid-bg) 22%, transparent), transparent 37%), linear-gradient(125deg, #08020c, var(--deep) 56%, #09020d)}}canvas.glitter{z-index:-1;pointer-events:none;background:0 0;width:100%;height:100%;display:block;position:absolute;inset:0}canvas.glitter:after{display:none}.sidebar,.visualizer{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}@supports (color:color-mix(in lab, red, red)){.brand:before{filter:drop-shadow(0 0 7px var(--hot)) drop-shadow(0 0 20px color-mix(in srgb, var(--hot) 82%, transparent))}}.sidebar nav button.active,.sidebar nav button:hover{box-shadow:0 0 10px var(--hot), inset 0 0 16px var(--hot)}@supports (color:color-mix(in lab, red, red)){.sidebar nav button.active,.sidebar nav button:hover{box-shadow:0 0 10px color-mix(in srgb, var(--hot) 38%, transparent), inset 0 0 16px color-mix(in srgb, var(--hot) 10%, transparent)}}.nav-icon{box-shadow:0 0 9px var(--hot)}@supports (color:color-mix(in lab, red, red)){.nav-icon{box-shadow:0 0 9px color-mix(in srgb, var(--hot) 25%, transparent)}}.transport button{color:var(--hot);text-shadow:0 0 9px var(--hot)}.transport .play{box-shadow:0 0 13px var(--hot), 0 0 30px var(--hot)}@supports (color:color-mix(in lab, red, red)){.transport .play{box-shadow:0 0 13px var(--hot), 0 0 30px color-mix(in srgb, var(--hot) 52%, transparent)}.volume-track{box-shadow:0 0 9px 2px var(--hot), 0 0 22px color-mix(in srgb, var(--hot) 52%, transparent)}}.notches i{background:var(--hot);opacity:.62;box-shadow:0 0 5px var(--hot)}@supports (color:color-mix(in lab, red, red)){.notches i{box-shadow:0 0 5px color-mix(in srgb, var(--hot) 72%, transparent)}}.notches i.current{opacity:1}.viz-label i{box-shadow:0 0 7px var(--hot), 0 0 14px var(--hot)}.visualizer p{color:var(--hot);text-shadow:0 0 8px var(--hot)}@supports (color:color-mix(in lab, red, red)){.visualizer p{text-shadow:0 0 8px color-mix(in srgb, var(--hot) 62%, transparent)}}.mobile-nav button.active>span{box-shadow:0 0 10px var(--hot), 0 0 20px var(--hot)}@supports (color:color-mix(in lab, red, red)){.mobile-nav button.active>span{box-shadow:0 0 10px var(--hot), 0 0 20px color-mix(in srgb, var(--hot) 38%, transparent)}}.brand{isolation:isolate;position:relative}.brand:before,.brand>span{z-index:2;position:relative}.brand:after{content:"";z-index:1;background:var(--hot);filter:blur(11px);opacity:.82;pointer-events:none;width:68px;height:68px;position:absolute;top:14px;left:50%;transform:translate(-50%)scale(1.08);-webkit-mask:url(/sonus-logo.png) 50%/contain no-repeat;mask:url(/sonus-logo.png) 50%/contain no-repeat}.brand:before{filter:brightness(1.25) drop-shadow(0 0 5px #fff) drop-shadow(0 0 11px var(--hot)) drop-shadow(0 0 22px var(--hot))}.volume-track{box-shadow:0 0 6px 1px var(--hot), 0 0 13px var(--hot)}@supports (color:color-mix(in lab, red, red)){.volume-track{box-shadow:0 0 6px 1px color-mix(in srgb, var(--hot) 72%, transparent), 0 0 13px color-mix(in srgb, var(--hot) 32%, transparent)}}.brand:before,.brand:after{display:none!important}.brand img{z-index:2;filter:brightness(1.38) saturate(1.4) drop-shadow(0 0 2px #fff) drop-shadow(0 0 6px var(--hot)) drop-shadow(0 0 13px var(--hot)) drop-shadow(0 0 23px var(--hot));position:relative;display:block!important}@supports (color:color-mix(in lab, red, red)){.brand img{filter:brightness(1.38) saturate(1.4) drop-shadow(0 0 2px #fff) drop-shadow(0 0 6px var(--hot)) drop-shadow(0 0 13px var(--hot)) drop-shadow(0 0 23px color-mix(in srgb, var(--hot) 60%, transparent))}}.sidebar,.visualizer,.mobile-nav{border-color:var(--hot);background:linear-gradient(145deg,#ffffff1b,#18081f94 42%,#08030ebd)}@supports (color:color-mix(in lab, red, red)){.sidebar,.visualizer,.mobile-nav{border-color:color-mix(in srgb, var(--hot) 30%, #ffffff29)}}.sidebar,.visualizer,.mobile-nav{-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);box-shadow:inset 0 1px #ffffff29,inset 0 -1px #ffffff09,0 24px 70px #0007}.sidebar nav button,.mobile-nav button>span,.transport button,.viz-tabs button,.nav-icon,.cover-art{transition:color .38s,background .42s cubic-bezier(.2,.8,.2,1),border-color .42s,box-shadow .42s,transform .42s cubic-bezier(.2,.8,.2,1),opacity .35s,filter .4s}.sidebar nav button{background:linear-gradient(135deg,#ffffff16,#ffffff06);border-color:#ffffff1b;border-radius:18px;box-shadow:inset 0 1px #ffffff17,inset 0 -10px 22px #0000001c}.sidebar nav button:hover,.sidebar nav button.active{background:linear-gradient(135deg, var(--hot), #ffffff09)}@supports (color:color-mix(in lab, red, red)){.sidebar nav button:hover,.sidebar nav button.active{background:linear-gradient(135deg, color-mix(in srgb, var(--hot) 18%, #ffffff1a), #ffffff09)}}.sidebar nav button:hover,.sidebar nav button.active{box-shadow:inset 0 1px 0 #ffffff29, 0 0 12px var(--hot)}@supports (color:color-mix(in lab, red, red)){.sidebar nav button:hover,.sidebar nav button.active{box-shadow:inset 0 1px 0 #ffffff29, 0 0 12px color-mix(in srgb, var(--hot) 34%, transparent)}}.nav-icon,.mobile-nav button>span{background:linear-gradient(145deg,#ffffff18,#ffffff05);box-shadow:inset 0 1px #ffffff1c,0 5px 14px #0000002e}.viz-content{flex:1;min-height:0;margin-top:8px;display:flex;position:relative;overflow:hidden}.viz-content>.signal-canvas{flex:1}.viz-content>*{animation:.36s cubic-bezier(.2,.8,.2,1) both glass-in}.viz-tabs{flex:none;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;display:grid}.viz-tabs button{color:#cdbfd2;letter-spacing:.04em;cursor:pointer;background:linear-gradient(145deg,#ffffff1a,#ffffff06);border:1px solid #ffffff1f;border-radius:999px;height:34px;font:500 10px/1 inherit;box-shadow:inset 0 1px #ffffff1f,0 4px 13px #0003}.viz-tabs button:hover{border-color:var(--hot);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.viz-tabs button:hover{border-color:color-mix(in srgb, var(--hot) 52%, white 8%)}}.viz-tabs button.active{color:#fff;border-color:var(--hot)}@supports (color:color-mix(in lab, red, red)){.viz-tabs button.active{border-color:color-mix(in srgb, var(--hot) 66%, white 10%)}}.viz-tabs button.active{background:linear-gradient(145deg, var(--hot), var(--hot))}@supports (color:color-mix(in lab, red, red)){.viz-tabs button.active{background:linear-gradient(145deg, color-mix(in srgb, var(--hot) 28%, #ffffff24), color-mix(in srgb, var(--hot) 10%, #ffffff06))}}.viz-tabs button.active{box-shadow:inset 0 1px 0 #ffffff38, 0 0 12px var(--hot)}@supports (color:color-mix(in lab, red, red)){.viz-tabs button.active{box-shadow:inset 0 1px 0 #ffffff38, 0 0 12px color-mix(in srgb, var(--hot) 34%, transparent)}}.lyrics-scroll{overscroll-behavior:contain;color:#eee5f0;white-space:pre-wrap;text-align:center;text-shadow:0 0 8px #ffffff1a;scrollbar-width:thin;scrollbar-color:var(--hot) #ffffff0b;width:100%;height:100%;padding:14px 9px 14px 5px;font-size:11px;line-height:1.75;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.lyrics-scroll{scrollbar-color:color-mix(in srgb, var(--hot) 70%, white 8%) #ffffff0b}}.lyrics-scroll::-webkit-scrollbar{width:6px}.lyrics-scroll::-webkit-scrollbar-track{background:#ffffff0b;border-radius:99px}.lyrics-scroll::-webkit-scrollbar-thumb{background:linear-gradient(var(--hot), var(--hot))}@supports (color:color-mix(in lab, red, red)){.lyrics-scroll::-webkit-scrollbar-thumb{background:linear-gradient(var(--hot), color-mix(in srgb, var(--hot) 65%, #fff))}}.lyrics-scroll::-webkit-scrollbar-thumb{box-shadow:0 0 8px var(--hot);border-radius:99px}@supports (color:color-mix(in lab, red, red)){.lyrics-scroll::-webkit-scrollbar-thumb{box-shadow:0 0 8px color-mix(in srgb, var(--hot) 55%, transparent)}}@keyframes glass-in{0%{opacity:0;filter:blur(2px);transform:scale(.985)}to{opacity:1;filter:blur();transform:scale(1)}}@media (width<=700px){.mobile-signal{flex-direction:column;height:110px;display:flex}.mobile-viz-content{flex:1;min-height:0;position:relative;overflow:hidden}.mobile-viz-content .signal-canvas{position:absolute;inset:0}.mobile-viz-content>*{animation:.36s cubic-bezier(.2,.8,.2,1) both glass-in}.mobile-signal .viz-tabs{gap:6px;width:min(250px,82%);height:29px;margin:4px auto 0}.mobile-signal .viz-tabs button{height:29px;font-size:9px}.mobile-signal .lyrics-scroll{padding:6px 10px;font-size:10px;line-height:1.55;position:absolute;inset:0}.mobile-nav{background:linear-gradient(145deg,#ffffff1f,#14071cb8 46%,#08030edb)}}.transport{justify-content:center;align-items:center;gap:clamp(11px,1.6vw,24px);width:min(92%,440px);display:flex}.transport button{flex:0 0 34px}.transport .play{flex-basis:54px}.transport button.active{color:#fff;filter:drop-shadow(0 0 7px var(--hot))}.lyrics-scroll{padding-inline:11px;font-size:15px;line-height:1.8}@media (width<=700px){.transport{gap:clamp(7px,3vw,16px);width:100%}.transport button{flex-basis:28px;font-size:20px}.transport .play{flex-basis:54px}.mobile-signal{height:118px;margin-top:8px}.mobile-signal .viz-tabs{margin-top:10px}.mobile-signal .lyrics-scroll{padding:14px 16px 22px;font-size:16px;line-height:1.72}.mobile-lyrics .player{justify-content:stretch;padding-top:10px}.mobile-lyrics .cover-wrap,.mobile-lyrics .meta-row,.mobile-lyrics .controls-wrap{display:none}.mobile-lyrics .mobile-signal{flex:1;height:auto;margin-top:0;padding-top:0}.mobile-lyrics .mobile-viz-content{border:1px solid var(--hot);flex:1}@supports (color:color-mix(in lab, red, red)){.mobile-lyrics .mobile-viz-content{border:1px solid color-mix(in srgb, var(--hot) 24%, #ffffff1f)}}.mobile-lyrics .mobile-viz-content{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#ffffff16,#08030e80);border-radius:22px;box-shadow:inset 0 1px #ffffff1a}.mobile-lyrics .mobile-signal .viz-tabs{order:-1;margin:0 auto 12px}.mobile-lyrics .mobile-viz-content .lyrics-scroll{padding:22px 18px 30px;font-size:18px;line-height:1.78}.mobile-viz-content .signal-canvas{inset:0 0 12px}.mobile-lyrics .mobile-viz-content .signal-canvas{inset:0}}.volume-control{margin:20px 0 10px}.library-view{border:1px solid var(--hot);min-width:0;height:min(91dvh,900px);min-height:0;display:none}@supports (color:color-mix(in lab, red, red)){.library-view{border:1px solid color-mix(in srgb, var(--hot) 28%, #ffffff21)}}.library-view{-webkit-backdrop-filter:blur(18px)saturate(1.25);backdrop-filter:blur(18px)saturate(1.25);background:linear-gradient(145deg,#ffffff1a,#14071d9e 42%,#08030ec7);border-radius:28px;flex-direction:column;padding:28px;overflow:hidden;box-shadow:inset 0 1px #ffffff26,0 24px 70px #0007}.library-open{grid-template-columns:250px minmax(0,1fr)}.library-open .player,.library-open .side-stage{display:none}.library-open .library-view{grid-column:2;display:flex}.library-head{flex:none;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.library-head small{letter-spacing:.24em;color:var(--hot);font-size:9px}@supports (color:color-mix(in lab, red, red)){.library-head small{color:color-mix(in srgb, var(--hot) 68%, white)}}.library-head h1{margin:7px 0 5px;font-size:34px}.library-head p{color:#a995af;margin:0;font-size:12px}.library-sort{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.library-sort button{color:#cdbfd2;cursor:pointer;background:linear-gradient(145deg,#ffffff1a,#ffffff06);border:1px solid #ffffff1f;border-radius:999px;padding:9px 15px;transition:all .3s;box-shadow:inset 0 1px #ffffff1f}.library-sort button.active{color:#fff;border-color:var(--hot)}@supports (color:color-mix(in lab, red, red)){.library-sort button.active{border-color:color-mix(in srgb, var(--hot) 64%, white 8%)}}.library-sort button.active{background:var(--hot)}@supports (color:color-mix(in lab, red, red)){.library-sort button.active{background:color-mix(in srgb, var(--hot) 20%, #ffffff14)}}.library-sort button.active{box-shadow:0 0 12px var(--hot)}@supports (color:color-mix(in lab, red, red)){.library-sort button.active{box-shadow:0 0 12px color-mix(in srgb, var(--hot) 30%, transparent)}}.library-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--hot) #ffffff0a;flex:1;min-height:0;margin-top:22px;padding-right:8px;overflow-y:auto}.library-list::-webkit-scrollbar{width:7px}.library-list::-webkit-scrollbar-track{background:#ffffff0a;border-radius:99px}.library-list::-webkit-scrollbar-thumb{background:var(--hot);box-shadow:0 0 8px var(--hot);border-radius:99px}.library-entry h2{z-index:2;color:var(--hot);background:linear-gradient(90deg,#0f0514f2,#0f0514b8,#0000);margin:14px 0 7px;padding:8px 4px 5px;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.library-entry h2{color:color-mix(in srgb, var(--hot) 75%, white)}}.library-entry h2{letter-spacing:.16em;text-transform:uppercase;font-size:11px}.library-track{color:#cbbdce;text-align:left;cursor:pointer;background:linear-gradient(135deg,#ffffff12,#ffffff05);border:1px solid #ffffff13;border-radius:16px;grid-template-columns:52px minmax(150px,1.5fr) minmax(100px,1fr) minmax(80px,.7fr) 46px 24px;align-items:center;gap:14px;width:100%;margin-bottom:7px;padding:8px 12px;transition:all .32s;display:grid}.library-track:hover{border-color:var(--hot);transform:translate(3px)}@supports (color:color-mix(in lab, red, red)){.library-track:hover{border-color:color-mix(in srgb, var(--hot) 48%, white 5%)}}.library-track:hover{background:var(--hot)}@supports (color:color-mix(in lab, red, red)){.library-track:hover{background:color-mix(in srgb, var(--hot) 12%, #ffffff0a)}}.library-track:hover{box-shadow:0 0 16px var(--hot)}@supports (color:color-mix(in lab, red, red)){.library-track:hover{box-shadow:0 0 16px color-mix(in srgb, var(--hot) 18%, transparent)}}.library-cover{border:1px solid var(--hot);border-radius:12px;width:48px;height:48px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.library-cover{border:1px solid color-mix(in srgb, var(--hot) 40%, transparent)}}.library-cover{background:#100616;place-items:center;display:grid}.library-cover img{object-fit:cover;width:100%;height:100%}.library-primary b,.library-primary small{display:block}.library-primary b{color:#fff;font-size:14px}.library-primary small{color:#a996ad;margin-top:4px;font-size:10px}.library-track>span:not(.library-cover):not(.library-primary),.library-track time{color:#ab99b0;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.library-track i{color:var(--hot);text-shadow:0 0 8px var(--hot);font-style:normal}.library-empty{color:#87748d;place-items:center;height:100%;display:grid}@media (width<=700px){.library-open{padding:0 12px 76px;display:block}.library-open .library-view{border-radius:22px;height:calc(100dvh - 88px);padding:18px 12px;display:flex}.library-head{display:block}.library-head h1{font-size:27px}.library-sort{justify-content:flex-start;gap:5px;margin-top:14px}.library-sort button{padding:7px 11px;font-size:10px}.library-list{margin-top:12px;padding-right:3px}.library-track{grid-template-columns:46px minmax(0,1fr) 38px 18px;gap:10px;padding:7px}.library-cover{width:42px;height:42px}.library-track>span:nth-of-type(3),.library-track>span:nth-of-type(4){display:none}.library-primary b{font-size:13px}.library-entry h2{margin-top:8px}.volume-control{margin:0}}::view-transition-old(root){animation:.34s cubic-bezier(.4,0,.7,.2) both page-out}::view-transition-new(root){animation:.48s cubic-bezier(.16,.8,.24,1) both page-in}.library-open .library-view,.app:not(.library-open) .player,.app:not(.library-open) .side-stage{animation:.48s cubic-bezier(.16,.8,.24,1) both page-in}@keyframes page-in{0%{opacity:0;filter:blur(3px);transform:translateY(12px)scale(.992)}to{opacity:1;filter:blur();transform:none}}@keyframes page-out{0%{opacity:1;filter:blur();transform:none}to{opacity:0;filter:blur(2px);transform:translateY(-8px)scale(.994)}}.sidebar nav{--nav-index:0;position:relative}.sidebar nav:before{content:"";z-index:0;border:1px solid var(--hot);height:62px;position:absolute;top:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.sidebar nav:before{border:1px solid color-mix(in srgb, var(--hot) 62%, white 7%)}}.sidebar nav:before{background:linear-gradient(100deg, var(--hot), #ffffff09);border-radius:18px}@supports (color:color-mix(in lab, red, red)){.sidebar nav:before{background:linear-gradient(100deg, color-mix(in srgb, var(--hot) 17%, #ffffff14), #ffffff09)}}.sidebar nav:before{box-shadow:inset 0 1px 0 #ffffff29, 0 0 14px var(--hot)}@supports (color:color-mix(in lab, red, red)){.sidebar nav:before{box-shadow:inset 0 1px 0 #ffffff29, 0 0 14px color-mix(in srgb, var(--hot) 28%, transparent)}}.sidebar nav:before{transform:translateY(calc(var(--nav-index) * 69px));pointer-events:none;transition:transform .52s cubic-bezier(.2,.82,.2,1),border-color .4s,box-shadow .4s,background .4s}.sidebar nav button{z-index:1;position:relative}.sidebar nav button.active{box-shadow:none;background:0 0;border-color:#0000}.page-library .sidebar nav{--nav-index:1}.page-artists .sidebar nav{--nav-index:2}.page-albums .sidebar nav{--nav-index:3}.page-search .sidebar nav{--nav-index:4}@media (width<=700px){.sidebar nav:before{display:none}}@media (width>=701px){.sidebar{transition:transform .72s cubic-bezier(.18,.82,.22,1),border-color .45s,box-shadow .45s}.library-open{grid-template-columns:clamp(190px,17vw,270px) minmax(370px,700px) minmax(220px,390px)}.library-open .sidebar{transform:translate(clamp(-46px,-2.7vw,-22px))}.library-open .library-view{grid-column:2/4}}.artists-view{border:1px solid var(--hot);grid-column:2/4;min-width:0;height:min(91dvh,900px);min-height:0;display:none}@supports (color:color-mix(in lab, red, red)){.artists-view{border:1px solid color-mix(in srgb, var(--hot) 28%, #ffffff21)}}.artists-view{-webkit-backdrop-filter:blur(18px)saturate(1.25);backdrop-filter:blur(18px)saturate(1.25);background:linear-gradient(145deg,#ffffff1a,#14071d9e 42%,#08030ec7);border-radius:28px;flex-direction:column;padding:28px;overflow:hidden;box-shadow:inset 0 1px #ffffff26,0 24px 70px #0007}.page-artists .player,.page-artists .side-stage{display:none}.page-artists .artists-view{animation:.48s cubic-bezier(.16,.8,.24,1) both page-in;display:flex}.page-artists .sidebar{transform:translate(clamp(-46px,-2.7vw,-22px))}.artists-head{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.artists-head small{letter-spacing:.24em;color:var(--hot);font-size:9px}@supports (color:color-mix(in lab, red, red)){.artists-head small{color:color-mix(in srgb, var(--hot) 68%, white)}}.artists-head h1{margin:7px 0 5px;font-size:34px}.artists-head p{color:#a995af;margin:0;font-size:12px}.artists-head button{border:1px solid var(--hot)}@supports (color:color-mix(in lab, red, red)){.artists-head button{border:1px solid color-mix(in srgb, var(--hot) 38%, white 6%)}}.artists-head button{cursor:pointer;background:#ffffff12;border-radius:999px;padding:9px 15px}.artists-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--hot) #ffffff0a;flex:1;min-height:0;margin-top:22px;padding-right:7px;overflow:hidden auto}.artist-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:14px;margin:-18px;padding:18px;display:grid}.artist-grid>button{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(145deg,#ffffff16,#ffffff05);border:1px solid #ffffff17;border-radius:20px;min-width:0;padding:14px;transition:all .36s}.artist-grid>button:hover{border-color:var(--hot);transform:translateY(-4px)}@supports (color:color-mix(in lab, red, red)){.artist-grid>button:hover{border-color:color-mix(in srgb, var(--hot) 55%, white 7%)}}.artist-grid>button:hover{box-shadow:0 10px 25px #0005, 0 0 16px var(--hot)}@supports (color:color-mix(in lab, red, red)){.artist-grid>button:hover{box-shadow:0 10px 25px #0005, 0 0 16px color-mix(in srgb, var(--hot) 22%, transparent)}}.artist-grid>button>span{aspect-ratio:1;border:1px solid var(--hot);background:#100616;border-radius:50%;width:100%;display:block;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.artist-grid>button>span{border:1px solid color-mix(in srgb, var(--hot) 35%, transparent)}}.artist-grid>button>span{box-shadow:0 0 18px var(--hot)}@supports (color:color-mix(in lab, red, red)){.artist-grid>button>span{box-shadow:0 0 18px color-mix(in srgb, var(--hot) 28%, transparent)}}.artist-grid img,.artist-hero img,.artist-songs img{object-fit:cover;width:100%;height:100%}.artist-grid b,.artist-grid small{display:block}.artist-grid b{margin-top:12px;font-size:14px}.artist-grid small{color:#a995af;margin-top:4px;font-size:10px}.artist-hero{align-items:center;gap:20px;padding:24px 18px 30px;display:flex}.artist-hero>span{border:1px solid var(--hot);width:120px;height:120px;box-shadow:0 0 22px var(--hot);border-radius:50%;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.artist-hero>span{box-shadow:0 0 22px color-mix(in srgb, var(--hot) 30%, transparent)}}.artist-hero>span{background:#100616}.artist-hero h2{margin:0 0 7px;font-size:30px}.artist-hero p{color:#aa97ae;margin:0}.artist-songs{gap:7px;display:grid}.artist-albums{gap:24px;display:grid}.artist-album-section>h3{color:#fff;letter-spacing:.04em;margin:0 0 11px;font-size:17px;font-weight:650}.artist-songs button{text-align:left;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff14;border-radius:16px;grid-template-columns:48px 1fr 50px 22px;align-items:center;gap:13px;padding:8px 12px;display:grid}.artist-songs button>span{border-radius:11px;width:46px;height:46px;overflow:hidden}.artist-songs b small{color:#9e8ba4;margin-top:4px;font-weight:400;display:block}.artist-songs time{color:#a995af;font-size:11px}.artist-songs i{color:var(--hot);font-style:normal}@media (width<=700px){.page-artists{padding:0 12px 76px;display:block}.page-artists .artists-view{border-radius:22px;height:calc(100dvh - 88px);padding:18px 12px}.artists-head h1{font-size:27px}.artist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.artist-grid>button{border-radius:17px;padding:10px}.artist-hero>span{width:86px;height:86px}.artist-hero h2{font-size:23px}.artist-songs button{grid-template-columns:44px 1fr 38px 16px;gap:8px;padding:7px}.mobile-viz-content .signal-canvas{inset:0 0 24px}.mobile-lyrics .mobile-viz-content .signal-canvas{inset:0}.mobile-lyrics .mobile-signal .viz-tabs{order:initial;margin:12px auto 0}}*{scrollbar-width:thin;scrollbar-color:var(--hot,#ff2c9d) #ffffff0b}@supports (color:color-mix(in lab, red, red)){*{scrollbar-color:color-mix(in srgb, var(--hot,#ff2c9d) 72%, white 8%) #ffffff0b}}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#ffffff0a;border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(var(--hot,#ff2c9d), var(--mid,#6a21c9));box-shadow:0 0 8px var(--hot,#ff2c9d);border-radius:999px}@supports (color:color-mix(in lab, red, red)){::-webkit-scrollbar-thumb{box-shadow:0 0 8px color-mix(in srgb, var(--hot,#ff2c9d) 40%, transparent)}}.artist-link{appearance:none;color:var(--hot);font:inherit;cursor:pointer;text-shadow:0 0 10px var(--hot);background:0 0;border:0;padding:0}@supports (color:color-mix(in lab, red, red)){.artist-link{text-shadow:0 0 10px color-mix(in srgb, var(--hot) 45%, transparent)}}.artist-link{transition:filter .25s}.artist-link:hover{filter:brightness(1.2)}.artist-sort{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.artist-sort button{color:#cdbfd2;cursor:pointer;background:linear-gradient(145deg,#ffffff1a,#ffffff06);border:1px solid #ffffff1f;border-radius:999px;padding:9px 15px;transition:all .3s;box-shadow:inset 0 1px #ffffff1f}.artist-sort button.active{color:#fff;border-color:var(--hot)}@supports (color:color-mix(in lab, red, red)){.artist-sort button.active{border-color:color-mix(in srgb, var(--hot) 64%, white 8%)}}.artist-sort button.active{background:var(--hot)}@supports (color:color-mix(in lab, red, red)){.artist-sort button.active{background:color-mix(in srgb, var(--hot) 20%, #ffffff14)}}.artist-sort button.active{box-shadow:0 0 12px var(--hot)}@supports (color:color-mix(in lab, red, red)){.artist-sort button.active{box-shadow:0 0 12px color-mix(in srgb, var(--hot) 30%, transparent)}}.artist-section+.artist-section{margin-top:30px}.artist-section>h2{letter-spacing:.06em;margin:0 0 13px;font-size:17px}.artist-section.labels{border-top:1px solid #ffffff17;padding-top:24px}.artist-empty{color:#9e8ba4;font-size:12px}.artist-detail,.artist-section{animation:.48s cubic-bezier(.16,.8,.24,1) both artist-surface-in}@keyframes artist-surface-in{0%{opacity:0;filter:blur(3px);transform:translate(16px)scale(.992)}to{opacity:1;filter:blur();transform:none}}::view-transition-old(root){animation-duration:.34s}::view-transition-new(root){animation-duration:.48s}@media (width<=700px){.mobile-viz-content .signal-canvas{inset:0 0 34px}.mobile-signal .mobile-viz-content{order:1}.mobile-signal .viz-tabs{flex:none;order:2!important;margin:12px auto 0!important}}.catalogue-open{grid-template-columns:250px minmax(0,1fr)}.catalogue-open .player,.catalogue-open .side-stage{display:none}.page-library .library-view{grid-column:2;display:flex}.page-settings .sidebar nav{--nav-index:4}.library-tools{flex-direction:column;align-items:flex-end;gap:9px;display:flex}.library-search{background:#07020c73;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:9px;width:min(420px,44vw);height:38px;padding:0 13px;transition:all .35s;display:flex;box-shadow:inset 0 1px #ffffff14}.library-search:focus-within{border-color:var(--hot);box-shadow:0 0 14px var(--hot)}@supports (color:color-mix(in lab, red, red)){.library-search:focus-within{box-shadow:0 0 14px color-mix(in srgb, var(--hot) 22%, transparent)}}.library-search span{color:var(--hot);font-size:18px}.library-search input{color:#fff;width:100%;font:inherit;background:0 0;border:0;outline:0;font-size:11px}.library-search input::placeholder{color:#89798e}.library-primary em,.artist-songs b>em{color:var(--hot);margin-top:3px;display:block}@supports (color:color-mix(in lab, red, red)){.library-primary em,.artist-songs b>em{color:color-mix(in srgb, var(--hot) 62%, white)}}.library-primary em,.artist-songs b>em{font-size:10px;font-style:normal;font-weight:400}.translated-title{color:var(--hot);margin:5px 0 0}@supports (color:color-mix(in lab, red, red)){.translated-title{color:color-mix(in srgb, var(--hot) 62%, white)}}.translated-title{text-shadow:0 0 9px var(--hot);font-weight:400;font-size:13px!important}@supports (color:color-mix(in lab, red, red)){.translated-title{text-shadow:0 0 9px color-mix(in srgb, var(--hot) 25%, transparent)}}.albums-view{border:1px solid var(--hot);grid-column:2/4;min-width:0;height:min(91dvh,900px);min-height:0;display:none}@supports (color:color-mix(in lab, red, red)){.albums-view{border:1px solid color-mix(in srgb, var(--hot) 28%, #ffffff21)}}.albums-view{-webkit-backdrop-filter:blur(18px)saturate(1.25);backdrop-filter:blur(18px)saturate(1.25);background:linear-gradient(145deg,#ffffff1a,#14071d9e 42%,#08030ec7);border-radius:28px;flex-direction:column;padding:28px;overflow:hidden;box-shadow:inset 0 1px #ffffff26,0 24px 70px #0007}.page-albums .albums-view{animation:.48s cubic-bezier(.16,.8,.24,1) both page-in;display:flex}.page-albums .sidebar{transform:translate(clamp(-46px,-2.7vw,-22px))}.albums-scroll{flex:1;min-height:0;margin-top:22px;padding-right:7px;overflow:hidden auto}.album-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:15px;margin:-18px;padding:18px;display:grid}.album-grid>button{text-align:left;cursor:pointer;background:linear-gradient(145deg,#ffffff17,#ffffff05);border:1px solid #ffffff17;border-radius:20px;min-width:0;padding:13px;transition:all .38s}.album-grid>button:hover{border-color:var(--hot);box-shadow:0 12px 28px #0005, 0 0 16px var(--hot);transform:translateY(-4px)}@supports (color:color-mix(in lab, red, red)){.album-grid>button:hover{box-shadow:0 12px 28px #0005, 0 0 16px color-mix(in srgb, var(--hot) 22%, transparent)}}.album-grid>button>span{aspect-ratio:1;border:1px solid var(--hot);background:#100616;border-radius:15px;display:block;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.album-grid>button>span{border:1px solid color-mix(in srgb, var(--hot) 35%, transparent)}}.album-grid>button>span{box-shadow:0 0 18px var(--hot)}@supports (color:color-mix(in lab, red, red)){.album-grid>button>span{box-shadow:0 0 18px color-mix(in srgb, var(--hot) 28%, transparent)}}.album-grid img,.album-hero img{object-fit:cover;width:100%;height:100%}.album-grid b,.album-grid small,.album-grid em{display:block}.album-grid b{margin-top:11px;font-size:14px}.album-grid small{color:#c3aec7;margin-top:4px}.album-grid em{color:#927f98;margin-top:4px;font-size:9px;font-style:normal}.album-back{border:1px solid var(--hot)}@supports (color:color-mix(in lab, red, red)){.album-back{border:1px solid color-mix(in srgb, var(--hot) 40%, white 6%)}}.album-back{cursor:pointer;background:#ffffff12;border-radius:999px;padding:9px 15px}.album-detail{animation:.48s cubic-bezier(.16,.8,.24,1) both artist-surface-in}.album-hero{align-items:center;gap:20px;padding:6px 4px 24px;display:flex}.album-hero>img{border:1px solid var(--hot);width:128px;height:128px;box-shadow:0 0 20px var(--hot);border-radius:18px}@supports (color:color-mix(in lab, red, red)){.album-hero>img{box-shadow:0 0 20px color-mix(in srgb, var(--hot) 25%, transparent)}}.album-hero h2{margin:0 0 7px;font-size:29px}.album-hero p{color:#c2afc5;margin:0 0 6px}.album-hero small{color:#938199}.album-detail .artist-songs img{object-fit:cover;width:100%;height:100%}@media (width>=701px){.catalogue-open{grid-template-columns:clamp(190px,17vw,270px) minmax(370px,700px) minmax(220px,390px)}.catalogue-open .sidebar{transform:translate(clamp(-46px,-2.7vw,-22px))}.catalogue-open .library-view,.catalogue-open .albums-view{grid-column:2/4}}@media (width<=700px){.catalogue-open{padding:0 12px 76px;display:block}.catalogue-open .library-view,.catalogue-open .albums-view{border-radius:22px;height:calc(100dvh - 88px);padding:18px 12px}.library-tools{align-items:stretch}.library-search{width:100%;margin-top:12px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.album-grid>button{border-radius:16px;padding:9px}.album-hero>img{width:88px;height:88px}.album-hero h2{font-size:22px}.translated-title{font-size:11px!important}}@media (width>=921px){.app{transition:grid-template-columns .68s cubic-bezier(.18,.82,.22,1),gap .68s cubic-bezier(.18,.82,.22,1),--hot 2s,--mid 2s,--hot-bg 2s,--mid-bg 2s,background 2s}.lyrics-expanded{grid-template-columns:clamp(180px,15vw,240px) minmax(330px,540px) minmax(430px,620px);gap:clamp(18px,2vw,36px)}}.lyrics-pane{flex-direction:column;flex:1;width:100%;min-height:0;animation:.4s cubic-bezier(.2,.8,.2,1) both glass-in;display:flex;position:relative}.lyrics-language{flex:none;justify-content:center;gap:6px;padding:4px 4px 8px;display:flex}.lyrics-language button{color:#ad9ab2;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1c;border-radius:999px;padding:6px 12px;font-size:9px;transition:all .3s}.lyrics-language button.active{color:#fff;border-color:var(--hot);background:var(--hot)}@supports (color:color-mix(in lab, red, red)){.lyrics-language button.active{background:color-mix(in srgb, var(--hot) 18%, #ffffff0f)}}.lyrics-language button.active{box-shadow:0 0 11px var(--hot)}@supports (color:color-mix(in lab, red, red)){.lyrics-language button.active{box-shadow:0 0 11px color-mix(in srgb, var(--hot) 25%, transparent)}}.meta-row{padding-right:48px;position:relative}.media-menu{z-index:12;position:absolute;top:-4px;right:0}.media-menu summary{cursor:pointer;width:40px;height:40px;color:var(--hot);letter-spacing:.12em;background:linear-gradient(145deg,#ffffff1c,#ffffff06);border:1px solid #ffffff1f;border-radius:13px;place-items:center;list-style:none;transition:all .35s;display:grid;box-shadow:inset 0 1px #ffffff1f,0 8px 20px #0005}.media-menu summary::-webkit-details-marker{display:none}.media-menu[open] summary{border-color:var(--hot);box-shadow:0 0 14px var(--hot)}@supports (color:color-mix(in lab, red, red)){.media-menu[open] summary{box-shadow:0 0 14px color-mix(in srgb, var(--hot) 28%, transparent)}}.media-menu>div{border:1px solid var(--hot);width:190px;padding:7px;position:absolute;top:47px;right:0}@supports (color:color-mix(in lab, red, red)){.media-menu>div{border:1px solid color-mix(in srgb, var(--hot) 30%, #ffffff24)}}.media-menu>div{-webkit-backdrop-filter:blur(20px)saturate(1.25);backdrop-filter:blur(20px)saturate(1.25);transform-origin:100% 0;background:linear-gradient(145deg,#ffffff21,#14071ce0);border-radius:16px;animation:.28s cubic-bezier(.16,.8,.24,1) both menu-pop;box-shadow:inset 0 1px #ffffff24,0 18px 38px #0009}.media-menu button,.media-menu a{color:#eee3ef;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;width:100%;padding:10px;font-size:11px;text-decoration:none;transition:all .25s;display:block}.media-menu button:hover,.media-menu a:hover{background:var(--hot)}@supports (color:color-mix(in lab, red, red)){.media-menu button:hover,.media-menu a:hover{background:color-mix(in srgb, var(--hot) 15%, #ffffff0d)}}.media-menu button:hover,.media-menu a:hover{color:#fff}.entity-share{border:1px solid var(--hot);margin-top:12px;padding:9px 14px}@supports (color:color-mix(in lab, red, red)){.entity-share{border:1px solid color-mix(in srgb, var(--hot) 42%, #ffffff2e)}}.entity-share{color:#fff;box-shadow:inset 0 1px 0 #ffffff24, 0 0 15px var(--hot);background:linear-gradient(145deg,#ffffff21,#ffffff09);border-radius:13px}@supports (color:color-mix(in lab, red, red)){.entity-share{box-shadow:inset 0 1px 0 #ffffff24, 0 0 15px color-mix(in srgb, var(--hot) 16%, transparent)}}.entity-share{-webkit-backdrop-filter:blur(15px)saturate(1.25);backdrop-filter:blur(15px)saturate(1.25);cursor:pointer;transition:all .3s}.entity-share:hover{border-color:var(--hot);box-shadow:inset 0 1px 0 #fff3, 0 0 20px var(--hot);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.entity-share:hover{box-shadow:inset 0 1px 0 #fff3, 0 0 20px color-mix(in srgb, var(--hot) 28%, transparent)}}@keyframes menu-pop{0%{opacity:0;transform:translateY(-6px)scale(.94)}to{opacity:1;transform:none}}.album-section+.album-section{margin-top:28px}.album-section>h2{z-index:3;color:var(--hot);background:linear-gradient(90deg,#0f0514f5,#0f0514b3,#0000);margin:0 0 11px;padding:9px 5px;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.album-section>h2{color:color-mix(in srgb, var(--hot) 72%, white)}}.album-section>h2{letter-spacing:.13em;text-transform:uppercase;font-size:12px}@media (width<=700px){.meta-row{padding-inline:42px}.media-menu{right:0}.media-menu>div{right:-4px}.mobile-viz-content>.lyrics-pane{position:absolute;inset:0}.mobile-viz-content .lyrics-pane .lyrics-scroll{flex:1;min-height:0;position:relative;inset:auto}.mobile-lyrics .mobile-viz-content .lyrics-pane{padding-top:8px}.mobile-lyrics .mobile-viz-content .lyrics-language{padding-bottom:2px}}.page-library .library-view{animation:.48s cubic-bezier(.16,.8,.24,1) both page-in}.library-entry h2{text-transform:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(100deg,#ffffff13,#ffffff05 62%,#0000);border-bottom:1px solid #ffffff14;align-items:center;gap:9px;display:flex;box-shadow:inset 0 1px #ffffff0e}.library-entry h2:before{content:"";background:var(--hot);width:5px;height:5px;box-shadow:0 0 9px var(--hot);border-radius:50%;flex:none}.library-entry h2{letter-spacing:.1em;border-radius:8px 8px 0 0;padding:7px 8px;font-size:10px}.album-section>h2{z-index:auto;color:#fff;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;letter-spacing:.06em;text-transform:none;background:0 0;border:0;border-radius:0;margin:0 0 13px;padding:0;font-size:17px;position:static}.album-section>h2:before{content:none}.library-list,.albums-scroll,.artist-grid{animation:.4s cubic-bezier(.16,.8,.24,1) both catalogue-reshuffle}.library-list .library-entry,.album-grid>button,.artist-grid>button{animation:.42s cubic-bezier(.16,.8,.24,1) both catalogue-item-in}.library-list .library-entry:nth-child(3n+2),.album-grid>button:nth-child(3n+2),.artist-grid>button:nth-child(3n+2){animation-delay:35ms}.library-list .library-entry:nth-child(3n),.album-grid>button:nth-child(3n),.artist-grid>button:nth-child(3n){animation-delay:70ms}.library-entry h2,.album-section>h2{animation:.28s ease-out both catalogue-heading-in}@keyframes catalogue-reshuffle{0%{opacity:.3;filter:blur(2px);transform:translateY(9px)scale(.992)}to{opacity:1;filter:blur();transform:none}}@keyframes catalogue-item-in{0%{opacity:.18;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}@keyframes catalogue-heading-in{0%{opacity:0;transform:translate(-7px)}to{opacity:1;transform:none}}.cover-wrap.cover-link{appearance:none;color:inherit;font:inherit;cursor:pointer;text-align:inherit;padding:0}.cover-wrap.cover-link:disabled{cursor:default}.cover-wrap.cover-link:not(:disabled) .cover-art{transition:transform .38s cubic-bezier(.16,.8,.24,1),box-shadow .38s}.cover-wrap.cover-link:not(:disabled):hover .cover-art{box-shadow:0 20px 50px #0008, 0 0 25px var(--hot);transform:translateY(-3px)scale(1.008)}@supports (color:color-mix(in lab, red, red)){.cover-wrap.cover-link:not(:disabled):hover .cover-art{box-shadow:0 20px 50px #0008, 0 0 25px color-mix(in srgb, var(--hot) 28%, transparent)}}.album-link{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;transition:color .25s,text-shadow .25s}.album-link:hover{color:var(--hot);text-shadow:0 0 9px var(--hot)}@supports (color:color-mix(in lab, red, red)){.album-link:hover{text-shadow:0 0 9px color-mix(in srgb, var(--hot) 45%, transparent)}}.copy-toast{z-index:15;white-space:nowrap;border:1px solid var(--hot);padding:8px 12px;position:absolute;top:98px;right:0}@supports (color:color-mix(in lab, red, red)){.copy-toast{border:1px solid color-mix(in srgb, var(--hot) 42%, white 8%)}}.copy-toast{box-shadow:inset 0 1px 0 #ffffff29, 0 8px 24px #0008, 0 0 14px var(--hot);background:linear-gradient(145deg,#ffffff26,#110618e6);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.copy-toast{box-shadow:inset 0 1px 0 #ffffff29, 0 8px 24px #0008, 0 0 14px color-mix(in srgb, var(--hot) 22%, transparent)}}.copy-toast{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;font-size:10px;animation:.22s ease-out both copy-toast-in}@keyframes copy-toast-in{0%{opacity:0;transform:translateY(-5px)scale(.94)}to{opacity:1;transform:none}}@media (width<=700px){.copy-toast{top:96px;right:-4px}.artist-sort{justify-content:flex-start;gap:5px;margin-top:14px}.artist-sort button{padding:7px 11px;font-size:10px}}.settings-view{border:1px solid var(--hot);grid-column:2/4;min-width:0;height:min(91dvh,900px);min-height:0;padding:28px;display:none}@supports (color:color-mix(in lab, red, red)){.settings-view{border:1px solid color-mix(in srgb, var(--hot) 28%, #ffffff21)}}.settings-view{-webkit-backdrop-filter:blur(18px)saturate(1.25);backdrop-filter:blur(18px)saturate(1.25);background:linear-gradient(145deg,#ffffff1a,#14071d9e 42%,#08030ec7);border-radius:28px;flex-direction:column;overflow:hidden;box-shadow:inset 0 1px #ffffff26,0 24px 70px #0007}.sidebar,.visualizer,.mobile-nav,.library-view,.artists-view,.albums-view,.settings-view{contain:paint;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}canvas.glitter,.signal-canvas canvas,.seek-line canvas{image-rendering:auto}.page-settings .player,.page-settings .side-stage,.page-settings .library-view,.page-settings .artists-view,.page-settings .albums-view{display:none}.page-settings .settings-view{animation:.48s cubic-bezier(.16,.8,.24,1) both page-in;display:flex}.page-settings .sidebar{transform:translate(clamp(-46px,-2.7vw,-22px))}.settings-head small{letter-spacing:.24em;color:var(--hot);font-size:9px}@supports (color:color-mix(in lab, red, red)){.settings-head small{color:color-mix(in srgb, var(--hot) 68%, white)}}.settings-head h1{margin:7px 0 5px;font-size:34px}.settings-head p,.settings-card p{color:#a995af;margin:0;font-size:11px}.settings-scroll{flex:1;gap:14px;min-height:0;margin-top:22px;padding-right:7px;display:grid;overflow-y:auto}.settings-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,#ffffff17,#ffffff06);border:1px solid #ffffff1a;border-radius:22px;padding:20px;box-shadow:inset 0 1px #ffffff1f}.setting-title,.settings-row{justify-content:space-between;align-items:center;gap:18px;display:flex}.settings-card h2{margin:0 0 6px;font-size:17px}.setting-title>button{color:#cdbfd2;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff1f;border-radius:999px;padding:8px 13px;font-size:10px}.equaliser{grid-template-columns:repeat(6,1fr);gap:15px;height:235px;margin-top:18px;padding:8px 4px;display:grid}.equaliser label{grid-template-rows:25px 1fr 24px;place-items:center;gap:5px;min-width:0;display:grid}.equaliser output{color:var(--hot);font-size:9px}@supports (color:color-mix(in lab, red, red)){.equaliser output{color:color-mix(in srgb, var(--hot) 65%, white)}}.eq-pole{--eq:50%;place-items:center;width:54px;height:155px;display:grid;position:relative}.eq-track{background:linear-gradient(to top, var(--hot) 0 var(--eq), #35102c var(--eq) 100%);width:6px;box-shadow:0 0 6px var(--hot), 0 0 14px var(--hot);border-radius:99px;position:absolute;inset:0 auto}@supports (color:color-mix(in lab, red, red)){.eq-track{box-shadow:0 0 6px color-mix(in srgb, var(--hot) 64%, transparent), 0 0 14px color-mix(in srgb, var(--hot) 28%, transparent)}}.eq-track:after{content:"";left:50%;bottom:var(--eq);width:13px;height:13px;box-shadow:0 0 9px 2px var(--hot);background:#fff;border-radius:50%;position:absolute;transform:translate(-50%,50%)}.eq-notches{flex-direction:column-reverse;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;inset:0}.eq-notches i{background:var(--hot);opacity:.52;width:9px;height:1px;box-shadow:0 0 4px var(--hot)}@supports (color:color-mix(in lab, red, red)){.eq-notches i{box-shadow:0 0 4px color-mix(in srgb, var(--hot) 58%, transparent)}}.eq-notches i:nth-child(odd){width:14px}.equaliser input{opacity:0;writing-mode:vertical-lr;cursor:ns-resize;direction:rtl;width:100%;height:100%;position:absolute;inset:0}.equaliser b{color:#cdbfd2;font-size:9px}.translation-notice{max-width:720px;color:var(--hot)!important;margin-top:8px!important}@supports (color:color-mix(in lab, red, red)){.translation-notice{color:color-mix(in srgb, var(--hot) 55%, #fff)!important}}.translation-notice{line-height:1.5}.translated-album-name{color:var(--hot);margin:-2px 0 7px}@supports (color:color-mix(in lab, red, red)){.translated-album-name{color:color-mix(in srgb, var(--hot) 62%, white)}}.translated-album-name{text-shadow:0 0 9px var(--hot);font-size:13px;font-weight:400}@supports (color:color-mix(in lab, red, red)){.translated-album-name{text-shadow:0 0 9px color-mix(in srgb, var(--hot) 25%, transparent)}}.glass-switch{cursor:pointer;background:#ffffff12;border:1px solid #ffffff21;border-radius:999px;flex:none;width:52px;height:29px;padding:3px;transition:all .3s;box-shadow:inset 0 1px 3px #0008}.glass-switch i{background:#a797ab;border-radius:50%;width:21px;height:21px;transition:all .3s;display:block;box-shadow:0 3px 8px #0008}.glass-switch.on{border-color:var(--hot);background:var(--hot)}@supports (color:color-mix(in lab, red, red)){.glass-switch.on{background:color-mix(in srgb, var(--hot) 26%, #ffffff14)}}.glass-switch.on{box-shadow:0 0 13px var(--hot)}@supports (color:color-mix(in lab, red, red)){.glass-switch.on{box-shadow:0 0 13px color-mix(in srgb, var(--hot) 25%, transparent)}}.glass-switch.on i{box-shadow:0 0 10px var(--hot);background:#fff;transform:translate(23px)}[dir=rtl] .glass-switch.on i{transform:translate(-23px)}.language-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.language-grid button{color:#cbbdce;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:13px;padding:10px 8px;font-size:10px;transition:all .25s}.language-grid button:hover,.language-grid button.active{border-color:var(--hot);color:#fff;background:var(--hot)}@supports (color:color-mix(in lab, red, red)){.language-grid button:hover,.language-grid button.active{background:color-mix(in srgb, var(--hot) 17%, #ffffff0f)}}.language-grid button:hover,.language-grid button.active{box-shadow:0 0 12px var(--hot)}@supports (color:color-mix(in lab, red, red)){.language-grid button:hover,.language-grid button.active{box-shadow:0 0 12px color-mix(in srgb, var(--hot) 22%, transparent)}}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-delay:0s!important}.reduced-motion .glitter{display:none}html:has(.reduced-motion)::view-transition-old(root){animation:none!important}html:has(.reduced-motion)::view-transition-new(root){animation:none!important}@media (width<=700px){.page-settings{padding:0 12px 76px;display:block}.page-settings .settings-view{border-radius:22px;height:calc(100dvh - 88px);padding:18px 12px}.settings-head h1{font-size:27px}.settings-scroll{margin-top:14px}.settings-card{border-radius:18px;padding:15px}.equaliser{gap:4px;height:220px}.eq-pole{width:42px;height:145px}.language-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.language-grid button{padding:9px 5px;font-size:9px}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
