/*! tailwindcss v4.3.2 | 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)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--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;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--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;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-ui);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::-webkit-file-upload-button{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}::-webkit-file-upload-button{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:-webkit-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:-webkit-any([multiple],[size])) optgroup option{padding-inline-start:20px}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::-webkit-file-upload-button{margin-inline-end:4px}::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-start:0;padding-block-end:0}::-webkit-datetime-edit-year-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-month-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-day-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-hour-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-minute-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-second-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-millisecond-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-meridiem-field{padding-block-start:0;padding-block-end:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button{-webkit-appearance:button;appearance:button}input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance: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{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);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,)}.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,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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))}}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:color(display-p3 .0174476 .012807 .0337391);--surface:color(display-p3 .0557683 .0444441 .0889426);--fg:color(display-p3 .95488 .94887 .99424);--muted-text:color(display-p3 .731954 .70997 .786553);--line:color(display-p3 .197421 .165755 .267342/.72);--accent-blue:color(display-p3 .566339 .651224 .972963);--accent-hot:color(display-p3 .931744 .468871 .829268);--accent-cyan:color(display-p3 .586205 .87706 .987179);--panel:var(--surface)}@supports (color:lab(0% 0 0)){:root{--bg:lab(1.07108% 1.01775 -2.09472);--surface:lab(3.63969% 3.01697 -6.41142);--fg:lab(95.885% 2.37596 -5.88855);--muted-text:lab(74.704% 5.64203 -9.9586);--line:lab(19.1707% 10.0939 -16.0462/.72);--accent-blue:lab(69.0711% 7.34678 -47.286);--accent-hot:lab(67.8737% 64.391 -26.898);--accent-cyan:lab(84.5777% -25.141 -23.9106)}}@supports (color:color-mix(in lab, red, red)){:root{--panel:color-mix(in oklch, var(--surface) 74%, transparent)}}:root{--font-ui:"Geist Variable", "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--background:var(--bg);--foreground:var(--fg);--card:var(--surface);--card-foreground:var(--fg);--popover:var(--surface);--popover-foreground:var(--fg);--primary:var(--accent-cyan);--primary-foreground:var(--bg);--secondary:var(--fg)}@supports (color:color-mix(in lab, red, red)){:root{--secondary:color-mix(in oklch, var(--fg) 10%, transparent)}}:root{--secondary-foreground:var(--fg);--muted:var(--fg)}@supports (color:color-mix(in lab, red, red)){:root{--muted:color-mix(in oklch, var(--fg) 8%, transparent)}}:root{--muted-foreground:var(--muted-text);--accent:var(--accent-blue);--accent-foreground:var(--fg);--destructive:color(display-p3 .913 .445185 .409814);--border:var(--line);--input:var(--line);--ring:var(--accent-cyan);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports (color:lab(0% 0 0)){:root{--destructive:lab(63.4204% 56.5783 32.9929)}}*{box-sizing:border-box}html,body,#root,.app{-webkit-user-select:none;user-select:none}body{-webkit-touch-callout:none}input,textarea,select,[contenteditable=true],.notification-panel,.toast,.settings-changelog{-webkit-user-select:text;user-select:text}img,svg{-webkit-user-drag:none}button{outline:none}button:focus-visible{box-shadow:0 0 0 1px var(--accent-cyan), 0 0 18px var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){button:focus-visible{box-shadow:0 0 0 1px color-mix(in oklch, var(--accent-cyan) 72%, transparent), 0 0 18px color-mix(in oklch, var(--accent-cyan) 20%, transparent)}}html,body,#root{width:100%;height:100%;min-height:100%;margin:0}html{font-family:var(--font-ui);background:linear-gradient(180deg, var(--fg), transparent 34%), radial-gradient(ellipse 120% 82% at 50% -18%, var(--accent-cyan) 0%, var(--accent-cyan) 46%, transparent 76%), var(--bg)}@supports (color:color-mix(in lab, red, red)){html{background:linear-gradient(180deg, color-mix(in oklch, var(--fg) 3%, transparent), transparent 34%), radial-gradient(ellipse 120% 82% at 50% -18%, color-mix(in oklch, var(--accent-cyan) 7%, transparent) 0%, color-mix(in oklch, var(--accent-cyan) 2%, transparent) 46%, transparent 76%), var(--bg)}}body{color:var(--fg);background:linear-gradient(180deg, var(--fg), transparent 34%), radial-gradient(ellipse 120% 82% at 50% -18%, var(--accent-cyan) 0%, var(--accent-cyan) 46%, transparent 76%), var(--bg);overflow:hidden}@supports (color:color-mix(in lab, red, red)){body{background:linear-gradient(180deg, color-mix(in oklch, var(--fg) 3%, transparent), transparent 34%), radial-gradient(ellipse 120% 82% at 50% -18%, color-mix(in oklch, var(--accent-cyan) 7%, transparent) 0%, color-mix(in oklch, var(--accent-cyan) 2%, transparent) 46%, transparent 76%), var(--bg)}}body{font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html.tauri-window-effects,html.tauri-window-effects body,html.tauri-window-effects #root{background:0 0}button,input{font:inherit}button{color:inherit}svg{width:18px;height:18px;display:block}.shell{background:0 0;place-items:center;min-width:0;height:100vh;padding:0;display:grid}.app{--library-col:270px;--lyrics-compact-bottom:108px;--modal-player-gap:112px;grid-template-columns:var(--library-col) minmax(0, 1fr);border:1px solid var(--line);grid-template-rows:72px minmax(0,1fr);width:100%;max-width:100dvw;height:100vh;min-height:760px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.app{border:1px solid color-mix(in oklch, var(--line) 82%, white 8%)}}.app{background:linear-gradient(180deg, var(--fg), transparent 22%), var(--surface);border-radius:0}@supports (color:color-mix(in lab, red, red)){.app{background:linear-gradient(180deg, color-mix(in oklch, var(--fg) 5%, transparent), transparent 22%), color-mix(in oklch, var(--surface) 76%, black 24%)}}.app{-webkit-backdrop-filter:blur(18px)saturate(1.08);-webkit-backface-visibility:hidden;backface-visibility:hidden;isolation:isolate;transform:translateZ(0);box-shadow:0 0 0 1px color(display-p3 1 1 1/.05),inset 0 1px color(display-p3 1 1 1/.14),0 24px 72px color(display-p3 0 0 0/.458824);box-shadow:0 0 0 1px lab(100% 0 0/.05),inset 0 1px lab(100% 0 0/.14),0 24px 72px lab(0% 0 0/.458824)}.app:before{content:"";z-index:0;pointer-events:none;opacity:.42;background:linear-gradient(135deg,color(display-p3 1 1 1/.05),#0000 24%);background:linear-gradient(135deg,lab(100% 0 0/.05),#0000 24%);position:absolute;top:0;bottom:0;left:0;right:0}html.tauri-window-effects .app{border-color:var(--line)}@supports (color:color-mix(in lab, red, red)){html.tauri-window-effects .app{border-color:color-mix(in oklch, var(--line) 66%, transparent)}}html.tauri-window-effects .app{background:0 0;box-shadow:inset 0 1px color(display-p3 1 1 1/.12),0 24px 72px color(display-p3 0 0 0/.341176);box-shadow:inset 0 1px lab(100% 0 0/.12),0 24px 72px lab(0% 0 0/.341176)}html.tauri-window-effects .app:before{background:linear-gradient(180deg, var(--fg), transparent 22%), linear-gradient(135deg, #ffffff0d, transparent 24%), var(--surface);top:0;bottom:96px;left:0;right:0}@supports (color:color-mix(in lab, red, red)){html.tauri-window-effects .app:before{background:linear-gradient(180deg, color-mix(in oklch, var(--fg) 5%, transparent), transparent 22%), linear-gradient(135deg, lab(100% 0 0/.05), transparent 24%), color-mix(in oklch, var(--surface) 76%, black 24%)}}html.tauri-window-effects .app:before{opacity:1}.topbar,.library,.stage,.player{z-index:1;position:relative}.topbar{--search-shift:clamp(30px, 3vw, 56px);z-index:80;-webkit-app-region:drag;border-bottom:0;grid-column:1/-1;grid-template-columns:minmax(230px,1fr) minmax(360px,700px) minmax(230px,1fr);align-items:center;column-gap:max(20px,min(2.1vw,34px));padding:14px 18px 10px;display:grid;position:relative}.topbar-drag-region{z-index:0;-webkit-user-select:none;user-select:none;position:absolute;top:0;bottom:0;left:0;right:0}.window-tools,.top-actions,.win-controls,.hero-actions,.controls,.player-actions{align-items:center;display:flex}.window-tools{z-index:1;justify-content:flex-start;justify-self:start;gap:10px;min-width:0;position:relative}.topbar-app-actions{-webkit-app-region:no-drag}.win-controls{background:0 0;border-left:0;justify-content:flex-end;align-self:stretch;min-width:138px;height:100%;margin:0}.win-control{width:46px;height:100%;min-height:38px;color:var(--fg);border:0;border-radius:0;place-items:center;padding:0;display:grid}@supports (color:color-mix(in lab, red, red)){.win-control{color:color-mix(in oklch, var(--fg) 76%, transparent)}}.win-control{cursor:pointer;background:0 0;transition:color .14s,background .14s}.win-control svg{stroke-width:1.8px;width:13px;height:13px}.win-control:hover{color:var(--fg);background:color(display-p3 1 1 1/.09);background:lab(100% 0 0/.09)}.win-control:focus-visible{color:var(--fg);background:color(display-p3 1 1 1/.09);background:lab(100% 0 0/.09)}.win-control.close:hover{color:#fff;background:#c42b1c}.win-control.close:focus-visible{color:#fff;background:#c42b1c}.search{z-index:2;border:1px solid var(--line);background:var(--bg);border-radius:999px;grid-template-columns:24px minmax(0,1fr) 1px 38px;justify-self:center;align-items:center;gap:13px;width:min(100%,700px);min-width:0;height:48px;padding:0 10px 0 18px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.search{background:color-mix(in oklch, var(--bg) 60%, transparent)}}.search{transform:translateX(var(--search-shift));-webkit-app-region:no-drag;box-shadow:inset 0 1px color(display-p3 1 1 1/.08);box-shadow:inset 0 1px lab(100% 0 0/.08)}.search-zone{z-index:2;width:min(100%,762px);min-width:0;transform:translateX(var(--search-shift));-webkit-app-region:no-drag;grid-template-columns:minmax(0,700px);justify-self:center;align-items:center;display:grid;position:relative}.search-zone .search{width:100%;transform:none}.search *,.search-zone,.search-zone *,.topbar-app-actions,.topbar-app-actions *,.top-actions,.top-actions *{-webkit-app-region:no-drag}.search input,.list-search input,.form-field input{width:100%;min-width:0;color:var(--fg);letter-spacing:0;background:0 0;border:0;outline:0}.search input::placeholder,.list-search input::placeholder,.form-field input::placeholder{color:var(--muted-text)}@supports (color:color-mix(in lab, red, red)){.search input::placeholder,.list-search input::placeholder,.form-field input::placeholder{color:color-mix(in oklch, var(--muted-text) 72%, transparent)}}.search-upload,.icon-btn,.bulk-action,.modal-action{background:linear-gradient(180deg, color(display-p3 1 1 1/.09), color(display-p3 1 1 1/.02)), var(--surface);border:1px solid color(display-p3 1 1 1/.1);border:1px solid lab(100% 0 0/.1);border-color:oklch(100% 5.96046e-8 none/.1) oklch(100% 5.96046e-8 none/.1) oklch(100% 5.96046e-8 none/.1) oklch(100% 5.96046e-8 none/.1);border-color:oklch(100% 5.96046e-8 none/.1) oklch(100% 5.96046e-8 none/.1) oklch(100% 5.96046e-8 none/.1) oklch(100% 5.96046e-8 none/.1)}@supports (color:lab(0% 0 0)){.search-upload,.icon-btn,.bulk-action,.modal-action{background:linear-gradient(180deg, lab(100% 0 0/.09), lab(100% 0 0/.02)), var(--surface)}}@supports (color:color-mix(in lab, red, red)){.search-upload,.icon-btn,.bulk-action,.modal-action{background:linear-gradient(180deg, lab(100% 0 0/.09), lab(100% 0 0/.02)), color-mix(in oklch, var(--surface) 54%, transparent)}}.search-upload,.icon-btn,.bulk-action,.modal-action{-webkit-backdrop-filter:blur(16px)saturate(1.1);backdrop-filter:blur(16px)saturate(1.1);transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;box-shadow:inset 0 1px color(display-p3 1 1 1/.1),0 10px 22px color(display-p3 0 0 0/.129412);box-shadow:inset 0 1px lab(100% 0 0/.1),0 10px 22px lab(0% 0 0/.129412)}.search-upload:hover,.icon-btn:hover,.icon-btn.active,.bulk-action:hover,.modal-action:hover{border-color:var(--accent-cyan);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.search-upload:hover,.icon-btn:hover,.icon-btn.active,.bulk-action:hover,.modal-action:hover{border-color:color-mix(in oklch, var(--accent-cyan) 34%, white 8%)}}.search-upload:hover,.icon-btn:hover,.icon-btn.active,.bulk-action:hover,.modal-action:hover{background:linear-gradient(180deg, color(display-p3 1 1 1/.12), color(display-p3 1 1 1/.04)), var(--accent-cyan)}@supports (color:lab(0% 0 0)){.search-upload:hover,.icon-btn:hover,.icon-btn.active,.bulk-action:hover,.modal-action:hover{background:linear-gradient(180deg, lab(100% 0 0/.12), lab(100% 0 0/.04)), var(--accent-cyan)}}@supports (color:color-mix(in lab, red, red)){.search-upload:hover,.icon-btn:hover,.icon-btn.active,.bulk-action:hover,.modal-action:hover{background:linear-gradient(180deg, lab(100% 0 0/.12), lab(100% 0 0/.04)), color-mix(in oklch, var(--accent-cyan) 8%, var(--surface) 54%)}}.search-leading{color:var(--fg)}@supports (color:color-mix(in lab, red, red)){.search-leading{color:color-mix(in oklch, var(--fg) 84%, transparent)}}.search-divider{background:var(--fg);width:1px;height:26px}@supports (color:color-mix(in lab, red, red)){.search-divider{background:color-mix(in oklch, var(--fg) 24%, transparent)}}.search-divider{box-shadow:1px 0 color(display-p3 0 0 0/.2);box-shadow:1px 0 lab(0% 0 0/.2)}.search-upload{width:38px;height:38px;color:var(--fg);border:0;border-radius:999px;place-items:center;padding:0;display:grid}@supports (color:color-mix(in lab, red, red)){.search-upload{color:color-mix(in oklch, var(--fg) 82%, transparent)}}.search-upload{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;cursor:pointer;background:0 0}.search-upload:hover{color:var(--fg);background:color(display-p3 1 1 1/.09);background:lab(100% 0 0/.09);transform:none;box-shadow:inset 0 1px color(display-p3 1 1 1/.08);box-shadow:inset 0 1px lab(100% 0 0/.08)}.top-actions{z-index:2;flex-wrap:nowrap;flex:none;justify-content:flex-end;place-self:stretch end;gap:8px;min-width:138px;height:calc(100% + 24px);margin-block-start:-14px;margin-block-end:-10px;position:relative}.icon-btn{cursor:pointer;border-radius:15px;place-items:center;width:42px;height:42px;padding:0;display:grid}.notification-anchor{z-index:90;align-self:center;place-items:center;display:grid;position:relative}.notification-trigger{position:relative}.notification-badge{color:#061014;background:var(--accent-cyan);min-width:18px;height:18px;box-shadow:0 0 18px var(--accent-cyan);border:1px solid color(display-p3 1 1 1/.34);border:1px solid lab(100% 0 0/.34);border-color:oklch(100% 5.96046e-8 none/.34) oklch(100% 5.96046e-8 none/.34) oklch(100% 5.96046e-8 none/.34) oklch(100% 5.96046e-8 none/.34);border-color:oklch(100% 5.96046e-8 none/.34) oklch(100% 5.96046e-8 none/.34) oklch(100% 5.96046e-8 none/.34) oklch(100% 5.96046e-8 none/.34);border-radius:999px;place-items:center;display:grid;position:absolute;top:-4px;right:-4px}@supports (color:color-mix(in lab, red, red)){.notification-badge{box-shadow:0 0 18px color-mix(in oklch, var(--accent-cyan) 44%, transparent)}}.notification-badge{font-size:10px;font-weight:760;line-height:1}.notification-panel{z-index:120;background:linear-gradient(180deg, color(display-p3 1 1 1/.08), color(display-p3 0 0 0/.11)), var(--surface);border:1px solid color(display-p3 .715588 .715588 .715588/.18);border:1px solid lab(74.2223% -.0000298023 0/.18);border-color:oklch(77.7778% 5.96046e-8 none/.18) oklch(77.7778% 5.96046e-8 none/.18) oklch(77.7778% 5.96046e-8 none/.18) oklch(77.7778% 5.96046e-8 none/.18);border-color:oklch(77.7778% 5.96046e-8 none/.18) oklch(77.7778% 5.96046e-8 none/.18) oklch(77.7778% 5.96046e-8 none/.18) oklch(77.7778% 5.96046e-8 none/.18);border-radius:18px;width:min(342px,100vw - 28px);max-height:calc(100vh - 84px);padding:12px;position:fixed;top:64px;right:12px;overflow:auto}@supports (color:lab(0% 0 0)){.notification-panel{background:linear-gradient(180deg, lab(100% 0 0/.08), lab(0% 0 0/.11)), var(--surface)}}@supports (color:color-mix(in lab, red, red)){.notification-panel{background:linear-gradient(180deg, lab(100% 0 0/.08), lab(0% 0 0/.11)), color-mix(in oklch, var(--surface) 94%, black 6%)}}.notification-panel{-webkit-backdrop-filter:blur(16px)saturate(1.08);box-shadow:0 26px 64px color(display-p3 0 0 0/.560784),inset 0 1px color(display-p3 1 1 1/.14);box-shadow:0 26px 64px lab(0% 0 0/.560784),inset 0 1px lab(100% 0 0/.14)}.notification-panel button,.toast button,.settings-changelog button{-webkit-user-select:none;user-select:none}.notification-head{justify-content:space-between;align-items:center;gap:12px;padding:2px 2px 10px;display:flex}.notification-head strong{font-size:13px}.notification-head span,.notification-empty{color:var(--muted-text)}@supports (color:color-mix(in lab, red, red)){.notification-head span,.notification-empty{color:color-mix(in oklch, var(--muted-text) 82%, transparent)}}.notification-head span,.notification-empty{font-size:12px}.notification-list{gap:8px;display:grid}.notification-item{background:linear-gradient(180deg, color(display-p3 1 1 1/.06), color(display-p3 0 0 0/.05)), var(--surface);border:1px solid color(display-p3 1 1 1/.08);border:1px solid lab(100% 0 0/.08);border-color:oklch(100% 5.96046e-8 none/.08) oklch(100% 5.96046e-8 none/.08) oklch(100% 5.96046e-8 none/.08) oklch(100% 5.96046e-8 none/.08);border-color:oklch(100% 5.96046e-8 none/.08) oklch(100% 5.96046e-8 none/.08) oklch(100% 5.96046e-8 none/.08) oklch(100% 5.96046e-8 none/.08);border-radius:14px;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:9px 10px;display:grid}@supports (color:lab(0% 0 0)){.notification-item{background:linear-gradient(180deg, lab(100% 0 0/.06), lab(0% 0 0/.05)), var(--surface)}}@supports (color:color-mix(in lab, red, red)){.notification-item{background:linear-gradient(180deg, lab(100% 0 0/.06), lab(0% 0 0/.05)), color-mix(in oklch, var(--surface) 92%, black 8%)}}.notification-item{box-shadow:inset 0 1px color(display-p3 1 1 1/.09);box-shadow:inset 0 1px lab(100% 0 0/.09)}.notification-item>span:not(.notification-dot){gap:3px;min-width:0;display:grid}.notification-item strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.notification-title-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;display:grid}.notification-item strong{font-size:12px}.notification-title-row time{color:var(--muted-text)}@supports (color:color-mix(in lab, red, red)){.notification-title-row time{color:color-mix(in oklch, var(--muted-text) 78%, transparent)}}.notification-title-row time{font-size:10px;font-weight:760;line-height:1}.notification-body{color:var(--muted-text);overflow-wrap:anywhere;text-overflow:initial;white-space:normal;font-size:11px;line-height:1.35;display:block;overflow:visible}.notification-dot{background:var(--fg);border-radius:50%;width:9px;height:9px}@supports (color:color-mix(in lab, red, red)){.notification-dot{background:color-mix(in oklch, var(--fg) 38%, transparent)}}.notification-item.active .notification-dot{background:var(--accent-cyan);box-shadow:0 0 16px var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.notification-item.active .notification-dot{box-shadow:0 0 16px color-mix(in oklch, var(--accent-cyan) 62%, transparent)}}.notification-item.active .notification-dot{animation:1.1s ease-in-out infinite activePulse}.notification-item.success .notification-dot{background:#49e08b}.notification-item.error .notification-dot{background:var(--destructive)}.notification-action,.toast-action{border:1px solid var(--accent-cyan);min-height:30px;padding:0 12px}@supports (color:color-mix(in lab, red, red)){.notification-action,.toast-action{border:1px solid color-mix(in oklch, var(--accent-cyan) 40%, white 6%)}}.notification-action,.toast-action{color:#071014;background:linear-gradient(135deg, color(display-p3 1 1 1/.44), transparent 42%), var(--accent-cyan);box-shadow:0 0 18px var(--accent-cyan), inset 0 1px 0 #ffffff85;border-radius:999px}@supports (color:lab(0% 0 0)){.notification-action,.toast-action{background:linear-gradient(135deg, lab(100% 0 0/.44), transparent 42%), var(--accent-cyan)}}@supports (color:color-mix(in lab, red, red)){.notification-action,.toast-action{box-shadow:0 0 18px color-mix(in oklch, var(--accent-cyan) 18%, transparent), inset 0 1px 0 lab(100% 0 0/.52)}}.notification-action,.toast-action{cursor:pointer;font-size:11px;font-weight:780}.notification-action:hover,.toast-action:hover{box-shadow:0 0 24px var(--accent-cyan), inset 0 1px 0 #ffffffa3;transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.notification-action:hover,.toast-action:hover{box-shadow:0 0 24px color-mix(in oklch, var(--accent-cyan) 28%, transparent), inset 0 1px 0 lab(100% 0 0/.64)}}.notification-empty{border:1px dashed color(display-p3 1 1 1/.11);border:1px dashed lab(100% 0 0/.11);border-color:oklch(100% 5.96046e-8 none/.11) oklch(100% 5.96046e-8 none/.11) oklch(100% 5.96046e-8 none/.11) oklch(100% 5.96046e-8 none/.11);border-color:oklch(100% 5.96046e-8 none/.11) oklch(100% 5.96046e-8 none/.11) oklch(100% 5.96046e-8 none/.11) oklch(100% 5.96046e-8 none/.11);border-radius:14px;place-items:center;min-height:72px;display:grid}.library{flex-direction:column;grid-area:2/1/-1/2;gap:16px;padding:20px 16px 114px;display:flex;overflow:hidden}.mobile-library-rail{display:none}.section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:0}.library h2{font-size:24px;font-weight:650;line-height:1.1}.playlist-stack,.track-table{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:transparent transparent}.playlist-stack{overscroll-behavior:contain;min-height:0;padding-bottom:0;padding-right:4px;scroll-padding-bottom:112px;overflow:auto}.playlist-stack.has-overflow{padding-bottom:112px;-webkit-mask-image:linear-gradient(#000 0 calc(100% - 142px),#00000047 calc(100% - 70px),#0000 100%);mask-image:linear-gradient(#000 0 calc(100% - 142px),#00000047 calc(100% - 70px),#0000 100%)}.playlist-stack::-webkit-scrollbar{width:3px;height:3px}.track-table::-webkit-scrollbar{width:3px;height:3px}.playlist-stack::-webkit-scrollbar-track{background:0 0}.track-table::-webkit-scrollbar-track{background:0 0}.playlist-stack::-webkit-scrollbar-thumb{background:0 0;border-radius:999px;transition:background-color .18s}.track-table::-webkit-scrollbar-thumb{background:0 0;border-radius:999px;transition:background-color .18s}.playlist-stack.is-scrolling,.track-table.is-scrolling{scrollbar-color:var(--fg) transparent}@supports (color:color-mix(in lab, red, red)){.playlist-stack.is-scrolling,.track-table.is-scrolling{scrollbar-color:color-mix(in oklch, var(--fg) 18%, transparent) transparent}}.playlist-stack.is-scrolling::-webkit-scrollbar-thumb{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.playlist-stack.is-scrolling::-webkit-scrollbar-thumb{background:color-mix(in oklch, var(--fg) 18%, transparent)}}.track-table.is-scrolling::-webkit-scrollbar-thumb{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.track-table.is-scrolling::-webkit-scrollbar-thumb{background:color-mix(in oklch, var(--fg) 18%, transparent)}}.playlist-stack.reorder-scroll-locked,.track-table.reorder-scroll-locked,.mobile-playlist-scroll.reorder-scroll-locked{overscroll-behavior:contain;scroll-snap-type:none;touch-action:none}.playlist-stack.reorder-prehold-scrolling,.track-table.reorder-prehold-scrolling,.mobile-playlist-scroll.reorder-prehold-scrolling{overscroll-behavior:contain;scroll-behavior:auto;scroll-snap-type:none}html.mobile-reorder-active,html.mobile-reorder-active body{overscroll-behavior:none}.playlist,.track-row{isolation:isolate;background:linear-gradient(180deg, color(display-p3 1 1 1/.07), color(display-p3 1 1 1/.02)), var(--surface);border:1px solid color(display-p3 1 1 1/.08);border:1px solid lab(100% 0 0/.08);border-color:oklch(100% 5.96046e-8 none/.08) oklch(100% 5.96046e-8 none/.08) oklch(100% 5.96046e-8 none/.08) oklch(100% 5.96046e-8 none/.08);border-color:oklch(100% 5.96046e-8 none/.08) oklch(100% 5.96046e-8 none/.08) oklch(100% 5.96046e-8 none/.08) oklch(100% 5.96046e-8 none/.08);width:100%;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.playlist,.track-row{background:linear-gradient(180deg, lab(100% 0 0/.07), lab(100% 0 0/.02)), var(--surface)}}@supports (color:color-mix(in lab, red, red)){.playlist,.track-row{background:linear-gradient(180deg, lab(100% 0 0/.07), lab(100% 0 0/.02)), color-mix(in oklch, var(--surface) 58%, transparent)}}.playlist,.track-row{-webkit-backdrop-filter:blur(18px)saturate(1.12);backdrop-filter:blur(18px)saturate(1.12);text-align:left;cursor:pointer;touch-action:pan-y;transform:translateZ(0);box-shadow:inset 0 1px color(display-p3 1 1 1/.1),0 12px 26px color(display-p3 0 0 0/.160784);box-shadow:inset 0 1px lab(100% 0 0/.1),0 12px 26px lab(0% 0 0/.160784)}.playlist.reorderable,.track-row.reorderable{touch-action:none}.playlist{border-radius:18px;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:10px;padding:9px;display:grid}.playlist-reorder-group{display:block}.mobile-playlist-reorder-group{display:contents}.track-reorder-group{display:block}.playlist:hover,.track-row:hover{border-color:var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.playlist:hover,.track-row:hover{border-color:color-mix(in oklch, var(--accent-cyan) 52%, white 16%)}}.playlist:hover,.track-row:hover{background:radial-gradient(ellipse at 16% 48%, var(--accent-cyan), transparent 62%), linear-gradient(180deg, #ffffff21, #ffffff0a), var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.playlist:hover,.track-row:hover{background:radial-gradient(ellipse at 16% 48%, color-mix(in oklch, var(--accent-cyan) 22%, transparent), transparent 62%), linear-gradient(180deg, lab(100% 0 0/.13), lab(100% 0 0/.04)), color-mix(in oklch, var(--accent-cyan) 10%, var(--surface) 58%)}}.playlist.dragging{border-color:var(--accent-cyan);overflow:visible;z-index:30!important}@supports (color:color-mix(in lab, red, red)){.playlist.dragging{border-color:color-mix(in oklch, var(--accent-cyan) 62%, white 12%)}}.playlist.dragging{background:linear-gradient(180deg, color(display-p3 1 1 1/.12), color(display-p3 1 1 1/.04)), var(--surface)}@supports (color:lab(0% 0 0)){.playlist.dragging{background:linear-gradient(180deg, lab(100% 0 0/.12), lab(100% 0 0/.04)), var(--surface)}}@supports (color:color-mix(in lab, red, red)){.playlist.dragging{background:linear-gradient(180deg, lab(100% 0 0/.12), lab(100% 0 0/.04)), color-mix(in oklch, var(--surface) 86%, black 14%)}}.playlist.dragging{box-shadow:0 22px 46px #0000006b, 0 0 18px var(--accent-cyan), inset 0 1px 0 #ffffff2e}@supports (color:color-mix(in lab, red, red)){.playlist.dragging{box-shadow:0 22px 46px #0000006b, 0 0 18px color-mix(in oklch, var(--accent-cyan) 18%, transparent), inset 0 1px 0 lab(100% 0 0/.18)}}.playlist.dragging{cursor:grabbing;-webkit-backdrop-filter:blur(16px)saturate(1.12);backdrop-filter:blur(16px)saturate(1.12)}.track-row.dragging{border-color:var(--accent-cyan);overflow:visible;z-index:35!important}@supports (color:color-mix(in lab, red, red)){.track-row.dragging{border-color:color-mix(in oklch, var(--accent-cyan) 62%, white 12%)}}.track-row.dragging{background:radial-gradient(ellipse at 18% 52%, var(--accent-cyan), transparent 64%), linear-gradient(180deg, #ffffff24, #ffffff0a), var(--surface)}@supports (color:color-mix(in lab, red, red)){.track-row.dragging{background:radial-gradient(ellipse at 18% 52%, color-mix(in oklch, var(--accent-cyan) 28%, transparent), transparent 64%), linear-gradient(180deg, lab(100% 0 0/.14), lab(100% 0 0/.04)), color-mix(in oklch, var(--surface) 82%, black 10%)}}.track-row.dragging{box-shadow:0 18px 38px #00000052, 0 0 16px var(--accent-cyan), inset 0 1px 0 #ffffff2e}@supports (color:color-mix(in lab, red, red)){.track-row.dragging{box-shadow:0 18px 38px #00000052, 0 0 16px color-mix(in oklch, var(--accent-cyan) 16%, transparent), inset 0 1px 0 lab(100% 0 0/.18)}}.track-row.dragging{cursor:grabbing;-webkit-backdrop-filter:blur(16px)saturate(1.12);backdrop-filter:blur(16px)saturate(1.12)}.playlist.fresh-entry,.track-row.fresh-entry{border-color:var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.playlist.fresh-entry,.track-row.fresh-entry{border-color:color-mix(in oklch, var(--accent-cyan) 72%, white 20%)}}.playlist.fresh-entry,.track-row.fresh-entry{animation:2.2s ease-out both freshEntryGlow}.playlist.fresh-entry{background:radial-gradient(ellipse at 82% 24%, var(--accent-hot), transparent 48%), radial-gradient(ellipse at 18% 48%, var(--accent-cyan), transparent 58%), linear-gradient(180deg, #ffffff24, #ffffff0a), var(--surface)}@supports (color:color-mix(in lab, red, red)){.playlist.fresh-entry{background:radial-gradient(ellipse at 82% 24%, color-mix(in oklch, var(--accent-hot) 18%, transparent), transparent 48%), radial-gradient(ellipse at 18% 48%, color-mix(in oklch, var(--accent-cyan) 26%, transparent), transparent 58%), linear-gradient(180deg, lab(100% 0 0/.14), lab(100% 0 0/.04)), color-mix(in oklch, var(--surface) 78%, black 8%)}}.playlist.fresh-entry:after,.track-row.fresh-entry:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(ellipse at 18% 48%, var(--accent-cyan), transparent 52%), linear-gradient(90deg, transparent 0 18%, #ffffff2e 22%, transparent 34% 100%);position:absolute;top:-38%;bottom:-38%;left:-38%;right:-38%}@supports (color:color-mix(in lab, red, red)){.playlist.fresh-entry:after,.track-row.fresh-entry:after{background:radial-gradient(ellipse at 18% 48%, color-mix(in oklch, var(--accent-cyan) 28%, transparent), transparent 52%), linear-gradient(90deg, transparent 0 18%, #ffffff2e 22%, transparent 34% 100%)}}.playlist.fresh-entry:after,.track-row.fresh-entry:after{opacity:0;filter:blur(18px);mix-blend-mode:screen;animation:1.9s cubic-bezier(.16,1,.3,1) both freshFogGlitch}.playlist.fresh-entry>*,.track-row.fresh-entry>*{z-index:1;position:relative}.track-row.redownloaded-entry{background:radial-gradient(ellipse at 18% 50%, color(display-p3 .946376 .633587 .320834/.26), transparent 56%), linear-gradient(180deg, color(display-p3 1 1 1/.11), color(display-p3 1 1 1/.03)), var(--surface);border-color:color(display-p3 .958024 .690111 .432954/.82);border-color:lab(77.8583% 26.6985 50.9784/.82)}@supports (color:lab(0% 0 0)){.track-row.redownloaded-entry{background:radial-gradient(ellipse at 18% 50%, lab(73.9994% 32.3309 63.2987/.26), transparent 56%), linear-gradient(180deg, lab(100% 0 0/.11), lab(100% 0 0/.03)), var(--surface)}}@supports (color:color-mix(in lab, red, red)){.track-row.redownloaded-entry{background:radial-gradient(ellipse at 18% 50%, lab(73.9994% 32.3309 63.2987/.26), transparent 56%), linear-gradient(180deg, lab(100% 0 0/.11), lab(100% 0 0/.03)), color-mix(in oklch, var(--surface) 74%, black 8%)}}.track-row.redownloaded-entry{box-shadow:inset 0 0 0 1px color(display-p3 .946376 .633587 .320834/.18),inset 0 1px color(display-p3 1 1 1/.16),0 0 24px color(display-p3 .946376 .633587 .320834/.14);box-shadow:inset 0 0 0 1px lab(73.9994% 32.3309 63.2987/.18),inset 0 1px lab(100% 0 0/.16),0 0 24px lab(73.9994% 32.3309 63.2987/.14)}.track-row.redownloaded-entry:before{content:"";z-index:0;pointer-events:none;border-radius:inherit;opacity:.78;background:linear-gradient(90deg,color(display-p3 .946376 .633587 .320834/.22),#0000 48%);background:linear-gradient(90deg,lab(73.9994% 32.3309 63.2987/.22),#0000 48%);animation:2.2s ease-in-out infinite redownloadedTrackPulse;position:absolute;top:1px;bottom:1px;left:1px;right:1px}.track-row.redownloaded-entry>*{z-index:1;position:relative}.playlist.active,.track-row.active,.track-row.selected{border-color:var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.playlist.active,.track-row.active,.track-row.selected{border-color:color-mix(in oklch, var(--accent-cyan) 48%, white 12%)}}.playlist.active,.track-row.active,.track-row.selected{background:linear-gradient(180deg, color(display-p3 1 1 1/.08), color(display-p3 1 1 1/.02)), var(--bg)}@supports (color:lab(0% 0 0)){.playlist.active,.track-row.active,.track-row.selected{background:linear-gradient(180deg, lab(100% 0 0/.08), lab(100% 0 0/.02)), var(--bg)}}@supports (color:color-mix(in lab, red, red)){.playlist.active,.track-row.active,.track-row.selected{background:linear-gradient(180deg, lab(100% 0 0/.08), lab(100% 0 0/.02)), color-mix(in oklch, var(--bg) 72%, var(--surface) 28%)}}.playlist.active,.track-row.active,.track-row.selected{-webkit-backdrop-filter:none;backdrop-filter:none}.track-row.active{border-color:var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.track-row.active{border-color:color-mix(in oklch, var(--accent-cyan) 72%, white 14%)}}.track-row.active{background:radial-gradient(ellipse at 20% 50%, var(--accent-cyan), transparent 54%), radial-gradient(ellipse at 70% 45%, var(--accent-blue), transparent 58%), linear-gradient(180deg, #ffffff1f, #ffffff08), var(--bg)}@supports (color:color-mix(in lab, red, red)){.track-row.active{background:radial-gradient(ellipse at 20% 50%, color-mix(in oklch, var(--accent-cyan) 25%, transparent), transparent 54%), radial-gradient(ellipse at 70% 45%, color-mix(in oklch, var(--accent-blue) 13%, transparent), transparent 58%), linear-gradient(180deg, lab(100% 0 0/.12), lab(100% 0 0/.03)), color-mix(in oklch, var(--bg) 62%, var(--surface) 38%)}}.track-row.active{box-shadow:inset 0 0 0 1px var(--accent-cyan), inset 0 1px 0 #ffffff2e, inset 0 0 34px var(--accent-cyan), 0 12px 30px #0003}@supports (color:color-mix(in lab, red, red)){.track-row.active{box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--accent-cyan) 18%, transparent), inset 0 1px 0 lab(100% 0 0/.18), inset 0 0 34px color-mix(in oklch, var(--accent-cyan) 13%, transparent), 0 12px 30px #0003}}.track-row.active:before{content:"";z-index:0;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg, var(--accent-cyan), transparent 44%), radial-gradient(ellipse at 16% 50%, #ffffff1f, transparent 48%);position:absolute;top:1px;bottom:1px;left:1px;right:1px}@supports (color:color-mix(in lab, red, red)){.track-row.active:before{background:linear-gradient(90deg, color-mix(in oklch, var(--accent-cyan) 17%, transparent), transparent 44%), radial-gradient(ellipse at 16% 50%, #ffffff1f, transparent 48%)}}.track-row.active:before{opacity:.82;animation:2.6s ease-in-out infinite activeTrackInnerPulse}.track-row.active>*{z-index:1;position:relative}.track-row.active .track-name strong{text-shadow:0 0 14px var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.track-row.active .track-name strong{text-shadow:0 0 14px color-mix(in oklch, var(--accent-cyan) 20%, transparent)}}.playlist.active:after,.track-row.active:after,.track-row.selected:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 22% 50%, var(--accent-cyan), transparent 58%);position:absolute;top:-20px;bottom:-20px;left:-10px;right:-10px}@supports (color:color-mix(in lab, red, red)){.playlist.active:after,.track-row.active:after,.track-row.selected:after{background:radial-gradient(ellipse at 22% 50%, color-mix(in oklch, var(--accent-cyan) 28%, transparent), transparent 58%)}}.playlist.active:after,.track-row.active:after,.track-row.selected:after{filter:blur(20px);opacity:.48;animation:4.8s ease-in-out infinite selectedMistDrift;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 12% 76%,#0000 94%);mask-image:linear-gradient(90deg,#0000 0,#000 12% 76%,#0000 94%)}@keyframes activeTrackInnerPulse{0%,to{opacity:.58;transform:translate(-4px)}50%{opacity:.92;transform:translate(4px)}}@keyframes redownloadedTrackPulse{0%,to{opacity:.48;transform:translate(-8px)}50%{opacity:.9;transform:translate(0)}}@keyframes selectedMistDrift{0%,to{opacity:.36;transform:translate(-7px)scale(.98)}50%{opacity:.58;transform:translate(5px)scale(1.02)}}.mini-cover,.cover{background:#222;border-radius:16px;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:inset 0 1px #ffffff29}.mini-cover{flex:none;width:54px;height:54px}.mini-cover img,.cover img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.mini-cover.has-image,.cover.has-image{background:color(display-p3 .126812 .133179 .161922);background:lab(13.2859% .662401 -5.663)}.cover.has-image:before,.mini-cover.has-image:before,.cover.has-image:after,.mini-cover.has-image:after{content:none}.cover:before,.mini-cover:before{content:"";opacity:.74;border:1px solid #ffffff52;border-radius:50%;position:absolute;top:13%;bottom:13%;left:13%;right:13%}.cover:after,.mini-cover:after{content:"";background:#ffffffe6;border-radius:50%;position:absolute;top:38%;bottom:38%;left:38%;right:38%;box-shadow:0 0 28px #ffffff38}.art-violet{background:radial-gradient(circle at 34% 24%,#f3c5ff,#0000 21%),linear-gradient(145deg,#171021,#7354ff 44%,#ff6fd8)}.art-blue{background:radial-gradient(circle at 30% 24%,#d9fbff,#0000 18%),linear-gradient(140deg,#0c152e,#4576ff 46%,#7de2ff)}.art-gold{background:radial-gradient(circle at 34% 28%,#fff6c8,#0000 20%),linear-gradient(145deg,#3b220c,#f0b94a 48%,#ff6f6f)}.art-mono{background:radial-gradient(circle at 74% 18%,#e7e3ff,#0000 18%),linear-gradient(135deg,#e8e9ed,#5c6075 46%,#11131b)}.art-red{background:radial-gradient(circle at 32% 28%,#ffc5c5,#0000 18%),linear-gradient(140deg,#170b10,#e93969 48%,#2c1029)}.playlist-title{min-width:0}.playlist.fresh-entry .playlist-title{padding-right:48px}.playlist-fresh-badge{z-index:3;border:1px solid var(--accent-cyan);place-items:center;min-width:36px;height:22px;padding:0 8px;display:inline-grid;position:absolute;top:9px;right:9px}@supports (color:color-mix(in lab, red, red)){.playlist-fresh-badge{border:1px solid color-mix(in oklch, var(--accent-cyan) 64%, white 16%)}}.playlist-fresh-badge{color:#fff;border-radius:999px}@supports (color:color-mix(in lab, red, red)){.playlist-fresh-badge{color:color-mix(in oklch, white 92%, var(--accent-cyan))}}.playlist-fresh-badge{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-hot))}@supports (color:color-mix(in lab, red, red)){.playlist-fresh-badge{background:linear-gradient(135deg, color-mix(in oklch, var(--accent-cyan) 38%, black 12%), color-mix(in oklch, var(--accent-hot) 20%, black 22%))}}.playlist-fresh-badge{box-shadow:0 0 18px var(--accent-cyan), inset 0 1px 0 #ffffff57}@supports (color:color-mix(in lab, red, red)){.playlist-fresh-badge{box-shadow:0 0 18px color-mix(in oklch, var(--accent-cyan) 32%, transparent), inset 0 1px 0 lab(100% 0 0/.34)}}.playlist-fresh-badge{letter-spacing:0;pointer-events:none;font-size:11px;font-weight:800;line-height:1;animation:.68s cubic-bezier(.16,1,.3,1) both playlistFreshBadgeIn}.playlist-menu-trigger{z-index:4;width:30px;height:30px;color:var(--muted-text);border:0;border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;right:8px}@supports (color:color-mix(in lab, red, red)){.playlist-menu-trigger{color:color-mix(in oklch, var(--muted-text) 88%, transparent)}}.playlist-menu-trigger{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.playlist-menu-trigger{background:color-mix(in oklch, var(--fg) 6%, transparent)}}.playlist-menu-trigger{cursor:pointer;transform:translateY(-50%)}.playlist-menu-trigger:hover{color:var(--fg);background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.playlist-menu-trigger:hover{background:color-mix(in oklch, var(--fg) 11%, transparent)}}.playlist-menu-trigger svg{width:18px;height:18px}.playlist:has(.playlist-menu-trigger) .playlist-title{padding-right:34px}.playlist-title strong,.track-name strong,.current strong{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-weight:620;display:block;overflow:hidden}.playlist-title strong,.track-name strong{font-size:15px}.playlist-title span,.track-name>span,.track-meta,.current span{color:var(--fg)}@supports (color:color-mix(in lab, red, red)){.playlist-title span,.track-name>span,.track-meta,.current span{color:color-mix(in oklch, var(--fg) 76%, transparent)}}.playlist-title span,.track-name>span,.track-meta,.current span{font-size:13px}.stage{grid-area:2/2/3/-1;grid-template-rows:166px 34px auto minmax(0,1fr);gap:12px;min-width:0;padding:16px 18px 112px;display:grid;position:relative;overflow:hidden}.stage-compact{grid-template-rows:34px minmax(0,1fr);gap:10px;padding-top:18px}.stage-compact.selection-open{grid-template-rows:34px auto minmax(0,1fr)}.stage-compact .playlist-view{grid-row:2}.stage-compact.selection-open .playlist-view{grid-row:3}.hero{border:1px solid var(--line);background:linear-gradient(180deg, color(display-p3 1 1 1/.08), transparent 46%), linear-gradient(135deg, var(--fg), var(--surface));border-radius:24px;min-height:164px;padding:12px 16px;display:block;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.hero{background:linear-gradient(180deg, lab(100% 0 0/.08), transparent 46%), linear-gradient(135deg, var(--fg), var(--surface))}}@supports (color:color-mix(in lab, red, red)){.hero{background:linear-gradient(180deg, lab(100% 0 0/.08), transparent 46%), linear-gradient(135deg, color-mix(in oklch, var(--fg) 9%, transparent), color-mix(in oklch, var(--surface) 88%, black 12%))}}.hero{contain:paint;box-shadow:inset 0 1px #ffffff1f}.hero-copy{pointer-events:none;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px;min-width:0;display:none}.hero h1{text-align:left;white-space:nowrap;max-width:12ch;font-size:max(31px,min(2.8vw,42px));font-weight:700;line-height:.98;overflow:visible}.primary{color:#061118;background:linear-gradient(180deg, color(display-p3 1 1 1/.28), color(display-p3 1 1 1/.08)), var(--accent-cyan);border:1px solid color(display-p3 1 1 1/.26);border:1px solid lab(100% 0 0/.26);border-color:oklch(100% 5.96046e-8 none/.26) oklch(100% 5.96046e-8 none/.26) oklch(100% 5.96046e-8 none/.26) oklch(100% 5.96046e-8 none/.26);border-color:oklch(100% 5.96046e-8 none/.26) oklch(100% 5.96046e-8 none/.26) oklch(100% 5.96046e-8 none/.26) oklch(100% 5.96046e-8 none/.26);border-radius:999px;justify-content:center;align-items:center;gap:10px;min-width:160px;height:52px;padding:0 22px;display:inline-flex}@supports (color:lab(0% 0 0)){.primary{background:linear-gradient(180deg, lab(100% 0 0/.28), lab(100% 0 0/.08)), var(--accent-cyan)}}@supports (color:color-mix(in lab, red, red)){.primary{background:linear-gradient(180deg, lab(100% 0 0/.28), lab(100% 0 0/.08)), color-mix(in oklch, var(--accent-cyan) 62%, var(--fg) 20%)}}.primary{box-shadow:inset 0 1px 0 color(display-p3 1 1 1/.34), 0 16px 34px var(--accent-cyan)}@supports (color:lab(0% 0 0)){.primary{box-shadow:inset 0 1px 0 lab(100% 0 0/.34), 0 16px 34px var(--accent-cyan)}}@supports (color:color-mix(in lab, red, red)){.primary{box-shadow:inset 0 1px 0 lab(100% 0 0/.34), 0 16px 34px color-mix(in oklch, var(--accent-cyan) 18%, transparent)}}.primary{cursor:pointer;font-size:14px;font-weight:720}.primary:disabled{cursor:default;opacity:.58}.hero-secondary{color:color(display-p3 .927256 .997252 .975683/.94);color:lab(98.1954% -8.57317 .406897/.94);background:linear-gradient(180deg, color(display-p3 .732294 .990993 .842539/.1), transparent), var(--surface);border:1px solid color(display-p3 .732294 .990993 .842539/.24);border:1px solid lab(93.5709% -34.3697 11.8454/.24);border-radius:999px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 15px;display:inline-flex}@supports (color:lab(0% 0 0)){.hero-secondary{background:linear-gradient(180deg, lab(93.5709% -34.3697 11.8454/.1), transparent), var(--surface)}}@supports (color:color-mix(in lab, red, red)){.hero-secondary{background:linear-gradient(180deg, lab(93.5709% -34.3697 11.8454/.1), transparent), color-mix(in oklch, var(--surface) 70%, #123e35 30%)}}.hero-secondary{cursor:pointer;font-size:12px;font-weight:700}.hero-actions{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin-top:auto}.hero-bottom-actions{z-index:5;pointer-events:auto;width:auto;margin:0;position:absolute;bottom:13px;left:50%;transform:translate(-50%)}.primary.hero-play-action{width:62px;min-width:0;height:48px;box-shadow:inset 0 1px 0 color(display-p3 1 1 1/.38), 0 14px 34px var(--accent-cyan), 0 0 0 1px #b9f7d22e;gap:0;padding:0}@supports (color:lab(0% 0 0)){.primary.hero-play-action{box-shadow:inset 0 1px 0 lab(100% 0 0/.38), 0 14px 34px var(--accent-cyan), 0 0 0 1px #b9f7d22e}}@supports (color:color-mix(in lab, red, red)){.primary.hero-play-action{box-shadow:inset 0 1px 0 lab(100% 0 0/.38), 0 14px 34px color-mix(in oklch, var(--accent-cyan) 22%, transparent), 0 0 0 1px lab(92.3003% -25.7293 11.2493/.18)}}.primary.hero-play-action svg{fill:currentColor;width:22px;height:22px}.hero-secondary-release{color:color(display-p3 .930029 .98349 .997653/.96);color:lab(97.5232% -5.37404 -3.8186/.96);background:linear-gradient(180deg, color(display-p3 .595627 .895991 .987561/.12), transparent), var(--surface);border-color:color(display-p3 .595627 .895991 .987561/.32);border-color:lab(86.0018% -27.07 -21.6376/.32)}@supports (color:lab(0% 0 0)){.hero-secondary-release{background:linear-gradient(180deg, lab(86.0018% -27.07 -21.6376/.12), transparent), var(--surface)}}@supports (color:color-mix(in lab, red, red)){.hero-secondary-release{background:linear-gradient(180deg, lab(86.0018% -27.07 -21.6376/.12), transparent), color-mix(in oklch, var(--surface) 70%, #123247 30%)}}.hero-secondary svg{width:16px;height:16px}.hero-secondary:disabled{cursor:default;opacity:.58}.album-stack{cursor:grab;contain:paint;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;width:100%;min-width:0;height:140px;min-height:140px;margin-left:0;padding:0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#00000038 18px,#00000094 42px,#000000e0 68px,#000 86px calc(100% - 86px),#000000e0 calc(100% - 68px),#00000094 calc(100% - 42px),#00000038 calc(100% - 18px),#0000 100%),linear-gradient(#0000 0,#0000009e 16px,#000 38px calc(100% - 38px),#0000009e calc(100% - 16px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#00000038 18px,#00000094 42px,#000000e0 68px,#000 86px calc(100% - 86px),#000000e0 calc(100% - 68px),#00000094 calc(100% - 42px),#00000038 calc(100% - 18px),#0000 100%),linear-gradient(#0000 0,#0000009e 16px,#000 38px calc(100% - 38px),#0000009e calc(100% - 16px),#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.album-stack.empty{cursor:default}.album-stack.empty .album-track{filter:blur(7px)saturate(.78);opacity:.42}.album-empty-state{z-index:4;text-align:center;pointer-events:none;color:var(--fg);place-content:center;gap:6px;padding:18px min(110px,11vw);display:grid;position:absolute;top:0;bottom:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.album-empty-state{color:color-mix(in oklch, var(--fg) 92%, white 4%)}}.album-empty-state{text-shadow:0 2px 18px var(--bg)}@supports (color:color-mix(in lab, red, red)){.album-empty-state{text-shadow:0 2px 18px color-mix(in oklch, var(--bg) 85%, transparent)}}.album-empty-state strong{font-size:max(18px,min(2vw,26px));font-weight:820}.album-empty-state span{color:var(--fg)}@supports (color:color-mix(in lab, red, red)){.album-empty-state span{color:color-mix(in oklch, var(--fg) 70%, transparent)}}.album-empty-state span{font-size:12px;font-weight:640}.album-track{height:100%;min-height:inherit;cursor:grab;touch-action:pan-y;will-change:transform;align-items:stretch;gap:14px;display:flex;transform:translate(0)}.album-track:active{cursor:grabbing}.album-track.phantom-track{transform:translate(-84px)}.album-card{width:min(444px,100% - 132px);min-width:0;height:138px;color:var(--fg);background:linear-gradient(180deg, #ffffff24, #ffffff0a), var(--fg);border:1px solid #ffffff24;border-radius:22px;flex:0 0 min(444px,100% - 132px);grid-template-rows:1fr auto auto 1fr;grid-template-columns:96px minmax(0,1fr) 56px;place-items:center start;column-gap:16px;padding:12px 16px 12px 12px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.album-card{background:linear-gradient(180deg, #ffffff24, #ffffff0a), color-mix(in oklch, var(--fg) 8%, transparent)}}.album-card{-webkit-backdrop-filter:blur(16px)saturate(1.15);backdrop-filter:blur(16px)saturate(1.15);cursor:pointer;opacity:.62;transition:opacity .36s,border-color .32s,background .32s,box-shadow .32s;transform:translateZ(0)scale(.985);box-shadow:0 18px 38px #00000047,inset 0 1px #ffffff1a}.album-card:after{content:"";background:var(--fg);border-radius:50%;grid-area:1/3/-1;place-self:center end;width:44px;height:44px}@supports (color:color-mix(in lab, red, red)){.album-card:after{background:color-mix(in oklch, var(--fg) 90%, var(--accent-cyan) 10%)}}.album-card:after{clip-path:polygon(34% 25%,34% 75%,75% 50%);box-shadow:0 12px 24px #00000038,inset 0 1px #fff6}.album-card.phantom{pointer-events:none;opacity:.48;filter:saturate(.86)}.album-card.phantom-1{opacity:.34}.album-card.phantom-5{opacity:.24}.album-card.phantom-2,.album-card.phantom-4{opacity:.42}.album-card.phantom:after{opacity:.52}.phantom-copy{grid-area:1/2/-1;align-self:center;gap:10px;width:min(170px,100%);display:grid}.phantom-line{background:linear-gradient(90deg,color(display-p3 1 1 1/.22),color(display-p3 1 1 1/.07));background:linear-gradient(90deg,lab(100% 0 0/.22),lab(100% 0 0/.07));border-radius:999px;width:62%;height:11px;display:block}.phantom-line.wide{background:linear-gradient(90deg, color(display-p3 1 1 1/.3), var(--accent-cyan));width:100%;height:15px}@supports (color:lab(0% 0 0)){.phantom-line.wide{background:linear-gradient(90deg, lab(100% 0 0/.3), var(--accent-cyan))}}@supports (color:color-mix(in lab, red, red)){.phantom-line.wide{background:linear-gradient(90deg, lab(100% 0 0/.3), color-mix(in oklch, var(--accent-cyan) 11%, transparent))}}.album-card.active,.album-card.is-center,.album-card:hover{opacity:1;border-color:var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.album-card.active,.album-card.is-center,.album-card:hover{border-color:color-mix(in oklch, var(--accent-cyan) 66%, white 8%)}}.album-card.active,.album-card.is-center,.album-card:hover{background:linear-gradient(180deg, #ffffff2e, #ffffff0e), var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.album-card.active,.album-card.is-center,.album-card:hover{background:linear-gradient(180deg, #ffffff2e, #ffffff0e), color-mix(in oklch, var(--accent-cyan) 8%, var(--fg) 8%)}}.album-card .cover{border-radius:18px;grid-row:1/-1;width:96px;height:96px}.album-copy{grid-area:1/2/-1;align-self:center;gap:4px;width:100%;min-width:0;display:grid}.album-copy strong,.album-copy>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.album-copy strong{font-size:17px;font-weight:650}.album-copy>span{color:var(--fg)}@supports (color:color-mix(in lab, red, red)){.album-copy>span{color:color-mix(in oklch, var(--fg) 78%, transparent)}}.album-copy>span{font-size:13px}.content-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.content-controls{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.list-refresh-action{color:color(display-p3 .950994 .998096 .971678/.94);color:lab(98.7008% -6.21802 1.85509/.94);background:linear-gradient(180deg, color(display-p3 .776125 .961822 .833645/.17), color(display-p3 1 1 1/.03)), var(--surface);border:1px solid color(display-p3 .802931 .966684 .852891/.43);border:1px solid lab(93.1975% -22.6922 9.92463/.43);border-radius:999px;flex:none;justify-content:center;align-items:center;gap:8px;height:34px;padding:0 13px;display:inline-flex}@supports (color:lab(0% 0 0)){.list-refresh-action{background:linear-gradient(180deg, lab(92.3003% -25.7293 11.2493/.17), lab(100% 0 0/.03)), var(--surface)}}@supports (color:color-mix(in lab, red, red)){.list-refresh-action{background:linear-gradient(180deg, lab(92.3003% -25.7293 11.2493/.17), lab(100% 0 0/.03)), color-mix(in oklch, var(--surface) 72%, #13382f 28%)}}.list-refresh-action{cursor:pointer;font-size:12px;font-weight:780;box-shadow:inset 0 1px color(display-p3 1 1 1/.12),0 10px 24px color(display-p3 .776125 .961822 .833645/.08);box-shadow:inset 0 1px lab(100% 0 0/.12),0 10px 24px lab(92.3003% -25.7293 11.2493/.08)}.list-refresh-action svg{width:15px;height:15px}.release-refresh-action{background:linear-gradient(180deg, color(display-p3 .595627 .895991 .987561/.15), color(display-p3 1 1 1/.03)), var(--surface);border-color:color(display-p3 .646815 .908985 .989557/.43);border-color:lab(87.6373% -24.1035 -19.1918/.43)}@supports (color:lab(0% 0 0)){.release-refresh-action{background:linear-gradient(180deg, lab(86.0018% -27.07 -21.6376/.15), lab(100% 0 0/.03)), var(--surface)}}@supports (color:color-mix(in lab, red, red)){.release-refresh-action{background:linear-gradient(180deg, lab(86.0018% -27.07 -21.6376/.15), lab(100% 0 0/.03)), color-mix(in oklch, var(--surface) 72%, #123247 28%)}}.list-refresh-action:disabled{cursor:default;opacity:.58}.eyebrow{color:var(--fg);font-size:14px;font-weight:650}.segmented{background:var(--bg);border-radius:999px;grid-template-columns:minmax(170px,210px) auto;align-items:center;gap:8px;min-width:346px;padding:5px 6px;display:grid}@supports (color:color-mix(in lab, red, red)){.segmented{background:color-mix(in oklch, var(--bg) 62%, transparent)}}.list-search{border:1px solid var(--fg);grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;height:34px;padding:0 10px;display:grid}@supports (color:color-mix(in lab, red, red)){.list-search{border:1px solid color-mix(in oklch, var(--fg) 8%, transparent)}}.list-search{color:var(--fg);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.list-search{color:color-mix(in oklch, var(--fg) 74%, transparent)}}.list-search{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.list-search{background:color-mix(in oklch, var(--fg) 7%, transparent)}}.segment{height:34px;color:var(--muted-text);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 13px;font-size:12px;font-weight:600;display:inline-flex}.segment svg{width:15px;height:15px}.segment.active{color:var(--fg);background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.segment.active{background:color-mix(in oklch, var(--fg) 12%, transparent)}}.sort-segment{justify-content:center;min-width:96px}.selection-bar{z-index:42;border:1px solid var(--accent-cyan);justify-content:space-between;align-items:center;gap:14px;min-height:54px;margin:-2px 0 10px;padding:8px 10px 8px 14px;display:none;position:relative}@supports (color:color-mix(in lab, red, red)){.selection-bar{border:1px solid color-mix(in oklch, var(--accent-cyan) 22%, white 8%)}}.selection-bar{background:linear-gradient(180deg, color(display-p3 1 1 1/.1), color(display-p3 1 1 1/.03)), var(--surface);border-radius:18px}@supports (color:lab(0% 0 0)){.selection-bar{background:linear-gradient(180deg, lab(100% 0 0/.1), lab(100% 0 0/.03)), var(--surface)}}@supports (color:color-mix(in lab, red, red)){.selection-bar{background:linear-gradient(180deg, lab(100% 0 0/.1), lab(100% 0 0/.03)), color-mix(in oklch, var(--surface) 66%, transparent)}}.selection-bar{-webkit-backdrop-filter:blur(22px)saturate(1.16);backdrop-filter:blur(22px)saturate(1.16);box-shadow:inset 0 1px color(display-p3 1 1 1/.15),0 18px 44px color(display-p3 0 0 0/.219608);box-shadow:inset 0 1px lab(100% 0 0/.15),0 18px 44px lab(0% 0 0/.219608)}.selection-bar.open{display:flex}.selection-summary{flex-direction:column;gap:1px;min-width:124px;font-size:13px;font-weight:650;display:inline-flex}.selection-summary span{color:var(--muted-text);font-size:11px;font-weight:520}.selection-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex;position:relative}.bulk-action,.modal-action{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:36px;padding:0 13px;font-size:12px;font-weight:650;display:inline-flex}.bulk-action:disabled,.modal-action:disabled{cursor:default;opacity:.48;transform:none;box-shadow:inset 0 1px color(display-p3 1 1 1/.06);box-shadow:inset 0 1px lab(100% 0 0/.06)}.bulk-action.select-primary{color:color(display-p3 .904523 .986015 .9481);color:lab(96.8808% -10.4997 2.22213);background:linear-gradient(180deg, color(display-p3 .732294 .990993 .842539/.12), color(display-p3 .732294 .990993 .842539/.03)), var(--surface);border-color:color(display-p3 .732294 .990993 .842539/.32);border-color:lab(93.5709% -34.3697 11.8454/.32)}@supports (color:lab(0% 0 0)){.bulk-action.select-primary{background:linear-gradient(180deg, lab(93.5709% -34.3697 11.8454/.12), lab(93.5709% -34.3697 11.8454/.03)), var(--surface)}}@supports (color:color-mix(in lab, red, red)){.bulk-action.select-primary{background:linear-gradient(180deg, lab(93.5709% -34.3697 11.8454/.12), lab(93.5709% -34.3697 11.8454/.03)), color-mix(in oklch, var(--surface) 76%, #0f3b2a 24%)}}.bulk-action.select-add{color:color(display-p3 .928456 .997304 .976077);color:lab(98.2247% -8.4329 .400245);background:linear-gradient(180deg, color(display-p3 .598547 .957189 .785094/.15), color(display-p3 .598547 .957189 .785094/.04)), var(--surface);border-color:color(display-p3 .598547 .957189 .785094/.34);border-color:lab(89.0017% -45.9933 12.7477/.34)}@supports (color:lab(0% 0 0)){.bulk-action.select-add{background:linear-gradient(180deg, lab(89.0017% -45.9933 12.7477/.15), lab(89.0017% -45.9933 12.7477/.04)), var(--surface)}}@supports (color:color-mix(in lab, red, red)){.bulk-action.select-add{background:linear-gradient(180deg, lab(89.0017% -45.9933 12.7477/.15), lab(89.0017% -45.9933 12.7477/.04)), color-mix(in oklch, var(--surface) 72%, #123e35 28%)}}.bulk-action.select-redownload{color:color(display-p3 .887937 .982129 .996911);color:lab(96.6049% -9.79278 -5.2917);border-color:var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.bulk-action.select-redownload{border-color:color-mix(in oklch, var(--accent-cyan) 42%, transparent)}}.bulk-action.select-redownload{background:linear-gradient(180deg, var(--accent-cyan), var(--accent-cyan)), var(--surface)}@supports (color:color-mix(in lab, red, red)){.bulk-action.select-redownload{background:linear-gradient(180deg, color-mix(in oklch, var(--accent-cyan) 16%, transparent), color-mix(in oklch, var(--accent-cyan) 4%, transparent)), color-mix(in oklch, var(--surface) 72%, #123247 28%)}}.bulk-action.select-delete{color:color(display-p3 .984114 .906815 .927057);color:lab(93.5842% 9.48218 .24693);border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.bulk-action.select-delete{border-color:color-mix(in oklch, var(--destructive) 42%, transparent)}}.bulk-action.select-delete{background:linear-gradient(180deg, var(--destructive), var(--destructive)), var(--surface)}@supports (color:color-mix(in lab, red, red)){.bulk-action.select-delete{background:linear-gradient(180deg, color-mix(in oklch, var(--destructive) 18%, transparent), color-mix(in oklch, var(--destructive) 4%, transparent)), color-mix(in oklch, var(--surface) 70%, #4a1623 30%)}}.bulk-action.select-cancel{color:var(--muted-text)}@supports (color:color-mix(in lab, red, red)){.bulk-action.select-cancel{color:color-mix(in oklch, var(--muted-text) 78%, white 16%)}}.bulk-action.select-cancel{border-color:color(display-p3 1 1 1/.12);border-color:lab(100% 0 0/.12)}.danger{color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.danger{color:color-mix(in oklch, var(--destructive) 88%, white 8%)}}.bulk-popover{z-index:60;background:var(--surface);border:1px solid color(display-p3 1 1 1/.1);border:1px solid lab(100% 0 0/.1);border-color:oklch(100% 5.96046e-8 none/.1) oklch(100% 5.96046e-8 none/.1) oklch(100% 5.96046e-8 none/.1) oklch(100% 5.96046e-8 none/.1);border-color:oklch(100% 5.96046e-8 none/.1) oklch(100% 5.96046e-8 none/.1) oklch(100% 5.96046e-8 none/.1) oklch(100% 5.96046e-8 none/.1);border-radius:16px;width:230px;max-width:calc(100vw - 24px);max-height:calc(100vh - 150px);padding:9px;position:absolute;top:calc(100% + 8px);right:0;overflow:auto}@supports (color:color-mix(in lab, red, red)){.bulk-popover{background:color-mix(in oklch, var(--surface) 94%, black 6%)}}.bulk-popover{box-shadow:0 18px 40px #0000005c}.bulk-popover strong{padding:6px 7px 8px;font-size:12px;display:block}.playlist-choice{width:100%;color:var(--fg);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;padding:7px;display:grid}.playlist-choice:hover{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.playlist-choice:hover{background:color-mix(in oklch, var(--fg) 9%, transparent)}}.playlist-choice .mini-cover{border-radius:10px;width:32px;height:32px}.playlist-view{min-height:0;overflow:hidden}.track-table{overscroll-behavior:contain;height:100%;padding-bottom:0;padding-right:4px;scroll-padding-bottom:112px;overflow:auto}.track-table.has-overflow{padding-bottom:112px;-webkit-mask-image:linear-gradient(#000 0 calc(100% - 142px),#00000047 calc(100% - 70px),#0000 100%);mask-image:linear-gradient(#000 0 calc(100% - 142px),#00000047 calc(100% - 70px),#0000 100%)}.track-table.has-scrolled{-webkit-mask-image:linear-gradient(#00000029 0,#0000008f 38px,#000 86px 100%);mask-image:linear-gradient(#00000029 0,#0000008f 38px,#000 86px 100%)}.track-table.has-scrolled.has-overflow{-webkit-mask-image:linear-gradient(#00000029 0,#0000008f 38px,#000 86px calc(100% - 142px),#00000047 calc(100% - 70px),#0000 100%);mask-image:linear-gradient(#00000029 0,#0000008f 38px,#000 86px calc(100% - 142px),#00000047 calc(100% - 70px),#0000 100%)}.track-row{content-visibility:auto;contain-intrinsic-size:72px;border-radius:18px;grid-template-columns:34px 52px minmax(184px,.9fr) 120px minmax(244px,1.1fr) 92px 64px 42px;align-items:center;gap:12px;margin-bottom:8px;padding:8px 10px;display:grid}.skeleton-row{pointer-events:none;cursor:default;background:linear-gradient(180deg, color(display-p3 1 1 1/.08), color(display-p3 1 1 1/.02)), var(--surface);border-color:color(display-p3 1 1 1/.07);border-color:lab(100% 0 0/.07)}@supports (color:lab(0% 0 0)){.skeleton-row{background:linear-gradient(180deg, lab(100% 0 0/.08), lab(100% 0 0/.02)), var(--surface)}}@supports (color:color-mix(in lab, red, red)){.skeleton-row{background:linear-gradient(180deg, lab(100% 0 0/.08), lab(100% 0 0/.02)), color-mix(in oklch, var(--surface) 52%, transparent)}}.skeleton-row{box-shadow:inset 0 1px color(display-p3 1 1 1/.09),0 12px 26px color(display-p3 0 0 0/.129412);box-shadow:inset 0 1px lab(100% 0 0/.09),0 12px 26px lab(0% 0 0/.129412)}.skeleton-row:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(105deg, transparent 0 34%, var(--accent-cyan) 48%, transparent 62% 100%);position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px}@supports (color:color-mix(in lab, red, red)){.skeleton-row:before{background:linear-gradient(105deg, transparent 0 34%, color-mix(in oklch, var(--accent-cyan) 17%, white 6%) 48%, transparent 62% 100%)}}.skeleton-row:before{opacity:.34;animation:1.85s cubic-bezier(.16,1,.3,1) infinite skeletonShimmer;transform:translate(-72%)}.skeleton-row>*{z-index:1;position:relative}.skeleton-line,.skeleton-cover,.skeleton-dot{background:linear-gradient(90deg, color(display-p3 1 1 1/.05), var(--fg), #ffffff0a), var(--fg);border-radius:999px;display:block;overflow:hidden}@supports (color:lab(0% 0 0)){.skeleton-line,.skeleton-cover,.skeleton-dot{background:linear-gradient(90deg, lab(100% 0 0/.05), var(--fg), #ffffff0a), var(--fg)}}@supports (color:color-mix(in lab, red, red)){.skeleton-line,.skeleton-cover,.skeleton-dot{background:linear-gradient(90deg, lab(100% 0 0/.05), color-mix(in oklch, var(--fg) 12%, transparent), lab(100% 0 0/.04)), color-mix(in oklch, var(--fg) 7%, transparent)}}.skeleton-line,.skeleton-cover,.skeleton-dot{background-size:220% 100%;animation:1.8s ease-in-out infinite skeletonElastic}.skeleton-index{justify-self:center;width:18px;height:10px}.skeleton-cover{border-radius:15px;width:52px;height:52px}.skeleton-copy{align-content:center;gap:9px;min-width:0;display:grid}.skeleton-title{width:min(82%,260px);height:15px}.skeleton-subtitle{opacity:.7;width:min(48%,160px);height:10px}.skeleton-quality,.skeleton-album,.skeleton-date,.skeleton-time{opacity:.74;align-self:center;height:12px}.skeleton-quality{width:min(72%,92px)}.skeleton-album{width:min(76%,220px)}.skeleton-date{width:54px}.skeleton-time{width:34px}.skeleton-dot{opacity:.62;border-radius:50%;place-self:center;width:24px;height:24px}.track-row .select-check{color:#0000;background:var(--surface);border:1px solid color(display-p3 1 1 1/.16);border:1px solid lab(100% 0 0/.16);border-color:oklch(100% 5.96046e-8 none/.16) oklch(100% 5.96046e-8 none/.16) oklch(100% 5.96046e-8 none/.16) oklch(100% 5.96046e-8 none/.16);border-color:oklch(100% 5.96046e-8 none/.16) oklch(100% 5.96046e-8 none/.16) oklch(100% 5.96046e-8 none/.16) oklch(100% 5.96046e-8 none/.16);border-radius:10px;place-items:center;width:26px;height:26px;display:none}@supports (color:color-mix(in lab, red, red)){.track-row .select-check{background:color-mix(in oklch, var(--surface) 62%, transparent)}}.track-row .select-check{cursor:pointer}.track-row .select-check svg{width:15px;height:15px}.playlist-view.selection-mode .track-row{grid-template-columns:30px 34px 52px minmax(172px,.9fr) 120px minmax(244px,1.1fr) 92px 64px 42px}.playlist-view.selection-mode .select-check{display:grid}.track-row.selected .select-check{color:var(--bg);border-color:var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.track-row.selected .select-check{border-color:color-mix(in oklch, var(--accent-cyan) 76%, white 16%)}}.track-row.selected .select-check{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-blue))}@supports (color:color-mix(in lab, red, red)){.track-row.selected .select-check{background:linear-gradient(135deg, var(--accent-cyan), color-mix(in oklch, var(--accent-blue) 70%, var(--accent-cyan) 30%))}}.track-index,.track-added,.track-time{font-variant-numeric:tabular-nums}.track-index{color:var(--muted-text);text-align:center;font-size:12px}.track-album,.track-added,.track-time{color:var(--fg);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.track-album,.track-added,.track-time{color:color-mix(in oklch, var(--fg) 72%, transparent)}}.track-album,.track-added,.track-time{text-overflow:ellipsis;white-space:nowrap;font-size:14px}.track-quality{width:max-content;min-width:112px;max-width:none;color:var(--fg);place-content:center flex-start;justify-self:start;align-items:center;gap:5px;margin-left:-24px;padding-inline-start:0;padding-inline-end:0;display:grid;overflow:visible}@supports (color:color-mix(in lab, red, red)){.track-quality{color:color-mix(in oklch, var(--fg) 66%, transparent)}}.track-quality{letter-spacing:0;font-size:12px;font-weight:720}.track-quality-main{align-items:center;gap:7px;min-width:0;display:inline-flex}.track-album{color:var(--fg);padding-left:26px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.track-album{color:color-mix(in oklch, var(--fg) 72%, transparent)}}.track-album{text-overflow:ellipsis;white-space:nowrap;font-size:14px}.track-name{gap:2px;min-width:0;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 26px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 26px),#0000 100%)}.track-marquee-line{--marquee-distance:0px;text-overflow:ellipsis;white-space:nowrap;will-change:transform;min-width:0;max-width:100%;overflow:hidden;transform:translate(0)}.track-marquee-line.is-marquee{text-overflow:clip;padding-right:34px;animation:14.5s cubic-bezier(.36,0,.2,1) 1.15s infinite currentTextMarquee;overflow:visible}.track-marquee-line.is-marquee+.track-marquee-line.is-marquee{animation-duration:16s;animation-delay:1.35s}.track-quality-kbps{color:#fff;flex:none;min-width:max-content;overflow:visible}@supports (color:color-mix(in lab, red, red)){.track-quality-kbps{color:color-mix(in oklch, white 92%, var(--accent-cyan) 8%)}}.track-quality-kbps{text-shadow:0 0 10px var(--accent-cyan), 0 0 1px #ffffffa6}@supports (color:color-mix(in lab, red, red)){.track-quality-kbps{text-shadow:0 0 10px color-mix(in oklch, var(--accent-cyan) 18%, transparent), 0 0 1px lab(100% 0 0/.65)}}.track-quality-kbps{text-overflow:clip;font-variant-numeric:tabular-nums;white-space:nowrap}.track-format-badge{border:1px solid var(--accent-cyan);flex:none;justify-content:center;align-items:center;min-width:42px;padding:3px 7px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.track-format-badge{border:1px solid color-mix(in oklch, var(--accent-cyan) 58%, transparent)}}.track-format-badge{color:var(--accent-cyan);border-radius:7px}@supports (color:color-mix(in lab, red, red)){.track-format-badge{color:color-mix(in oklch, var(--accent-cyan) 78%, white 12%)}}.track-format-badge{background:var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.track-format-badge{background:color-mix(in oklch, var(--accent-cyan) 13%, transparent)}}.track-format-badge{text-transform:uppercase;font-size:11px;line-height:1;box-shadow:inset 0 1px color(display-p3 1 1 1/.11);box-shadow:inset 0 1px lab(100% 0 0/.11)}.track-format-mp3{color:color(display-p3 .944879 .540733 .760435/.88);color:lab(71.115% 54.1112 -11.0438/.88);background:color(display-p3 .931784 .476402 .730317/.12);background:lab(67.4061% 60.7198 -12.4338/.12);border-color:color(display-p3 .931784 .476402 .730317/.52);border-color:lab(67.4061% 60.7198 -12.4338/.52)}.track-verified-badge{color:color(display-p3 .761769 .992366 .884954/.94);color:lab(94.3647% -29.6241 6.99871/.94);background:linear-gradient(135deg, color(display-p3 .613718 .988105 .795179/.14), var(--accent-cyan)), var(--surface);border:1px solid color(display-p3 .613718 .988105 .795179/.55);border:1px solid lab(91.4172% -48.2884 15.105/.55);border-radius:7px;align-items:center;gap:4px;width:max-content;max-width:88px;padding:3px 6px;display:inline-flex}@supports (color:lab(0% 0 0)){.track-verified-badge{background:linear-gradient(135deg, lab(91.4172% -48.2884 15.105/.14), var(--accent-cyan)), var(--surface)}}@supports (color:color-mix(in lab, red, red)){.track-verified-badge{background:linear-gradient(135deg, lab(91.4172% -48.2884 15.105/.14), color-mix(in oklch, var(--accent-cyan) 10%, transparent)), color-mix(in oklch, var(--surface) 38%, transparent)}}.track-verified-badge{text-transform:uppercase;font-size:9px;font-weight:850;line-height:1;box-shadow:inset 0 1px color(display-p3 1 1 1/.12),0 0 14px color(display-p3 .613718 .988105 .795179/.14);box-shadow:inset 0 1px lab(100% 0 0/.12),0 0 14px lab(91.4172% -48.2884 15.105/.14)}.track-verified-badge svg{stroke-width:2.4px;flex:none;width:10px;height:10px}.track-verified-badge span{text-overflow:clip;white-space:nowrap;min-width:0;overflow:hidden}.track-verified-badge-locked{border-color:var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.track-verified-badge-locked{border-color:color-mix(in oklch, var(--accent-cyan) 62%, #79ffc7 22%)}}.track-verified-badge-locked{color:var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.track-verified-badge-locked{color:color-mix(in oklch, var(--accent-cyan) 80%, white 14%)}}.track-verified-badge-locked{box-shadow:inset 0 1px 0 color(display-p3 1 1 1/.13), 0 0 16px var(--accent-cyan)}@supports (color:lab(0% 0 0)){.track-verified-badge-locked{box-shadow:inset 0 1px 0 lab(100% 0 0/.13), 0 0 16px var(--accent-cyan)}}@supports (color:color-mix(in lab, red, red)){.track-verified-badge-locked{box-shadow:inset 0 1px 0 lab(100% 0 0/.13), 0 0 16px color-mix(in oklch, var(--accent-cyan) 16%, transparent)}}.track-menu-trigger{width:34px;height:34px;color:var(--muted-text);border:0;border-radius:50%;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.track-menu-trigger{color:color-mix(in oklch, var(--muted-text) 88%, transparent)}}.track-menu-trigger{cursor:pointer;background:0 0}.track-menu-trigger:hover{color:var(--fg);background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.track-menu-trigger:hover{background:color-mix(in oklch, var(--fg) 9%, transparent)}}.track-empty{min-height:148px;color:var(--fg);border:1px dashed color(display-p3 1 1 1/.12);border:1px dashed lab(100% 0 0/.12);border-color:oklch(100% 5.96046e-8 none/.12) oklch(100% 5.96046e-8 none/.12) oklch(100% 5.96046e-8 none/.12) oklch(100% 5.96046e-8 none/.12);border-color:oklch(100% 5.96046e-8 none/.12) oklch(100% 5.96046e-8 none/.12) oklch(100% 5.96046e-8 none/.12) oklch(100% 5.96046e-8 none/.12);border-radius:20px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.track-empty{color:color-mix(in oklch, var(--fg) 62%, transparent)}}.track-empty{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.track-empty{background:color-mix(in oklch, var(--surface) 44%, transparent)}}.track-empty{font-size:14px}.player{z-index:70;isolation:isolate;-webkit-backdrop-filter:blur(32px)saturate(1.24);background:linear-gradient(#ffffff13,#ffffff07 42%,#ffffff05),linear-gradient(90deg,#6fb6e209,#0000 34%),#05060ac2;border:0;border-top:1px solid #ffffff24;border-radius:0;grid-column:1/-1;grid-template-columns:minmax(180px,276px) minmax(340px,1fr) minmax(292px,332px);align-items:center;gap:18px;height:96px;min-height:96px;padding:10px 26px 12px 24px;display:grid;position:absolute;bottom:0;left:0;right:0;overflow:visible;box-shadow:0 -18px 48px #00000047,inset 0 1px #ffffff29,inset 0 -1px #ffffff0b}.player:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(ellipse at 18% 48%, var(--accent-cyan), transparent 58%), linear-gradient(90deg, #6fb6e20b, transparent 38%), var(--surface);position:absolute;top:0;bottom:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.player:before{background:radial-gradient(ellipse at 18% 48%, color-mix(in oklch, var(--accent-cyan) 14%, transparent), transparent 58%), linear-gradient(90deg, #6fb6e20b, transparent 38%), color-mix(in oklch, var(--surface) 44%, var(--bg) 56%)}}.player:before{opacity:.3;filter:blur(42px)saturate(1.35);transform:translate(0)scale(1.04)}.player:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#fff1,#ffffff06 46%,#ffffff04),linear-gradient(90deg,#6fb6e208,#0000 34%),#05060a85;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 1px #ffffff1c,inset 0 -1px #ffffff07}.player>*{z-index:2;position:relative}html.tauri-window-effects .player{background:linear-gradient(#ffffff0f,#ffffff05 48%,#ffffff03),linear-gradient(90deg,#6fb6e207,#0000 34%),#05060a75;border-top-color:#ffffff1f;box-shadow:0 -18px 48px #00000038,inset 0 1px #ffffff21,inset 0 -1px #ffffff09}html.tauri-window-effects .player:before{background:radial-gradient(ellipse at 18% 48%, var(--accent-cyan), transparent 58%), linear-gradient(90deg, #6fb6e207, transparent 38%)}@supports (color:color-mix(in lab, red, red)){html.tauri-window-effects .player:before{background:radial-gradient(ellipse at 18% 48%, color-mix(in oklch, var(--accent-cyan) 10%, transparent), transparent 58%), linear-gradient(90deg, #6fb6e207, transparent 38%)}}html.tauri-window-effects .player:before{opacity:.24}html.tauri-window-effects .player:after{background:linear-gradient(#ffffff0d,#ffffff04 46%,#ffffff03),linear-gradient(90deg,#6fb6e206,#0000 34%),#05060a4f}html.web-pwa-shell .win-controls{display:none}html.web-pwa-shell .top-actions{min-width:auto}html.web-pwa-shell .app{border:0;height:100dvh;min-height:0}html.web-pwa-shell .player{background:linear-gradient(#fff1,#ffffff06 48%,#ffffff03),linear-gradient(90deg,#6fb6e209,#0000 34%),#05060a6b;border-top-color:#ffffff21;box-shadow:0 -18px 48px #0003,inset 0 1px #ffffff26,inset 0 -1px #ffffff09}html.web-pwa-shell .player:before{background:radial-gradient(ellipse at 18% 48%, var(--accent-cyan), transparent 58%), linear-gradient(90deg, #6fb6e209, transparent 38%)}@supports (color:color-mix(in lab, red, red)){html.web-pwa-shell .player:before{background:radial-gradient(ellipse at 18% 48%, color-mix(in oklch, var(--accent-cyan) 13%, transparent), transparent 58%), linear-gradient(90deg, #6fb6e209, transparent 38%)}}html.web-pwa-shell .player:before{opacity:.34}html.web-pwa-shell .player:after{background:linear-gradient(#ffffff0f,#ffffff05 46%,#ffffff03),linear-gradient(90deg,#6fb6e207,#0000 34%),#05060a3d;-webkit-mask-image:linear-gradient(#000000b8 0,#000 20px 100%);mask-image:linear-gradient(#000000b8 0,#000 20px 100%)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){html.web-pwa-shell .player{-webkit-backdrop-filter:blur(32px)saturate(1.24);backdrop-filter:blur(32px)saturate(1.24)}}.current{grid-template-columns:54px minmax(0,1fr) 50px;align-items:center;gap:12px;min-width:0;display:grid}.current-copy{gap:3px;min-width:0;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 24px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 24px),#0000 100%)}.current strong{font-size:14px}.current-marquee-line{--marquee-distance:0px;text-overflow:ellipsis;white-space:nowrap;will-change:transform;min-width:0;max-width:100%;overflow:hidden;transform:translate(0)}.current-marquee-line.is-marquee{text-overflow:clip;padding-right:34px;animation:13s cubic-bezier(.36,0,.2,1) 1.1s infinite currentTextMarquee;overflow:visible}.current-marquee-line.is-marquee#currentArtist{animation-duration:15s;animation-delay:1.35s}.like{isolation:isolate;width:44px;height:44px;color:var(--muted-text);border:0;border-radius:50%;place-items:center;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.like{color:color-mix(in oklch, var(--muted-text) 84%, transparent)}}.like{cursor:pointer;background:color(display-p3 1 1 1/.05);background:lab(100% 0 0/.05);overflow:visible;box-shadow:inset 0 1px color(display-p3 1 1 1/.1);box-shadow:inset 0 1px lab(100% 0 0/.1)}.like-placeholder{width:44px;height:44px;display:block}.like.active{color:var(--accent-hot);background:radial-gradient(circle at 50% 46%, var(--accent-hot), transparent 62%), var(--accent-hot)}@supports (color:color-mix(in lab, red, red)){.like.active{background:radial-gradient(circle at 50% 46%, color-mix(in oklch, var(--accent-hot) 22%, transparent), transparent 62%), color-mix(in oklch, var(--accent-hot) 9%, white 4%)}}.save-like-icon{z-index:1;fill:none;stroke-width:2.15px;width:22px;height:22px;transition:transform .18s,filter .18s,fill .18s,stroke-width .18s;position:relative;transform:translateZ(0)}.like:hover .save-like-icon{transform:translateY(-1px)}.like.active .save-like-icon{fill:currentColor;filter:drop-shadow(0 0 8px var(--accent-hot)) drop-shadow(0 0 12px var(--accent-cyan))}@supports (color:color-mix(in lab, red, red)){.like.active .save-like-icon{filter:drop-shadow(0 0 8px color-mix(in oklch, var(--accent-hot) 28%, transparent)) drop-shadow(0 0 12px color-mix(in oklch, var(--accent-cyan) 14%, transparent))}}.like.active .save-like-icon{stroke-width:2.35px;transform:scale(1.04)}.like.glitch-like,.like.glitch-unlike{animation:.76s steps(2,end) angelLikePulse}.like.glitch-unlike{animation-name:angelUnlikePulse}.like.glitch-variant-2{animation-duration:.64s}.like.glitch-variant-3{animation-duration:.88s}.like.glitch-variant-4{animation-duration:.7s}.like.glitch-like:before,.like.glitch-like:after,.like.glitch-unlike:before,.like.glitch-unlike:after{content:"";z-index:0;border-radius:inherit;pointer-events:none;opacity:0;mix-blend-mode:screen;filter:blur(.2px);position:absolute;top:-14px;bottom:-14px;left:-14px;right:-14px}.like.glitch-like:before,.like.glitch-unlike:before{background:linear-gradient(90deg, transparent 0 18%, var(--accent-cyan) 18% 27%, transparent 27% 52%, var(--accent-blue) 52% 63%, transparent 63%), radial-gradient(circle, var(--accent-cyan), transparent 66%)}@supports (color:color-mix(in lab, red, red)){.like.glitch-like:before,.like.glitch-unlike:before{background:linear-gradient(90deg, transparent 0 18%, color-mix(in oklch, var(--accent-cyan) 72%, white 8%) 18% 27%, transparent 27% 52%, color-mix(in oklch, var(--accent-blue) 70%, white 10%) 52% 63%, transparent 63%), radial-gradient(circle, color-mix(in oklch, var(--accent-cyan) 35%, transparent), transparent 66%)}}.like.glitch-like:before,.like.glitch-unlike:before{clip-path:polygon(0 18%,100% 18%,100% 33%,0 33%);animation:.74s cubic-bezier(.2,.8,.2,1) angelGlitchSlice}.like.glitch-like:after,.like.glitch-unlike:after{background:linear-gradient(90deg, transparent 0 34%, var(--accent-blue) 34% 48%, transparent 48% 70%, var(--accent-cyan) 70% 80%, transparent 80%), radial-gradient(circle, var(--accent-blue), transparent 68%)}@supports (color:color-mix(in lab, red, red)){.like.glitch-like:after,.like.glitch-unlike:after{background:linear-gradient(90deg, transparent 0 34%, color-mix(in oklch, var(--accent-blue) 78%, transparent) 34% 48%, transparent 48% 70%, color-mix(in oklch, var(--accent-cyan) 68%, white 12%) 70% 80%, transparent 80%), radial-gradient(circle, color-mix(in oklch, var(--accent-blue) 30%, transparent), transparent 68%)}}.like.glitch-like:after,.like.glitch-unlike:after{clip-path:polygon(0 58%,100% 58%,100% 77%,0 77%);animation:.74s cubic-bezier(.2,.8,.2,1) angelGlitchSliceB}.like.glitch-unlike:before{animation-name:angelGlitchSliceReverse}.like.glitch-unlike:after{animation-name:angelGlitchSliceReverseB}.like.glitch-variant-2:before{clip-path:polygon(0 14%,100% 14%,100% 34%,0 34%);animation-duration:.61s;top:-11px;bottom:-18px;left:-8px;right:-20px}.like.glitch-variant-2:after{clip-path:polygon(0 66%,100% 66%,100% 88%,0 88%);animation-duration:.69s;animation-delay:26ms;top:-18px;bottom:-10px;left:-18px;right:-8px}.like.glitch-variant-3:before{clip-path:polygon(0 22%,100% 22%,100% 38%,0 38%);filter:hue-rotate(18deg)blur(.35px);animation-duration:.87s;top:-18px;bottom:-9px;left:-22px;right:-12px}.like.glitch-variant-3:after{clip-path:polygon(0 55%,100% 55%,100% 78%,0 78%);filter:hue-rotate(-22deg)blur(.25px);animation-duration:.78s;top:-9px;bottom:-20px;left:-10px;right:-22px}.like.glitch-variant-4:before{clip-path:polygon(0 10%,100% 10%,100% 31%,0 31%);animation-duration:.72s;animation-delay:42ms;top:-20px;bottom:-8px;left:-12px;right:-16px}.like.glitch-variant-4:after{clip-path:polygon(0 52%,100% 52%,100% 82%,0 82%);background:linear-gradient(90deg, transparent 0 24%, var(--accent-cyan) 24% 37%, transparent 37% 64%, var(--accent-hot) 64% 74%, transparent 74%), radial-gradient(circle, var(--accent-blue), transparent 68%);top:-10px;bottom:-22px;left:-20px;right:-14px}@supports (color:color-mix(in lab, red, red)){.like.glitch-variant-4:after{background:linear-gradient(90deg, transparent 0 24%, color-mix(in oklch, var(--accent-cyan) 78%, white 10%) 24% 37%, transparent 37% 64%, color-mix(in oklch, var(--accent-hot) 62%, transparent) 64% 74%, transparent 74%), radial-gradient(circle, color-mix(in oklch, var(--accent-blue) 30%, transparent), transparent 68%)}}.like.glitch-variant-4:after{animation-duration:.65s}.like.glitch-like .save-like-icon,.like.glitch-unlike .save-like-icon{z-index:1;filter:drop-shadow(-2px 0 0 var(--accent-cyan)) drop-shadow(2px 0 0 var(--accent-blue));position:relative}@supports (color:color-mix(in lab, red, red)){.like.glitch-like .save-like-icon,.like.glitch-unlike .save-like-icon{filter:drop-shadow(-2px 0 0 color-mix(in oklch, var(--accent-cyan) 86%, white)) drop-shadow(2px 0 0 color-mix(in oklch, var(--accent-blue) 84%, white 6%))}}.like.glitch-like .save-like-icon,.like.glitch-unlike .save-like-icon{animation:.74s steps(2,end) angelIconSplit}.like.glitch-unlike .save-like-icon{filter:drop-shadow(2px 0 0 var(--accent-cyan)) drop-shadow(-2px 0 0 var(--accent-blue));animation-name:angelIconSplitReverse}@supports (color:color-mix(in lab, red, red)){.like.glitch-unlike .save-like-icon{filter:drop-shadow(2px 0 0 color-mix(in oklch, var(--accent-cyan) 76%, white)) drop-shadow(-2px 0 0 color-mix(in oklch, var(--accent-blue) 78%, white 8%))}}.like-field{isolation:isolate;position:relative}.track-row.like-field,.current.like-field{overflow:visible}.like-field>*{z-index:2;position:relative}.like-field:before{content:"";z-index:1;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(90deg, transparent 0 18%, var(--accent-cyan) 18% 27%, transparent 27% 44%, var(--accent-blue) 44% 54%, transparent 54% 72%, var(--accent-cyan) 72% 82%, transparent 82% 100%), radial-gradient(ellipse at 42% 52%, var(--accent-cyan), transparent 62%), radial-gradient(ellipse at 68% 50%, var(--accent-blue), transparent 68%);position:absolute;top:-10px;bottom:-10px;left:-12px;right:-12px}@supports (color:color-mix(in lab, red, red)){.like-field:before{background:linear-gradient(90deg, transparent 0 18%, color-mix(in oklch, var(--accent-cyan) 28%, transparent) 18% 27%, transparent 27% 44%, color-mix(in oklch, var(--accent-blue) 24%, transparent) 44% 54%, transparent 54% 72%, color-mix(in oklch, var(--accent-cyan) 25%, white 4%) 72% 82%, transparent 82% 100%), radial-gradient(ellipse at 42% 52%, color-mix(in oklch, var(--accent-cyan) 20%, transparent), transparent 62%), radial-gradient(ellipse at 68% 50%, color-mix(in oklch, var(--accent-blue) 17%, transparent), transparent 68%)}}.like-field:before{mix-blend-mode:screen;filter:blur(.45px);-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 8% 92%,#0000 100%),linear-gradient(#0000 0,#000 10% 88%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 8% 92%,#0000 100%),linear-gradient(#0000 0,#000 10% 88%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.like-field.like-field-on:before{animation:.82s cubic-bezier(.16,.86,.24,1) angelFieldGlitchOn}.like-field.like-field-off:before{animation:.76s cubic-bezier(.2,.74,.18,1) angelFieldGlitchOff}.like-field.glitch-variant-2:before{background:linear-gradient(90deg, transparent 0 10%, var(--accent-blue) 10% 19%, transparent 19% 37%, var(--accent-cyan) 37% 48%, transparent 48% 74%, var(--accent-hot) 74% 84%, transparent 84% 100%), radial-gradient(ellipse at 34% 45%, var(--accent-cyan), transparent 62%);top:-8px;bottom:-14px;left:-6px;right:-18px}@supports (color:color-mix(in lab, red, red)){.like-field.glitch-variant-2:before{background:linear-gradient(90deg, transparent 0 10%, color-mix(in oklch, var(--accent-blue) 26%, transparent) 10% 19%, transparent 19% 37%, color-mix(in oklch, var(--accent-cyan) 28%, white 4%) 37% 48%, transparent 48% 74%, color-mix(in oklch, var(--accent-hot) 18%, transparent) 74% 84%, transparent 84% 100%), radial-gradient(ellipse at 34% 45%, color-mix(in oklch, var(--accent-cyan) 18%, transparent), transparent 62%)}}.like-field.glitch-variant-3:before{background:linear-gradient(90deg, transparent 0 24%, var(--accent-cyan) 24% 31%, transparent 31% 54%, var(--accent-blue) 54% 63%, transparent 63% 89%, var(--accent-hot) 89% 96%, transparent 96% 100%), radial-gradient(ellipse at 24% 62%, var(--accent-blue), transparent 60%), radial-gradient(ellipse at 62% 38%, var(--accent-cyan), transparent 68%);top:-14px;bottom:-8px;left:-20px;right:-8px}@supports (color:color-mix(in lab, red, red)){.like-field.glitch-variant-3:before{background:linear-gradient(90deg, transparent 0 24%, color-mix(in oklch, var(--accent-cyan) 24%, transparent) 24% 31%, transparent 31% 54%, color-mix(in oklch, var(--accent-blue) 27%, white 4%) 54% 63%, transparent 63% 89%, color-mix(in oklch, var(--accent-hot) 16%, transparent) 89% 96%, transparent 96% 100%), radial-gradient(ellipse at 24% 62%, color-mix(in oklch, var(--accent-blue) 16%, transparent), transparent 60%), radial-gradient(ellipse at 62% 38%, color-mix(in oklch, var(--accent-cyan) 18%, transparent), transparent 68%)}}.like-field.glitch-variant-4:before{background:linear-gradient(90deg, transparent 0 14%, var(--accent-hot) 14% 21%, transparent 21% 42%, var(--accent-cyan) 42% 58%, transparent 58% 77%, var(--accent-blue) 77% 84%, transparent 84% 100%), radial-gradient(ellipse at 46% 36%, var(--accent-cyan), transparent 62%);top:-12px;bottom:-10px;left:-10px;right:-22px}@supports (color:color-mix(in lab, red, red)){.like-field.glitch-variant-4:before{background:linear-gradient(90deg, transparent 0 14%, color-mix(in oklch, var(--accent-hot) 18%, transparent) 14% 21%, transparent 21% 42%, color-mix(in oklch, var(--accent-cyan) 27%, transparent) 42% 58%, transparent 58% 77%, color-mix(in oklch, var(--accent-blue) 18%, white 4%) 77% 84%, transparent 84% 100%), radial-gradient(ellipse at 46% 36%, color-mix(in oklch, var(--accent-cyan) 19%, transparent), transparent 62%)}}.like-field.like-field-on .mini-cover,.like-field.like-field-off .mini-cover,.like-field.like-field-on .current-cover,.like-field.like-field-off .current-cover{filter:saturate(1.24) drop-shadow(-3px 0 0 var(--accent-cyan)) drop-shadow(3px 0 0 var(--accent-blue));animation:.76s steps(2,end) angelCoverGlitch}@supports (color:color-mix(in lab, red, red)){.like-field.like-field-on .mini-cover,.like-field.like-field-off .mini-cover,.like-field.like-field-on .current-cover,.like-field.like-field-off .current-cover{filter:saturate(1.24) drop-shadow(-3px 0 0 color-mix(in oklch, var(--accent-cyan) 58%, transparent)) drop-shadow(3px 0 0 color-mix(in oklch, var(--accent-blue) 48%, transparent))}}.like-field.like-field-off .mini-cover,.like-field.like-field-off .current-cover{animation-name:angelCoverGlitchReverse}.like-field.like-field-on .track-name .track-marquee-line,.like-field.like-field-on .track-quality,.like-field.like-field-on .track-album,.like-field.like-field-on #currentTitle,.like-field.like-field-on #currentArtist,.like-field.like-field-off .track-name .track-marquee-line,.like-field.like-field-off .track-quality,.like-field.like-field-off .track-album,.like-field.like-field-off #currentTitle,.like-field.like-field-off #currentArtist{text-shadow:-2px 0 0 var(--accent-cyan), 2px 0 0 var(--accent-blue);animation:.72s steps(2,end) angelTextGlitch}@supports (color:color-mix(in lab, red, red)){.like-field.like-field-on .track-name .track-marquee-line,.like-field.like-field-on .track-quality,.like-field.like-field-on .track-album,.like-field.like-field-on #currentTitle,.like-field.like-field-on #currentArtist,.like-field.like-field-off .track-name .track-marquee-line,.like-field.like-field-off .track-quality,.like-field.like-field-off .track-album,.like-field.like-field-off #currentTitle,.like-field.like-field-off #currentArtist{text-shadow:-2px 0 0 color-mix(in oklch, var(--accent-cyan) 82%, transparent), 2px 0 0 color-mix(in oklch, var(--accent-blue) 62%, transparent)}}.like-field.like-field-off .track-name .track-marquee-line,.like-field.like-field-off .track-quality,.like-field.like-field-off .track-album,.like-field.like-field-off #currentTitle,.like-field.like-field-off #currentArtist{animation-name:angelTextGlitchReverse}.transport{min-width:0}.controls{justify-content:center;gap:12px;margin-bottom:8px}.round{width:34px;height:34px;color:var(--fg);border:1px solid #0000;border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.round{color:color-mix(in oklch, var(--fg) 84%, transparent)}}.round{cursor:pointer;background:0 0;transition:transform .15s,color .15s,border-color .15s,background .15s,box-shadow .15s}.round svg{z-index:1;position:relative}.round:hover{color:var(--fg);background:color(display-p3 1 1 1/.07);background:lab(100% 0 0/.07);transform:translateY(-1px)}.round.active:not(.play){color:#061118;border-color:var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.round.active:not(.play){border-color:color-mix(in oklch, var(--accent-cyan) 72%, white 16%)}}.round.active:not(.play){background:linear-gradient(180deg, color(display-p3 1 1 1/.38), color(display-p3 1 1 1/.1)), var(--accent-cyan)}@supports (color:lab(0% 0 0)){.round.active:not(.play){background:linear-gradient(180deg, lab(100% 0 0/.38), lab(100% 0 0/.1)), var(--accent-cyan)}}@supports (color:color-mix(in lab, red, red)){.round.active:not(.play){background:linear-gradient(180deg, lab(100% 0 0/.38), lab(100% 0 0/.1)), color-mix(in oklch, var(--accent-cyan) 72%, white 12%)}}.round.active:not(.play){box-shadow:0 0 0 1px var(--accent-cyan), 0 0 24px var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.round.active:not(.play){box-shadow:0 0 0 1px color-mix(in oklch, var(--accent-cyan) 18%, transparent), 0 0 24px color-mix(in oklch, var(--accent-cyan) 36%, transparent)}}.round.active:not(.play):after{content:"";background:#061118;border-radius:50%;width:5px;height:5px;position:absolute;top:5px;right:5px;box-shadow:0 0 9px color(display-p3 1 1 1/.68);box-shadow:0 0 9px lab(100% 0 0/.68)}.round.play{color:#061118;background:linear-gradient(180deg, color(display-p3 1 1 1/.96), var(--fg));border-color:color(display-p3 1 1 1/.34);border-color:lab(100% 0 0/.34);width:48px;height:48px;overflow:hidden}@supports (color:lab(0% 0 0)){.round.play{background:linear-gradient(180deg, lab(100% 0 0/.96), var(--fg))}}@supports (color:color-mix(in lab, red, red)){.round.play{background:linear-gradient(180deg, lab(100% 0 0/.96), color-mix(in oklch, var(--fg) 88%, black 8%))}}.round.play{box-shadow:0 16px 30px color(display-p3 0 0 0/.360784),inset 0 1px color(display-p3 1 1 1/.54);box-shadow:0 16px 30px lab(0% 0 0/.360784),inset 0 1px lab(100% 0 0/.54)}.round.play:before{content:"";border:1px solid var(--accent-cyan);position:absolute;top:5px;bottom:5px;left:5px;right:5px}@supports (color:color-mix(in lab, red, red)){.round.play:before{border:1px solid color-mix(in oklch, var(--accent-cyan) 46%, transparent)}}.round.play:before{border-radius:inherit;opacity:0;transition:opacity .16s}.round.play:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(90deg,currentColor 0 32%,#0000 32% 68%,currentColor 68% 100%);border-radius:5px;position:absolute;top:13px;bottom:13px;left:16px;right:16px;transform:scaleY(.82)}.round.play.loading:not(.playing){color:#061118;border-color:var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.round.play.loading:not(.playing){border-color:color-mix(in oklch, var(--accent-cyan) 48%, white 28%)}}.round.play.loading:not(.playing){background:radial-gradient(circle at 50% 46%, var(--accent-cyan), transparent 58%), linear-gradient(180deg, #fffffff0, var(--fg))}@supports (color:color-mix(in lab, red, red)){.round.play.loading:not(.playing){background:radial-gradient(circle at 50% 46%, color-mix(in oklch, var(--accent-cyan) 14%, white 8%), transparent 58%), linear-gradient(180deg, lab(100% 0 0/.94), color-mix(in oklch, var(--fg) 82%, black 10%))}}.round.play.loading:not(.playing):before{border-style:solid;border-width:2px;border-color:var(--accent-cyan);top:4px;bottom:4px;left:4px;right:4px}@supports (color:color-mix(in lab, red, red)){.round.play.loading:not(.playing):before{border-color:color-mix(in oklch, var(--accent-cyan) 54%, transparent)}}.round.play.loading:not(.playing):before{opacity:.86;border-top-color:#0000;animation:.96s linear infinite pauseDial}.round.play.playing{color:var(--fg);border-width:2px;border-color:var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.round.play.playing{border-color:color-mix(in oklch, var(--accent-cyan) 58%, white 24%)}}.round.play.playing{background:radial-gradient(circle at 50% 42%, var(--accent-cyan), transparent 58%), #ffffff0d}@supports (color:color-mix(in lab, red, red)){.round.play.playing{background:radial-gradient(circle at 50% 42%, color-mix(in oklch, var(--accent-cyan) 13%, transparent), transparent 58%), lab(100% 0 0/.05)}}.round.play.playing{box-shadow:0 12px 26px #00000057, 0 0 10px var(--accent-cyan), inset 0 1px 0 #ffffff26}@supports (color:color-mix(in lab, red, red)){.round.play.playing{box-shadow:0 12px 26px #00000057, 0 0 10px color-mix(in oklch, var(--accent-cyan) 10%, transparent), inset 0 1px 0 lab(100% 0 0/.15)}}.round.play.playing{animation:1.9s ease-in-out infinite pauseButtonBreath}.round.play.playing:before{opacity:.84;background:conic-gradient(from 90deg, transparent 0 20%, var(--accent-cyan) 27% 49%, transparent 56% 70%, var(--accent-cyan) 78% 95%, transparent 100%);border:0;border-radius:50%;top:3px;bottom:3px;left:3px;right:3px}@supports (color:color-mix(in lab, red, red)){.round.play.playing:before{background:conic-gradient(from 90deg, transparent 0 20%, color-mix(in oklch, var(--accent-cyan) 74%, white 16%) 27% 49%, transparent 56% 70%, color-mix(in oklch, var(--accent-cyan) 54%, white 30%) 78% 95%, transparent 100%)}}.round.play.playing:before{filter:drop-shadow(0 0 3px var(--accent-cyan));-webkit-mask:radial-gradient(circle,#0000 0 58%,#000000f5 63% 88%,#0000 94%);mask:radial-gradient(circle,#0000 0 58%,#000000f5 63% 88%,#0000 94%)}@supports (color:color-mix(in lab, red, red)){.round.play.playing:before{filter:drop-shadow(0 0 3px color-mix(in oklch, var(--accent-cyan) 22%, transparent))}}.round.play.playing:before{transform-origin:50%;will-change:transform;animation:3.6s linear infinite pauseDial;transform:translateZ(0)}.round.play.playing:after{opacity:0;animation:none}.play-morph{z-index:1;width:24px;height:24px;display:block;position:relative;transform:translateZ(0)}.play-morph-triangle,.play-morph-bar{pointer-events:none;background:currentColor;margin:auto;transition:opacity .22s,transform .36s cubic-bezier(.2,.82,.18,1),width .36s cubic-bezier(.2,.82,.18,1),height .36s cubic-bezier(.2,.82,.18,1),border-radius .24s;position:absolute;top:0;bottom:0;left:0;right:0}.play-morph-triangle{clip-path:polygon(26% 16%,26% 84%,82% 50%);transform-origin:52%;width:18px;height:20px;transform:translate(1px)scale(1)}.play-morph-bar{opacity:0;width:6px;height:17px;box-shadow:0 0 7px var(--fg);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.play-morph-bar{box-shadow:0 0 7px color-mix(in oklch, var(--fg) 20%, transparent)}}.play-morph-bar-a{transform:translate(0)rotate(-18deg)scaleY(.36)}.play-morph-bar-b{transform:translate(0)rotate(18deg)scaleY(.36)}.round.play.loading:not(.playing) .play-morph-triangle{opacity:.46;transform:translate(1px)scale(.9)}.round.play.playing .play-morph-triangle{opacity:0;transform:translate(1px)scale(.42)rotate(8deg)}.round.play.playing .play-morph-bar{opacity:1;width:6px;height:20px}.round.play.playing .play-morph-bar-a{animation:1.8s cubic-bezier(.36,0,.2,1) infinite pauseBarMorphA;transform:translate(-5px)rotate(-3deg)scaleY(1)}.round.play.playing .play-morph-bar-b{animation:1.8s cubic-bezier(.36,0,.2,1) infinite pauseBarMorphB;transform:translate(5px)rotate(3deg)scaleY(.92)}.timeline{grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:14px;display:grid;transform:translateY(-2px)}.time{color:var(--fg)}@supports (color:color-mix(in lab, red, red)){.time{color:color-mix(in oklch, var(--fg) 72%, transparent)}}.time{font-variant-numeric:tabular-nums;font-size:12.5px}.time.end{text-align:right}.progress-track{background:var(--fg);border-radius:999px;height:8px;position:relative;overflow:visible}@supports (color:color-mix(in lab, red, red)){.progress-track{background:color-mix(in oklch, var(--fg) 15%, transparent)}}.progress-track{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:inset 0 1px color(display-p3 1 1 1/.12),0 0 0 1px color(display-p3 0 0 0/.12);box-shadow:inset 0 1px lab(100% 0 0/.12),0 0 0 1px lab(0% 0 0/.12)}.progress-track:before{content:"";position:absolute;top:-10px;bottom:-10px;left:0;right:0}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent-cyan), var(--accent-blue));position:absolute;top:0;bottom:0;left:0;right:auto}@supports (color:color-mix(in lab, red, red)){.progress-fill{background:linear-gradient(90deg, var(--accent-cyan), color-mix(in oklch, var(--accent-blue) 72%, white 8%))}}.progress-fill{box-shadow:0 0 18px var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.progress-fill{box-shadow:0 0 18px color-mix(in oklch, var(--accent-cyan) 32%, transparent)}}.progress-fill{pointer-events:none}.progress-thumb{border:2px solid #fff;width:14px;height:14px;position:absolute;top:50%}@supports (color:color-mix(in lab, red, red)){.progress-thumb{border:2px solid color-mix(in oklch, white 70%, var(--accent-cyan) 30%)}}.progress-thumb{background:radial-gradient(circle at 42% 38%, white 0 18%, transparent 19%), var(--accent-cyan);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.progress-thumb{background:radial-gradient(circle at 42% 38%, white 0 18%, transparent 19%), color-mix(in oklch, var(--accent-cyan) 82%, white 8%)}}.progress-thumb{box-shadow:0 0 0 1px var(--bg), 0 0 16px var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.progress-thumb{box-shadow:0 0 0 1px color-mix(in oklch, var(--bg) 72%, transparent), 0 0 16px color-mix(in oklch, var(--accent-cyan) 45%, transparent)}}.progress-thumb{opacity:0;pointer-events:none;transition:opacity .14s,transform .14s,box-shadow .14s;transform:translate(-50%,-50%)scale(.72)}.progress-track:hover .progress-thumb,.progress-track.seeking .progress-thumb{opacity:1;transform:translate(-50%,-50%)scale(1)}.progress-track:focus-visible .progress-thumb{opacity:1;transform:translate(-50%,-50%)scale(1)}.player-actions{justify-content:flex-end;gap:8px;min-width:300px}.player-tool{flex:none}.eq-control{place-items:center;display:grid;position:relative}.eq-popover{z-index:120;border:1px solid #fff;width:356px;padding:14px;position:absolute;bottom:44px;right:-10px}@supports (color:color-mix(in lab, red, red)){.eq-popover{border:1px solid color-mix(in oklch, white 13%, var(--accent-cyan) 14%)}}.eq-popover{background:linear-gradient(180deg, color(display-p3 1 1 1/.08), transparent 46%), var(--surface);border-radius:18px}@supports (color:lab(0% 0 0)){.eq-popover{background:linear-gradient(180deg, lab(100% 0 0/.08), transparent 46%), var(--surface)}}@supports (color:color-mix(in lab, red, red)){.eq-popover{background:linear-gradient(180deg, lab(100% 0 0/.08), transparent 46%), color-mix(in oklch, var(--surface) 88%, black 12%)}}.eq-popover{-webkit-backdrop-filter:blur(22px)saturate(1.16);box-shadow:0 18px 46px color(display-p3 0 0 0/.419608),inset 0 1px color(display-p3 1 1 1/.12);box-shadow:0 18px 46px lab(0% 0 0/.419608),inset 0 1px lab(100% 0 0/.12)}.eq-popover-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.eq-popover-header>div:first-child{gap:2px;min-width:0;display:grid}.eq-popover-header strong{font-size:14px}.eq-popover-header span{color:var(--fg)}@supports (color:color-mix(in lab, red, red)){.eq-popover-header span{color:color-mix(in oklch, var(--fg) 62%, transparent)}}.eq-popover-header span{font-size:12px}.eq-popover-controls{align-items:center;gap:8px;display:flex}.eq-switch{min-width:62px;height:34px}.eq-close,.eq-delete,.eq-edit,.eq-save,.eq-cancel{width:34px;height:34px;color:var(--fg);border:1px solid color(display-p3 1 1 1/.11);border:1px solid lab(100% 0 0/.11);border-color:oklch(100% 5.96046e-8 none/.11) oklch(100% 5.96046e-8 none/.11) oklch(100% 5.96046e-8 none/.11) oklch(100% 5.96046e-8 none/.11);border-color:oklch(100% 5.96046e-8 none/.11) oklch(100% 5.96046e-8 none/.11) oklch(100% 5.96046e-8 none/.11) oklch(100% 5.96046e-8 none/.11);border-radius:12px;place-items:center;display:inline-grid}@supports (color:color-mix(in lab, red, red)){.eq-close,.eq-delete,.eq-edit,.eq-save,.eq-cancel{color:color-mix(in oklch, var(--fg) 78%, transparent)}}.eq-close,.eq-delete,.eq-edit,.eq-save,.eq-cancel{background:var(--bg)}@supports (color:color-mix(in lab, red, red)){.eq-close,.eq-delete,.eq-edit,.eq-save,.eq-cancel{background:color-mix(in oklch, var(--bg) 46%, transparent)}}.eq-close,.eq-delete,.eq-edit,.eq-save,.eq-cancel{cursor:pointer;transition:color .15s,border-color .15s,background .15s,transform .15s}.eq-close svg,.eq-delete svg,.eq-edit svg,.eq-copy svg{width:15px;height:15px}.eq-close:hover,.eq-delete:hover,.eq-edit:hover,.eq-save:hover,.eq-cancel:hover{color:var(--fg);background:#fff;border-color:color(display-p3 1 1 1/.24);border-color:lab(100% 0 0/.24)}@supports (color:color-mix(in lab, red, red)){.eq-close:hover,.eq-delete:hover,.eq-edit:hover,.eq-save:hover,.eq-cancel:hover{background:color-mix(in oklch, white 8%, var(--bg) 62%)}}.eq-auto{width:100%;min-height:38px;color:var(--fg);border:1px solid color(display-p3 .77457 .993989 .841922/.36);border:1px solid lab(94.4555% -30.2331 13.4391/.36);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:0 12px;display:flex}@supports (color:color-mix(in lab, red, red)){.eq-auto{color:color-mix(in oklch, var(--fg) 72%, transparent)}}.eq-auto{background:linear-gradient(135deg, color(display-p3 .704793 .990265 .796656/.07), transparent 58%), var(--bg)}@supports (color:lab(0% 0 0)){.eq-auto{background:linear-gradient(135deg, lab(92.862% -39.1052 17.3699/.07), transparent 58%), var(--bg)}}@supports (color:color-mix(in lab, red, red)){.eq-auto{background:linear-gradient(135deg, lab(92.862% -39.1052 17.3699/.07), transparent 58%), color-mix(in oklch, var(--bg) 42%, transparent)}}.eq-auto{cursor:pointer;font-size:12px;font-weight:820;transition:color .15s,border-color .15s,background .15s,box-shadow .15s}.eq-auto strong{color:color(display-p3 .795117 .993257 .869468/.94);color:lab(94.8991% -26.7702 10.1806/.94);font-size:12px}.eq-auto.active{color:#07140f;background:linear-gradient(color(display-p3 1 1 1/.28),color(display-p3 1 1 1/.08)),color(display-p3 .742597 .992365 .820919/.84);background:linear-gradient(lab(100% 0 0/.28),lab(100% 0 0/.08)),lab(93.7162% -34.3367 15.258/.84);border-color:color(display-p3 .750036 .992756 .825767/.84);border-color:lab(93.8868% -33.3875 14.8373/.84);box-shadow:0 0 20px color(display-p3 .704793 .990265 .796656/.2);box-shadow:0 0 20px lab(92.862% -39.1052 17.3699/.2)}.eq-auto.active strong{color:#07140f}.eq-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.eq-preset{min-width:0;min-height:34px;color:var(--fg);border:1px solid color(display-p3 1 1 1/.09);border:1px solid lab(100% 0 0/.09);border-color:oklch(100% 5.96046e-8 none/.09) oklch(100% 5.96046e-8 none/.09) oklch(100% 5.96046e-8 none/.09) oklch(100% 5.96046e-8 none/.09);border-color:oklch(100% 5.96046e-8 none/.09) oklch(100% 5.96046e-8 none/.09) oklch(100% 5.96046e-8 none/.09) oklch(100% 5.96046e-8 none/.09);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.eq-preset{color:color-mix(in oklch, var(--fg) 74%, transparent)}}.eq-preset{background:linear-gradient(180deg, color(display-p3 1 1 1/.05), transparent), var(--bg)}@supports (color:lab(0% 0 0)){.eq-preset{background:linear-gradient(180deg, lab(100% 0 0/.05), transparent), var(--bg)}}@supports (color:color-mix(in lab, red, red)){.eq-preset{background:linear-gradient(180deg, lab(100% 0 0/.05), transparent), color-mix(in oklch, var(--bg) 38%, transparent)}}.eq-preset{cursor:pointer;font-size:12px;font-weight:800;transition:color .15s,border-color .15s,background .15s,box-shadow .15s}.eq-preset:hover,.eq-preset.active{color:#061118;border-color:var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.eq-preset:hover,.eq-preset.active{border-color:color-mix(in oklch, var(--accent-cyan) 70%, white 16%)}}.eq-preset:hover,.eq-preset.active{background:linear-gradient(180deg, color(display-p3 1 1 1/.36), color(display-p3 1 1 1/.1)), var(--accent-cyan)}@supports (color:lab(0% 0 0)){.eq-preset:hover,.eq-preset.active{background:linear-gradient(180deg, lab(100% 0 0/.36), lab(100% 0 0/.1)), var(--accent-cyan)}}@supports (color:color-mix(in lab, red, red)){.eq-preset:hover,.eq-preset.active{background:linear-gradient(180deg, lab(100% 0 0/.36), lab(100% 0 0/.1)), color-mix(in oklch, var(--accent-cyan) 70%, white 14%)}}.eq-preset:hover,.eq-preset.active{box-shadow:0 0 18px var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.eq-preset:hover,.eq-preset.active{box-shadow:0 0 18px color-mix(in oklch, var(--accent-cyan) 22%, transparent)}}.eq-preset.auto-driven:not(:hover){border-style:dashed}.eq-preset.custom{background:linear-gradient(135deg, color(display-p3 .704793 .990265 .796656/.08), transparent 62%), var(--bg);border-color:color(display-p3 .770978 .993813 .839542/.38);border-color:lab(94.3717% -30.697 13.6447/.38)}@supports (color:lab(0% 0 0)){.eq-preset.custom{background:linear-gradient(135deg, lab(92.862% -39.1052 17.3699/.08), transparent 62%), var(--bg)}}@supports (color:color-mix(in lab, red, red)){.eq-preset.custom{background:linear-gradient(135deg, lab(92.862% -39.1052 17.3699/.08), transparent 62%), color-mix(in oklch, var(--bg) 44%, transparent)}}.eq-custom-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.eq-copy{color:color(display-p3 .88512 .995776 .919358/.94);color:lab(96.9632% -15.2046 6.45539/.94);background:linear-gradient(135deg, color(display-p3 .704793 .990265 .796656/.1), transparent 60%), var(--bg);border:1px solid color(display-p3 .764804 .993509 .835462/.42);border:1px solid lab(94.2281% -31.493 13.9977/.42);border-radius:12px;justify-content:center;align-items:center;gap:7px;min-width:0;height:34px;padding:0 12px;display:inline-flex}@supports (color:lab(0% 0 0)){.eq-copy{background:linear-gradient(135deg, lab(92.862% -39.1052 17.3699/.1), transparent 60%), var(--bg)}}@supports (color:color-mix(in lab, red, red)){.eq-copy{background:linear-gradient(135deg, lab(92.862% -39.1052 17.3699/.1), transparent 60%), color-mix(in oklch, var(--bg) 44%, transparent)}}.eq-copy{cursor:pointer;font-size:12px;font-weight:840}.eq-delete{color:color(display-p3 .951612 .657947 .734971/.92);color:lab(77.2212% 37.1987 2.68979/.92)}.eq-custom-tools{align-items:center;gap:8px;display:inline-flex}.eq-edit,.eq-save,.eq-cancel{gap:7px;width:auto;min-width:34px;padding:0 11px;font-size:12px;font-weight:820;display:inline-flex}.eq-edit{color:color(display-p3 .82394 .947147 .99362/.93);color:lab(93.1514% -11.6099 -10.5214/.93)}.eq-draft{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:10px;display:grid}.eq-name-input{border:1px solid #fff;min-width:0;height:36px}@supports (color:color-mix(in lab, red, red)){.eq-name-input{border:1px solid color-mix(in oklch, white 12%, var(--accent-cyan) 12%)}}.eq-name-input{color:var(--fg);background:linear-gradient(180deg, color(display-p3 1 1 1/.06), transparent), var(--bg);border-radius:12px;padding:0 12px}@supports (color:lab(0% 0 0)){.eq-name-input{background:linear-gradient(180deg, lab(100% 0 0/.06), transparent), var(--bg)}}@supports (color:color-mix(in lab, red, red)){.eq-name-input{background:linear-gradient(180deg, lab(100% 0 0/.06), transparent), color-mix(in oklch, var(--bg) 54%, transparent)}}.eq-name-input{outline:none;font-size:12px;font-weight:800}.eq-name-input:focus{border-color:var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.eq-name-input:focus{border-color:color-mix(in oklch, var(--accent-cyan) 62%, white 12%)}}.eq-name-input:focus{box-shadow:0 0 0 2px var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.eq-name-input:focus{box-shadow:0 0 0 2px color-mix(in oklch, var(--accent-cyan) 18%, transparent)}}.eq-draft-actions{align-items:center;gap:8px;display:inline-flex}.eq-save{color:#07140f;background:linear-gradient(color(display-p3 1 1 1/.24),color(display-p3 1 1 1/.07)),color(display-p3 .744461 .992464 .822131/.8);background:linear-gradient(lab(100% 0 0/.24),lab(100% 0 0/.07)),lab(93.7589% -34.0993 15.1527/.8);border-color:color(display-p3 .754716 .992999 .82883/.76);border-color:lab(93.9947% -32.7886 14.5719/.76)}.eq-save:disabled{opacity:.46;cursor:not-allowed}.eq-editor{border-top:1px solid color(display-p3 1 1 1/.09);border-top:1px solid lab(100% 0 0/.09);gap:7px;margin-top:12px;padding-top:12px;display:grid}.eq-band{color:var(--fg);grid-template-columns:32px minmax(0,1fr) 42px;align-items:center;gap:9px;display:grid}@supports (color:color-mix(in lab, red, red)){.eq-band{color:color-mix(in oklch, var(--fg) 74%, transparent)}}.eq-band{font-size:11px;font-weight:780}.eq-band input{width:100%;accent-color:var(--accent-cyan)}.eq-band strong{color:var(--fg)}@supports (color:color-mix(in lab, red, red)){.eq-band strong{color:color-mix(in oklch, var(--fg) 88%, white 5%)}}.eq-band strong{text-align:right;font-size:11px}.lyrics-panel{right:0;bottom:var(--lyrics-compact-bottom);z-index:55;width:min(520px, calc(100vw - var(--library-col) - 58px));border:1px solid #fff;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;max-height:min(460px,48vh);display:grid;position:absolute}@supports (color:color-mix(in lab, red, red)){.lyrics-panel{border:1px solid color-mix(in oklch, white 13%, var(--accent-cyan) 12%)}}.lyrics-panel{background:linear-gradient(180deg, color(display-p3 1 1 1/.08), transparent 34%), var(--surface);border-radius:24px;overflow:hidden}@supports (color:lab(0% 0 0)){.lyrics-panel{background:linear-gradient(180deg, lab(100% 0 0/.08), transparent 34%), var(--surface)}}@supports (color:color-mix(in lab, red, red)){.lyrics-panel{background:linear-gradient(180deg, lab(100% 0 0/.08), transparent 34%), color-mix(in oklch, var(--surface) 88%, black 12%)}}.lyrics-panel{-webkit-backdrop-filter:blur(26px)saturate(1.16);-webkit-user-select:text;user-select:text;box-shadow:0 26px 70px color(display-p3 0 0 0/.458824),inset 0 1px color(display-p3 1 1 1/.13);box-shadow:0 26px 70px lab(0% 0 0/.458824),inset 0 1px lab(100% 0 0/.13)}.lyrics-panel.expanded{background:linear-gradient(180deg, color(display-p3 1 1 1/.09), transparent 28%), radial-gradient(ellipse at 50% 0%, var(--accent-cyan), transparent 58%), var(--surface);width:auto;max-height:none;top:0;bottom:0;left:0;right:0}@supports (color:lab(0% 0 0)){.lyrics-panel.expanded{background:linear-gradient(180deg, lab(100% 0 0/.09), transparent 28%), radial-gradient(ellipse at 50% 0%, var(--accent-cyan), transparent 58%), var(--surface)}}@supports (color:color-mix(in lab, red, red)){.lyrics-panel.expanded{background:linear-gradient(180deg, lab(100% 0 0/.09), transparent 28%), radial-gradient(ellipse at 50% 0%, color-mix(in oklch, var(--accent-cyan) 10%, transparent), transparent 58%), color-mix(in oklch, var(--surface) 91%, black 9%)}}.lyrics-panel.expanded{box-shadow:0 28px 80px color(display-p3 0 0 0/.501961),inset 0 1px color(display-p3 1 1 1/.13);box-shadow:0 28px 80px lab(0% 0 0/.501961),inset 0 1px lab(100% 0 0/.13)}.lyrics-header{border-bottom:1px solid color(display-p3 1 1 1/.08);border-bottom:1px solid lab(100% 0 0/.08);justify-content:space-between;align-items:center;gap:14px;min-width:0;padding:16px 16px 12px 18px;display:flex}.lyrics-header div{gap:2px;min-width:0;display:grid}.lyrics-header strong{font-size:15px}.lyrics-header span{min-width:0;color:var(--fg);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.lyrics-header span{color:color-mix(in oklch, var(--fg) 64%, transparent)}}.lyrics-header span{text-overflow:ellipsis;white-space:nowrap;font-size:12px}.lyrics-header-actions{flex:none;align-items:center;gap:8px;display:inline-flex}.lyrics-body{scrollbar-gutter:stable;-webkit-user-select:text;user-select:text;min-height:180px;padding:18px 20px 22px;overflow:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 24px calc(100% - 28px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 24px calc(100% - 28px),#0000 100%)}.lyrics-line{max-width:980px;color:var(--fg);padding:7px 0}@supports (color:color-mix(in lab, red, red)){.lyrics-line{color:color-mix(in oklch, var(--fg) 46%, transparent)}}.lyrics-line{letter-spacing:0;font-size:max(18px,min(1.45vw,24px));font-weight:850;line-height:1.18;transition:color .18s,transform .18s,opacity .18s,text-shadow .18s}.lyrics-panel.expanded .lyrics-header{padding:18px 20px 14px 22px}.lyrics-panel.expanded .lyrics-header strong{font-size:18px}.lyrics-panel.expanded .lyrics-header span{font-size:13px}.lyrics-panel.expanded .lyrics-body{min-height:0;padding:max(22px,min(3.4vw,46px)) max(30px,min(7vw,110px)) max(30px,min(4vw,58px))}.lyrics-panel.expanded .lyrics-line{padding:8px 0;font-size:max(24px,min(2.6vw,42px))}.lyrics-line.past{opacity:.52}.lyrics-line.active{color:var(--fg);text-shadow:0 0 18px var(--accent-cyan), 0 0 32px var(--accent-blue);transform:translate(5px)}@supports (color:color-mix(in lab, red, red)){.lyrics-line.active{text-shadow:0 0 18px color-mix(in oklch, var(--accent-cyan) 24%, transparent), 0 0 32px color-mix(in oklch, var(--accent-blue) 14%, transparent)}}.lyrics-line.plain{color:var(--fg)}@supports (color:color-mix(in lab, red, red)){.lyrics-line.plain{color:color-mix(in oklch, var(--fg) 78%, transparent)}}.lyrics-line.plain{font-size:max(18px,min(1.5vw,24px));font-weight:700;line-height:1.42}.lyrics-panel:not(.expanded) .lyrics-line.plain{font-size:16px}.lyrics-state{min-height:170px;color:var(--fg);place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.lyrics-state{color:color-mix(in oklch, var(--fg) 62%, transparent)}}.lyrics-state{text-align:center;font-size:14px}.lyrics-panel.expanded .lyrics-state{min-height:100%}.lyrics-state.error{color:var(--accent-hot)}@supports (color:color-mix(in lab, red, red)){.lyrics-state.error{color:color-mix(in oklch, var(--accent-hot) 70%, white 12%)}}.lyrics-source{color:var(--accent-cyan);padding:0 18px 14px}@supports (color:color-mix(in lab, red, red)){.lyrics-source{color:color-mix(in oklch, var(--accent-cyan) 78%, white 8%)}}.lyrics-source{font-size:12px;text-decoration:none}.volume-shell{--volume-level:0%;--volume-energy:0;isolation:isolate;border-radius:999px;place-items:center;width:148px;height:28px;display:grid;position:relative}.volume-shell:before{content:"";z-index:0;width:var(--volume-level);border-radius:inherit;background:var(--accent-cyan);height:6px;position:absolute;top:50%;left:0}@supports (color:color-mix(in lab, red, red)){.volume-shell:before{background:color-mix(in oklch, var(--accent-cyan) 62%, transparent)}}.volume-shell:before{filter:blur(7px);opacity:calc(.12 + (var(--volume-energy) * .3));transform-origin:0;pointer-events:none;transition:opacity .16s,filter .16s,height .19s;transform:translateY(-50%)}.volume-shell:after{content:"";z-index:0;width:var(--volume-level);border-radius:inherit;background:linear-gradient(90deg, white, var(--accent-cyan), var(--accent-hot));height:2px;position:absolute;top:50%;left:0}@supports (color:color-mix(in lab, red, red)){.volume-shell:after{background:linear-gradient(90deg, color-mix(in oklch, white 30%, var(--accent-cyan)), color-mix(in oklch, var(--accent-cyan) 78%, var(--accent-blue)), color-mix(in oklch, var(--accent-hot) 12%, var(--accent-cyan)))}}.volume-shell:after{opacity:calc(.34 + (var(--volume-energy) * .42));transform-origin:0;pointer-events:none;transition:opacity .16s,height .19s,background .19s,box-shadow .19s;transform:translateY(-50%)}.volume-shell:hover:after,.volume-shell:focus-within:after{height:4px;opacity:calc(.55 + (var(--volume-energy) * .38));box-shadow:0 0 18px var(--accent-cyan)}.volume-shell:has(.volume:active):after{height:4px;opacity:calc(.55 + (var(--volume-energy) * .38));box-shadow:0 0 18px var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.volume-shell:hover:after,.volume-shell:focus-within:after{box-shadow:0 0 18px color-mix(in oklch, var(--accent-cyan) 28%, transparent)}.volume-shell:has(.volume:active):after{box-shadow:0 0 18px color-mix(in oklch, var(--accent-cyan) 28%, transparent)}}.volume-shell:hover:before,.volume-shell:focus-within:before{filter:blur(10px);height:10px;opacity:calc(.2 + (var(--volume-energy) * .42))}.volume-shell:has(.volume:active):before{filter:blur(10px);height:10px;opacity:calc(.2 + (var(--volume-energy) * .42))}.volume{z-index:1;-webkit-appearance:none;appearance:none;width:148px;height:28px;accent-color:var(--accent-cyan);cursor:pointer;background:0 0;border:0;padding:0;position:relative}.volume:focus{outline:none}.volume:focus-visible{outline:none}.volume::-webkit-slider-runnable-track{background:linear-gradient(90deg, white 0 var(--volume-level), var(--fg) var(--volume-level) 100%);border-radius:999px;height:4px}@supports (color:color-mix(in lab, red, red)){.volume::-webkit-slider-runnable-track{background:linear-gradient(90deg, color-mix(in oklch, white 20%, var(--accent-cyan)) 0 var(--volume-level), color-mix(in oklch, var(--fg) 20%, transparent) var(--volume-level) 100%)}}.volume::-webkit-slider-runnable-track{transition:box-shadow .16s,filter .16s,height .16s;box-shadow:inset 0 1px color(display-p3 1 1 1/.14),0 0 0 1px color(display-p3 0 0 0/.18);box-shadow:inset 0 1px lab(100% 0 0/.14),0 0 0 1px lab(0% 0 0/.18)}.volume::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:1px solid color(display-p3 1 1 1/.56);border:1px solid lab(100% 0 0/.56);border-color:oklch(100% 5.96046e-8 none/.56) oklch(100% 5.96046e-8 none/.56) oklch(100% 5.96046e-8 none/.56) oklch(100% 5.96046e-8 none/.56);background:radial-gradient(circle at 40% 32%,#fff 0 13%,#0000 17%),#fff;border-color:oklch(100% 5.96046e-8 none/.56) oklch(100% 5.96046e-8 none/.56) oklch(100% 5.96046e-8 none/.56) oklch(100% 5.96046e-8 none/.56);border-radius:50%;width:16px;height:16px;margin-top:-6px}@supports (color:color-mix(in lab, red, red)){.volume::-webkit-slider-thumb{background:radial-gradient(circle at 40% 32%, white 0 13%, transparent 17%), color-mix(in oklch, white 12%, var(--accent-cyan))}}.volume::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--bg), 0 0 14px var(--accent-cyan), inset 0 1px 0 #ffffff94}@supports (color:color-mix(in lab, red, red)){.volume::-webkit-slider-thumb{box-shadow:0 0 0 2px color-mix(in oklch, var(--bg) 78%, transparent), 0 0 14px color-mix(in oklch, var(--accent-cyan) 28%, transparent), inset 0 1px 0 lab(100% 0 0/.58)}}.volume::-webkit-slider-thumb{opacity:0;transition:opacity .14s,transform .14s,box-shadow .16s,border-color .16s;transform:scale(.68)}.volume:hover::-webkit-slider-runnable-track{filter:saturate(1.12);height:5px;box-shadow:inset 0 1px 0 color(display-p3 1 1 1/.18), 0 0 18px var(--accent-cyan)}@supports (color:lab(0% 0 0)){.volume:hover::-webkit-slider-runnable-track{box-shadow:inset 0 1px 0 lab(100% 0 0/.18), 0 0 18px var(--accent-cyan)}}@supports (color:color-mix(in lab, red, red)){.volume:hover::-webkit-slider-runnable-track{box-shadow:inset 0 1px 0 lab(100% 0 0/.18), 0 0 18px color-mix(in oklch, var(--accent-cyan) 18%, transparent)}}.volume:active::-webkit-slider-runnable-track{filter:saturate(1.12);height:5px;box-shadow:inset 0 1px 0 color(display-p3 1 1 1/.18), 0 0 18px var(--accent-cyan)}@supports (color:lab(0% 0 0)){.volume:active::-webkit-slider-runnable-track{box-shadow:inset 0 1px 0 lab(100% 0 0/.18), 0 0 18px var(--accent-cyan)}}@supports (color:color-mix(in lab, red, red)){.volume:active::-webkit-slider-runnable-track{box-shadow:inset 0 1px 0 lab(100% 0 0/.18), 0 0 18px color-mix(in oklch, var(--accent-cyan) 18%, transparent)}}.volume:hover::-webkit-slider-thumb{opacity:1;box-shadow:0 0 0 3px var(--accent-cyan), 0 0 22px var(--accent-cyan), inset 0 1px 0 #ffffffa3;transform:scale(1)}@supports (color:color-mix(in lab, red, red)){.volume:hover::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in oklch, var(--accent-cyan) 13%, transparent), 0 0 22px color-mix(in oklch, var(--accent-cyan) 42%, transparent), inset 0 1px 0 lab(100% 0 0/.64)}}.volume:focus-visible::-webkit-slider-thumb{opacity:1;box-shadow:0 0 0 3px var(--accent-cyan), 0 0 22px var(--accent-cyan), inset 0 1px 0 #ffffffa3;transform:scale(1)}@supports (color:color-mix(in lab, red, red)){.volume:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in oklch, var(--accent-cyan) 13%, transparent), 0 0 22px color-mix(in oklch, var(--accent-cyan) 42%, transparent), inset 0 1px 0 lab(100% 0 0/.64)}}.volume:active::-webkit-slider-thumb{opacity:1;box-shadow:0 0 0 3px var(--accent-cyan), 0 0 22px var(--accent-cyan), inset 0 1px 0 #ffffffa3;transform:scale(1)}@supports (color:color-mix(in lab, red, red)){.volume:active::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in oklch, var(--accent-cyan) 13%, transparent), 0 0 22px color-mix(in oklch, var(--accent-cyan) 42%, transparent), inset 0 1px 0 lab(100% 0 0/.64)}}.volume::-moz-range-track{background:var(--fg);border-radius:999px;height:4px}@supports (color:color-mix(in lab, red, red)){.volume::-moz-range-track{background:color-mix(in oklch, var(--fg) 18%, transparent)}}.volume::-moz-range-track{box-shadow:inset 0 1px color(display-p3 1 1 1/.14);box-shadow:inset 0 1px lab(100% 0 0/.14)}.volume::-moz-range-progress{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-blue));border-radius:999px;height:4px}@supports (color:color-mix(in lab, red, red)){.volume::-moz-range-progress{background:linear-gradient(90deg, var(--accent-cyan), color-mix(in oklch, var(--accent-blue) 72%, white 8%))}}.volume::-moz-range-progress{box-shadow:0 0 12px var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.volume::-moz-range-progress{box-shadow:0 0 12px color-mix(in oklch, var(--accent-cyan) 22%, transparent)}}.volume::-moz-range-thumb{border:1px solid color(display-p3 1 1 1/.52);border:1px solid lab(100% 0 0/.52);border-color:oklch(100% 5.96046e-8 none/.52) oklch(100% 5.96046e-8 none/.52) oklch(100% 5.96046e-8 none/.52) oklch(100% 5.96046e-8 none/.52);background:radial-gradient(circle at 38% 32%,#fff 0 14%,#0000 18%),#fff;border-color:oklch(100% 5.96046e-8 none/.52) oklch(100% 5.96046e-8 none/.52) oklch(100% 5.96046e-8 none/.52) oklch(100% 5.96046e-8 none/.52);border-radius:50%;width:16px;height:16px}@supports (color:color-mix(in lab, red, red)){.volume::-moz-range-thumb{background:radial-gradient(circle at 38% 32%, white 0 14%, transparent 18%), color-mix(in oklch, white 12%, var(--accent-cyan))}}.volume::-moz-range-thumb{box-shadow:0 0 0 2px var(--bg), 0 0 14px var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.volume::-moz-range-thumb{box-shadow:0 0 0 2px color-mix(in oklch, var(--bg) 78%, transparent), 0 0 14px color-mix(in oklch, var(--accent-cyan) 28%, transparent)}}.volume::-moz-range-thumb{opacity:0;transition:opacity .14s,transform .14s,box-shadow .16s;transform:scale(.68)}.volume:hover::-moz-range-thumb{opacity:1;box-shadow:0 0 0 3px var(--accent-cyan), 0 0 22px var(--accent-cyan);transform:scale(1)}@supports (color:color-mix(in lab, red, red)){.volume:hover::-moz-range-thumb{box-shadow:0 0 0 3px color-mix(in oklch, var(--accent-cyan) 13%, transparent), 0 0 22px color-mix(in oklch, var(--accent-cyan) 42%, transparent)}}.volume:focus-visible::-moz-range-thumb{opacity:1;box-shadow:0 0 0 3px var(--accent-cyan), 0 0 22px var(--accent-cyan);transform:scale(1)}@supports (color:color-mix(in lab, red, red)){.volume:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px color-mix(in oklch, var(--accent-cyan) 13%, transparent), 0 0 22px color-mix(in oklch, var(--accent-cyan) 42%, transparent)}}.volume:active::-moz-range-thumb{opacity:1;box-shadow:0 0 0 3px var(--accent-cyan), 0 0 22px var(--accent-cyan);transform:scale(1)}@supports (color:color-mix(in lab, red, red)){.volume:active::-moz-range-thumb{box-shadow:0 0 0 3px color-mix(in oklch, var(--accent-cyan) 13%, transparent), 0 0 22px color-mix(in oklch, var(--accent-cyan) 42%, transparent)}}.volume-percent{min-width:44px;height:26px;color:var(--fg);border:1px solid color(display-p3 1 1 1/.09);border:1px solid lab(100% 0 0/.09);border-color:oklch(100% 5.96046e-8 none/.09) oklch(100% 5.96046e-8 none/.09) oklch(100% 5.96046e-8 none/.09) oklch(100% 5.96046e-8 none/.09);border-color:oklch(100% 5.96046e-8 none/.09) oklch(100% 5.96046e-8 none/.09) oklch(100% 5.96046e-8 none/.09) oklch(100% 5.96046e-8 none/.09);border-radius:999px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.volume-percent{color:color-mix(in oklch, var(--fg) 82%, transparent)}}.volume-percent{background:linear-gradient(180deg, color(display-p3 1 1 1/.06), transparent), var(--bg)}@supports (color:lab(0% 0 0)){.volume-percent{background:linear-gradient(180deg, lab(100% 0 0/.06), transparent), var(--bg)}}@supports (color:color-mix(in lab, red, red)){.volume-percent{background:linear-gradient(180deg, lab(100% 0 0/.06), transparent), color-mix(in oklch, var(--bg) 54%, transparent)}}.volume-percent{font-variant-numeric:tabular-nums;font-size:12px;line-height:1;transition:color .16s,border-color .16s,box-shadow .16s}.volume-shell:hover+.volume-percent,.volume-shell:focus-within+.volume-percent{color:var(--fg);border-color:var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.volume-shell:hover+.volume-percent,.volume-shell:focus-within+.volume-percent{border-color:color-mix(in oklch, var(--accent-cyan) 24%, white 8%)}}.volume-shell:hover+.volume-percent,.volume-shell:focus-within+.volume-percent{box-shadow:0 0 16px var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.volume-shell:hover+.volume-percent,.volume-shell:focus-within+.volume-percent{box-shadow:0 0 16px color-mix(in oklch, var(--accent-cyan) 12%, transparent)}}.toast-stack{z-index:80;pointer-events:none;gap:10px;width:min(340px,100vw - 32px);display:grid;position:fixed;top:88px;right:max(12px,min(6vw,96px))}.toast-stack-player{width:min(420px,100vw - 32px);top:auto;bottom:92px;left:50%;right:auto;transform:translate(-50%)}.toast{border:1px solid var(--fg);grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px 14px;display:grid}@supports (color:color-mix(in lab, red, red)){.toast{border:1px solid color-mix(in oklch, var(--fg) 16%, black 4%)}}.toast{background:linear-gradient(135deg, color(display-p3 1 1 1/.07), color(display-p3 0 0 0/.08)), var(--surface);border-radius:18px}@supports (color:lab(0% 0 0)){.toast{background:linear-gradient(135deg, lab(100% 0 0/.07), lab(0% 0 0/.08)), var(--surface)}}@supports (color:color-mix(in lab, red, red)){.toast{background:linear-gradient(135deg, lab(100% 0 0/.07), lab(0% 0 0/.08)), color-mix(in oklch, var(--surface) 90%, black 10%)}}.toast{-webkit-backdrop-filter:blur(16px)saturate(1.08);backdrop-filter:blur(16px)saturate(1.08);pointer-events:auto;will-change:transform, opacity;box-shadow:0 18px 44px color(display-p3 0 0 0/.321569),inset 0 1px color(display-p3 1 1 1/.14);box-shadow:0 18px 44px lab(0% 0 0/.321569),inset 0 1px lab(100% 0 0/.14)}.toast-mark{background:var(--accent-cyan);border-radius:12px;place-items:center;width:34px;height:34px;display:grid}@supports (color:color-mix(in lab, red, red)){.toast-mark{background:color-mix(in oklch, var(--accent-cyan) 14%, transparent)}}.toast.active .toast-mark{color:var(--accent-cyan);animation:1.1s ease-in-out infinite activePulse}.toast.success .toast-mark{color:#49e08b;background:color(display-p3 .46979 .86657 .575036/.16);background:lab(79.8888% -55.6068 29.6374/.16)}.toast.error .toast-mark{color:var(--destructive);background:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.toast.error .toast-mark{background:color-mix(in oklch, var(--destructive) 14%, transparent)}}.toast-copy{gap:4px;min-width:0;display:grid}.toast-copy strong{align-items:center;gap:8px;min-width:0;font-size:13px;display:flex}.toast-title-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.toast-countdown-label{color:var(--accent-cyan);flex:none;font-size:11px;font-weight:820;line-height:1}.toast-body{text-overflow:ellipsis;white-space:nowrap;color:var(--muted-text);font-size:12px;display:block;overflow:hidden}.toast-countdown-bar{background:var(--fg);border-radius:999px;width:100%;height:3px;display:block;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.toast-countdown-bar{background:color-mix(in oklch, var(--fg) 12%, transparent)}}.toast-countdown-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--accent-cyan), #f77bd8);width:100%;height:100%;box-shadow:0 0 14px var(--accent-cyan);display:block}@supports (color:color-mix(in lab, red, red)){.toast-countdown-bar span{box-shadow:0 0 14px color-mix(in oklch, var(--accent-cyan) 34%, transparent)}}.toast-countdown-bar span{transform-origin:0;animation:toastCountdown var(--toast-duration,5s) linear forwards}.toast-dismiss{cursor:pointer;background:0 0;border:0}@keyframes toastCountdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes activePulse{0%,to{opacity:.82;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes skeletonShimmer{0%{transform:translate(-78%)}62%,to{transform:translate(78%)}}@keyframes skeletonElastic{0%,to{background-position:0%;transform:scaleX(1)}50%{background-position:100%;transform:scaleX(1.018)}}@keyframes freshEntryGlow{0%{box-shadow:0 0 color(display-p3 .499727 .706661 .869845/0),inset 0 1px color(display-p3 1 1 1/.18);box-shadow:0 0 lab(70.651% -14.0373 -29.5194/0),inset 0 1px lab(100% 0 0/.18)}28%{box-shadow:0 0 34px color-mix(in oklch, var(--accent-cyan) 24%, transparent), 0 14px 40px #00000047, inset 0 1px 0 color(display-p3 1 1 1/.18)}to{box-shadow:inset 0 1px color(display-p3 1 1 1/.1),0 12px 26px color(display-p3 0 0 0/.160784);box-shadow:inset 0 1px lab(100% 0 0/.1),0 12px 26px lab(0% 0 0/.160784)}}@supports (color:lab(0% 0 0)){@keyframes freshEntryGlow{0%{box-shadow:0 0 color(display-p3 .499727 .706661 .869845/0),inset 0 1px color(display-p3 1 1 1/.18);box-shadow:0 0 lab(70.651% -14.0373 -29.5194/0),inset 0 1px lab(100% 0 0/.18)}28%{box-shadow:0 0 34px color-mix(in oklch, var(--accent-cyan) 24%, transparent), 0 14px 40px #00000047, inset 0 1px 0 lab(100% 0 0/.18)}to{box-shadow:inset 0 1px color(display-p3 1 1 1/.1),0 12px 26px color(display-p3 0 0 0/.160784);box-shadow:inset 0 1px lab(100% 0 0/.1),0 12px 26px lab(0% 0 0/.160784)}}}@keyframes freshFogGlitch{0%{opacity:0;clip-path:inset(0 92% 0 0);transform:translate(-24px)skew(-8deg)}18%{opacity:.86;clip-path:inset(8% 38% 12% 0);transform:translate(-8px)skew(7deg)}31%{opacity:.48;clip-path:inset(42% 6% 34% 0);transform:translate(12px)skew(-4deg)}52%{opacity:.38;clip-path:inset(0 0 0 42%);transform:translate(24px)skew(0deg)}to{opacity:0;clip-path:inset(0 0 0 100%);transform:translate(42px)skew(0deg)}}@keyframes playlistFreshBadgeIn{0%{opacity:0;filter:blur(5px);transform:translate(10px,-4px)scale(.78)}55%{opacity:1;filter:blur();transform:translate(-2px)scale(1.08)}to{opacity:1;filter:blur();transform:translate(0)scale(1)}}.context-menu{z-index:90;background:var(--surface);border:1px solid color(display-p3 1 1 1/.1);border:1px solid lab(100% 0 0/.1);border-color:oklch(100% 5.96046e-8 none/.1) oklch(100% 5.96046e-8 none/.1) oklch(100% 5.96046e-8 none/.1) oklch(100% 5.96046e-8 none/.1);border-color:oklch(100% 5.96046e-8 none/.1) oklch(100% 5.96046e-8 none/.1) oklch(100% 5.96046e-8 none/.1) oklch(100% 5.96046e-8 none/.1);border-radius:16px;min-width:190px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);padding:8px;position:fixed;overflow:auto}@supports (color:color-mix(in lab, red, red)){.context-menu{background:color-mix(in oklch, var(--surface) 94%, black 6%)}}.context-menu{transform-origin:0 0;box-shadow:0 18px 40px #0000005c}@keyframes pauseButtonBreath{0%,to{box-shadow:0 12px 26px #00000057, 0 0 10px color-mix(in oklch, var(--accent-cyan) 9%, transparent), inset 0 1px 0 color(display-p3 1 1 1/.15)}50%{box-shadow:0 14px 28px #0000005c, 0 0 18px color-mix(in oklch, var(--accent-cyan) 18%, transparent), inset 0 1px 0 color(display-p3 1 1 1/.18)}}@supports (color:lab(0% 0 0)){@keyframes pauseButtonBreath{0%,to{box-shadow:0 12px 26px #00000057, 0 0 10px color-mix(in oklch, var(--accent-cyan) 9%, transparent), inset 0 1px 0 lab(100% 0 0/.15)}50%{box-shadow:0 14px 28px #0000005c, 0 0 18px color-mix(in oklch, var(--accent-cyan) 18%, transparent), inset 0 1px 0 lab(100% 0 0/.18)}}}@keyframes pauseDial{0%{transform:translateZ(0)rotate(0)}to{transform:translateZ(0)rotate(1turn)}}@keyframes pauseBarMorphA{0%,to{border-radius:999px;height:20px;transform:translate(-5px)rotate(-3deg)scaleY(1)}44%{border-radius:8px;height:17px;transform:translate(-5px,1px)rotate(4deg)scaleY(.9)}68%{height:22px;transform:translate(-5px,-1px)rotate(-1deg)scaleY(1.03)}}@keyframes pauseBarMorphB{0%,to{border-radius:999px;height:19px;transform:translate(5px)rotate(3deg)scaleY(.94)}36%{height:22px;transform:translate(5px,-1px)rotate(-4deg)scaleY(1.03)}72%{border-radius:8px;height:17px;transform:translate(5px,1px)rotate(2deg)scaleY(.9)}}@keyframes currentTextMarquee{0%,18%{transform:translate(0)}76%,88%{transform:translate3d(calc((var(--marquee-distance) + 34px) * -1), 0, 0)}to{transform:translate(0)}}.context-menu button{width:100%;color:var(--fg);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:10px;padding:9px 10px;display:grid}.context-menu button:hover{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.context-menu button:hover{background:color-mix(in oklch, var(--fg) 9%, transparent)}}.context-menu button.accent{color:var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.context-menu button.accent{color:color-mix(in oklch, var(--accent-cyan) 82%, white 12%)}}.context-menu button.accent{border:1px solid var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.context-menu button.accent{border:1px solid color-mix(in oklch, var(--accent-cyan) 18%, transparent)}}.context-menu button.accent{background:linear-gradient(90deg, var(--accent-cyan), transparent 76%), var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.context-menu button.accent{background:linear-gradient(90deg, color-mix(in oklch, var(--accent-cyan) 13%, transparent), transparent 76%), color-mix(in oklch, var(--accent-cyan) 5%, transparent)}}.context-menu button.accent:hover{background:linear-gradient(90deg, var(--accent-cyan), transparent 80%), var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.context-menu button.accent:hover{background:linear-gradient(90deg, color-mix(in oklch, var(--accent-cyan) 22%, transparent), transparent 80%), color-mix(in oklch, var(--accent-cyan) 8%, transparent)}}.context-menu button:disabled,.context-menu button.disabled{color:var(--muted-text)}@supports (color:color-mix(in lab, red, red)){.context-menu button:disabled,.context-menu button.disabled{color:color-mix(in oklch, var(--muted-text) 72%, transparent)}}.context-menu button:disabled,.context-menu button.disabled{cursor:default;opacity:.7}.context-menu button:disabled:hover,.context-menu button.disabled:hover{background:0 0}.context-icon svg{width:18px;height:18px}.divider{background:color(display-p3 1 1 1/.1);background:lab(100% 0 0/.1);height:1px;margin:6px 4px}.modal-layer{z-index:100;padding:clamp(18px, 5vh, 64px) 24px calc(24px + var(--modal-player-gap));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000005c;place-items:start center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal-layer-centered{place-items:center;padding:24px}.modal{width:min(520px,100vw - 40px);max-height:min(780px, calc(100vh - 48px - var(--modal-player-gap)));background:linear-gradient(180deg, color(display-p3 1 1 1/.09), color(display-p3 1 1 1/.02)), var(--surface);border:1px solid color(display-p3 1 1 1/.14);border:1px solid lab(100% 0 0/.14);border-color:oklch(100% 5.96046e-8 none/.14) oklch(100% 5.96046e-8 none/.14) oklch(100% 5.96046e-8 none/.14) oklch(100% 5.96046e-8 none/.14);border-color:oklch(100% 5.96046e-8 none/.14) oklch(100% 5.96046e-8 none/.14) oklch(100% 5.96046e-8 none/.14) oklch(100% 5.96046e-8 none/.14);border-radius:28px;flex-direction:column;display:flex}@supports (color:lab(0% 0 0)){.modal{background:linear-gradient(180deg, lab(100% 0 0/.09), lab(100% 0 0/.02)), var(--surface)}}@supports (color:color-mix(in lab, red, red)){.modal{background:linear-gradient(180deg, lab(100% 0 0/.09), lab(100% 0 0/.02)), color-mix(in oklch, var(--surface) 92%, black 8%)}}.modal{-webkit-backdrop-filter:blur(30px)saturate(1.15);backdrop-filter:blur(30px)saturate(1.15);will-change:transform, opacity;overflow:hidden;box-shadow:0 28px 80px color(display-p3 0 0 0/.521569),inset 0 1px color(display-p3 1 1 1/.14);box-shadow:0 28px 80px lab(0% 0 0/.521569),inset 0 1px lab(100% 0 0/.14)}.modal-head{border-bottom:1px solid color(display-p3 1 1 1/.09);border-bottom:1px solid lab(100% 0 0/.09);justify-content:space-between;align-items:center;gap:12px;height:62px;padding:0 18px 0 22px;display:flex}.modal-head h3{font-size:17px;font-weight:680}.modal-close{background:var(--fg);border:0;border-radius:13px;place-items:center;width:36px;height:36px;display:grid}@supports (color:color-mix(in lab, red, red)){.modal-close{background:color-mix(in oklch, var(--fg) 8%, transparent)}}.modal-close{cursor:pointer}.modal-body{overscroll-behavior:contain;flex-direction:column;gap:14px;min-height:0;padding:18px;display:flex;overflow-y:auto}.nested-form{padding:0}.settings-shell{flex-direction:column;gap:12px;min-height:min(560px,100vh - 150px);display:flex}.settings-top-grid,.settings-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.settings-footer-grid{margin-top:auto}.settings-login-form{background:var(--fg);border:1px solid color(display-p3 1 1 1/.08);border:1px solid lab(100% 0 0/.08);border-color:oklch(100% 5.96046e-8 none/.08) oklch(100% 5.96046e-8 none/.08) oklch(100% 5.96046e-8 none/.08) oklch(100% 5.96046e-8 none/.08);border-color:oklch(100% 5.96046e-8 none/.08) oklch(100% 5.96046e-8 none/.08) oklch(100% 5.96046e-8 none/.08) oklch(100% 5.96046e-8 none/.08);border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:14px;display:grid}@supports (color:color-mix(in lab, red, red)){.settings-login-form{background:color-mix(in oklch, var(--fg) 6%, transparent)}}.settings-row{background:var(--fg);border:1px solid color(display-p3 1 1 1/.08);border:1px solid lab(100% 0 0/.08);border-color:oklch(100% 5.96046e-8 none/.08) oklch(100% 5.96046e-8 none/.08) oklch(100% 5.96046e-8 none/.08) oklch(100% 5.96046e-8 none/.08);border-color:oklch(100% 5.96046e-8 none/.08) oklch(100% 5.96046e-8 none/.08) oklch(100% 5.96046e-8 none/.08) oklch(100% 5.96046e-8 none/.08);border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px;display:grid}@supports (color:color-mix(in lab, red, red)){.settings-row{background:color-mix(in oklch, var(--fg) 6%, transparent)}}.settings-row-compact{gap:12px;min-height:62px;padding:12px 14px}.settings-version{grid-template-columns:1fr}.settings-section{gap:10px;display:grid}.settings-section-title{color:var(--fg)}@supports (color:color-mix(in lab, red, red)){.settings-section-title{color:color-mix(in oklch, var(--fg) 72%, transparent)}}.settings-section-title{letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:900}.settings-row-stack{grid-template-columns:1fr;align-items:stretch}.settings-audio-card{background:linear-gradient(180deg, color(display-p3 1 1 1/.06), color(display-p3 0 0 0/.1)), var(--fg);border:1px solid color(display-p3 1 1 1/.08);border:1px solid lab(100% 0 0/.08);border-color:oklch(100% 5.96046e-8 none/.08) oklch(100% 5.96046e-8 none/.08) oklch(100% 5.96046e-8 none/.08) oklch(100% 5.96046e-8 none/.08);border-color:oklch(100% 5.96046e-8 none/.08) oklch(100% 5.96046e-8 none/.08) oklch(100% 5.96046e-8 none/.08) oklch(100% 5.96046e-8 none/.08);border-radius:18px;gap:8px;padding:8px;display:grid}@supports (color:lab(0% 0 0)){.settings-audio-card{background:linear-gradient(180deg, lab(100% 0 0/.06), lab(0% 0 0/.1)), var(--fg)}}@supports (color:color-mix(in lab, red, red)){.settings-audio-card{background:linear-gradient(180deg, lab(100% 0 0/.06), lab(0% 0 0/.1)), color-mix(in oklch, var(--fg) 5%, transparent)}}.settings-audio-row{border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-height:54px;padding:8px 10px;display:grid}.settings-audio-row+.settings-audio-row{border-top:1px solid color(display-p3 1 1 1/.06);border-top:1px solid lab(100% 0 0/.06)}.settings-inline-controls{justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.settings-switch,.settings-select,.settings-segmented{border:1px solid var(--line)}@supports (color:color-mix(in lab, red, red)){.settings-switch,.settings-select,.settings-segmented{border:1px solid color-mix(in oklch, var(--line) 84%, transparent)}}.settings-switch,.settings-select,.settings-segmented{background:var(--panel-strong)}@supports (color:color-mix(in lab, red, red)){.settings-switch,.settings-select,.settings-segmented{background:color-mix(in oklch, var(--panel-strong) 74%, black 10%)}}.settings-switch,.settings-select,.settings-segmented{color:var(--fg)}@supports (color:color-mix(in lab, red, red)){.settings-switch,.settings-select,.settings-segmented{color:color-mix(in oklch, var(--fg) 88%, transparent)}}.settings-switch,.settings-select,.settings-segmented{box-shadow:inset 0 1px color(display-p3 1 1 1/.08);box-shadow:inset 0 1px lab(100% 0 0/.08)}.settings-switch{cursor:pointer;border-radius:999px;min-width:68px;height:34px;padding:0 16px;font-size:12px;font-weight:900;transition:color .16s,background .16s,border-color .16s,box-shadow .16s}.settings-switch.on{color:#061118;border-color:var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.settings-switch.on{border-color:color-mix(in oklch, var(--accent-cyan) 72%, white 12%)}}.settings-switch.on{background:linear-gradient(180deg, color(display-p3 1 1 1/.38), color(display-p3 1 1 1/.04)), var(--accent-cyan)}@supports (color:lab(0% 0 0)){.settings-switch.on{background:linear-gradient(180deg, lab(100% 0 0/.38), lab(100% 0 0/.04)), var(--accent-cyan)}}@supports (color:color-mix(in lab, red, red)){.settings-switch.on{background:linear-gradient(180deg, lab(100% 0 0/.38), lab(100% 0 0/.04)), color-mix(in oklch, var(--accent-cyan) 76%, white 10%)}}.settings-switch.on{box-shadow:0 0 0 1px var(--accent-cyan), 0 0 22px var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.settings-switch.on{box-shadow:0 0 0 1px color-mix(in oklch, var(--accent-cyan) 18%, transparent), 0 0 22px color-mix(in oklch, var(--accent-cyan) 22%, transparent)}}.settings-segmented{border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.settings-segmented button{min-height:32px;color:var(--fg);background:0 0;border:0;border-radius:999px}@supports (color:color-mix(in lab, red, red)){.settings-segmented button{color:color-mix(in oklch, var(--fg) 72%, transparent)}}.settings-segmented button{cursor:pointer;font-weight:900}.settings-segmented button.active{color:#061118;background:var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.settings-segmented button.active{background:color-mix(in oklch, var(--accent-cyan) 78%, white 12%)}}.settings-select{min-width:110px;height:34px;font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-color:#a7ffd4;border-radius:999px;outline:0;padding:0 13px;font-weight:900}@supports (color:color-mix(in lab, red, red)){.settings-select{border-color:color-mix(in oklch, #a7ffd4 34%, var(--line) 30%)}}.settings-select{background:linear-gradient(180deg, color(display-p3 .802814 .994532 .881821/.16), color(display-p3 -.0641376 .183911 .0813978/.11)), var(--panel-strong)}@supports (color:lab(0% 0 0)){.settings-select{background:linear-gradient(180deg, lab(95.182% -25.6137 8.85236/.16), lab(14.8462% -37.019 12.4317/.11)), var(--panel-strong)}}@supports (color:color-mix(in lab, red, red)){.settings-select{background:linear-gradient(180deg, lab(95.182% -25.6137 8.85236/.16), lab(14.8462% -37.019 12.4317/.11)), color-mix(in oklch, var(--panel-strong) 74%, #123e35 26%)}}.settings-select{color:color(display-p3 .93975 .997708 .969883);color:lab(98.4393% -7.4786 1.66485);box-shadow:inset 0 1px color(display-p3 1 1 1/.12),0 0 0 1px color(display-p3 .732294 .990993 .842539/.1),0 10px 24px color(display-p3 .611397 .988054 .795145/.08);box-shadow:inset 0 1px lab(100% 0 0/.12),0 0 0 1px lab(93.5709% -34.3697 11.8454/.1),0 10px 24px lab(91.3833% -48.513 15.0516/.08)}.settings-select:focus-visible{border-color:color(display-p3 .774997 .993216 .866105/.8);border-color:lab(94.5379% -29.101 10.0467/.8);box-shadow:0 0 0 1px color(display-p3 .732294 .990993 .842539/.24),0 0 18px color(display-p3 .611397 .988054 .795145/.16);box-shadow:0 0 0 1px lab(93.5709% -34.3697 11.8454/.24),0 0 18px lab(91.3833% -48.513 15.0516/.16)}.settings-select option{color:#effff8;background:#111d18;font-weight:800}.settings-select option:checked{color:#b7ffdf;background:#1f4938}.settings-row strong,.settings-row span,.settings-audio-row>div>strong,.settings-audio-row>div>span{display:block}.settings-row strong,.settings-audio-row>div>strong{font-size:14px}.settings-row span,.settings-audio-row>div>span,.confirm-copy{color:var(--muted-text);font-size:13px;line-height:1.45}.settings-changelog{padding-top:2px;display:block}.settings-changelog-header{grid-template-columns:minmax(0,1fr) minmax(0,auto);align-items:center;gap:12px;min-height:36px;padding:0 4px;display:grid}.settings-changelog-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.settings-changelog-version{color:var(--muted-text)}@supports (color:color-mix(in lab, red, red)){.settings-changelog-version{color:color-mix(in oklch, var(--muted-text) 78%, transparent)}}.settings-changelog-version{font-size:12px;font-weight:800}.settings-mini-action{border:1px solid var(--accent-cyan);min-height:28px}@supports (color:color-mix(in lab, red, red)){.settings-mini-action{border:1px solid color-mix(in oklch, var(--accent-cyan) 24%, white 6%)}}.settings-mini-action{color:var(--fg);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.settings-mini-action{color:color-mix(in oklch, var(--fg) 88%, transparent)}}.settings-mini-action{background:linear-gradient(180deg, color(display-p3 1 1 1/.07), color(display-p3 0 0 0/.05)), var(--surface)}@supports (color:lab(0% 0 0)){.settings-mini-action{background:linear-gradient(180deg, lab(100% 0 0/.07), lab(0% 0 0/.05)), var(--surface)}}@supports (color:color-mix(in lab, red, red)){.settings-mini-action{background:linear-gradient(180deg, lab(100% 0 0/.07), lab(0% 0 0/.05)), color-mix(in oklch, var(--surface) 82%, var(--accent-cyan) 8%)}}.settings-mini-action{cursor:pointer;font-size:11px;font-weight:800}.settings-mini-action svg{width:13px;height:13px}.settings-changelog-list{overscroll-behavior:contain;gap:8px;max-height:min(180px,28vh);padding:4px 2px 0;display:grid;overflow-y:auto}.settings-changelog-item{background:var(--fg);border:1px solid color(display-p3 1 1 1/.07);border:1px solid lab(100% 0 0/.07);border-color:oklch(100% 5.96046e-8 none/.07) oklch(100% 5.96046e-8 none/.07) oklch(100% 5.96046e-8 none/.07) oklch(100% 5.96046e-8 none/.07);border-color:oklch(100% 5.96046e-8 none/.07) oklch(100% 5.96046e-8 none/.07) oklch(100% 5.96046e-8 none/.07) oklch(100% 5.96046e-8 none/.07);border-radius:14px;grid-template-columns:78px minmax(0,1fr);align-items:start;gap:12px;padding:10px 12px;display:grid}@supports (color:color-mix(in lab, red, red)){.settings-changelog-item{background:color-mix(in oklch, var(--fg) 4%, transparent)}}.settings-changelog-item strong{color:var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.settings-changelog-item strong{color:color-mix(in oklch, var(--accent-cyan) 78%, white 10%)}}.settings-changelog-item strong{font-size:13px;line-height:1.35}.settings-changelog-item span{min-width:0;color:var(--muted-text)}@supports (color:color-mix(in lab, red, red)){.settings-changelog-item span{color:color-mix(in oklch, var(--muted-text) 88%, transparent)}}.settings-changelog-item span{overflow-wrap:anywhere;font-size:13px;line-height:1.46}.settings-changelog-date{color:var(--muted-text);margin-top:3px;display:block}@supports (color:color-mix(in lab, red, red)){.settings-changelog-date{color:color-mix(in oklch, var(--muted-text) 72%, transparent)}}.settings-changelog-date{font-size:11px;font-weight:720}.form-field{flex-direction:column;gap:8px;display:flex}.form-field label{color:var(--muted-text);font-size:12px}.form-field input{border:1px solid var(--line);background:var(--bg);border-radius:999px;height:44px;padding:0 14px}@supports (color:color-mix(in lab, red, red)){.form-field input{background:color-mix(in oklch, var(--bg) 58%, transparent)}}.form-field.limit-reached input{border-color:var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.form-field.limit-reached input{border-color:color-mix(in oklch, var(--accent-cyan) 58%, white 8%)}}.form-field.limit-reached input{box-shadow:0 0 0 3px var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.form-field.limit-reached input{box-shadow:0 0 0 3px color-mix(in oklch, var(--accent-cyan) 14%, transparent)}}.field-hint{min-height:16px;color:var(--muted-text);justify-content:space-between;align-items:center;gap:12px;padding:0 4px;font-size:11px;display:flex}.form-field.limit-reached .field-hint{color:var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.form-field.limit-reached .field-hint{color:color-mix(in oklch, var(--accent-cyan) 78%, white 8%)}}.modal-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.primary-action{color:#061118;background:var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.primary-action{background:color-mix(in oklch, var(--accent-cyan) 72%, white 12%)}}.visually-hidden,.hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.spin{animation:.9s linear infinite spin}@keyframes angelLikePulse{0%,to{transform:translate(0)scale(1)}14%{transform:translate(-2px)scale(1.08)}23%{transform:translate(3px)scale(.96)}34%{transform:translate(-2px)scale(1.04)}52%{transform:translate(1px)scale(1.02)}70%{transform:translate(0)scale(1)}}@keyframes angelUnlikePulse{0%,to{transform:translate(0)scale(1)}12%{transform:translate(3px)scale(.94)}24%{transform:translate(-3px)scale(1.05)}39%{transform:translate(1px)scale(.98)}58%{transform:translate(-1px)scale(1.01)}74%{transform:translate(0)scale(1)}}@keyframes angelGlitchSlice{0%,to{opacity:0;transform:translate(0)}8%,42%{opacity:.95;transform:translate(-5px)}18%{transform:translate(7px)}28%{opacity:.52;transform:translate(-3px)}56%{opacity:.18;transform:translate(2px)}}@keyframes angelGlitchSliceB{0%,to{opacity:0;transform:translate(0)}11%,48%{opacity:.74;transform:translate(6px)}20%{transform:translate(-6px)}36%{opacity:.48;transform:translate(4px)}60%{opacity:.12;transform:translate(-1px)}}@keyframes angelGlitchSliceReverse{0%,to{opacity:0;transform:translate(0)}9%,40%{opacity:.86;transform:translate(5px)}18%{transform:translate(-7px)}31%{opacity:.48;transform:translate(3px)}58%{opacity:.14;transform:translate(-2px)}}@keyframes angelGlitchSliceReverseB{0%,to{opacity:0;transform:translate(0)}12%,46%{opacity:.68;transform:translate(-6px)}21%{transform:translate(6px)}38%{opacity:.42;transform:translate(-4px)}62%{opacity:.1;transform:translate(1px)}}@keyframes angelIconSplit{0%,to{transform:translate(0)}12%{transform:translate(2px)}21%{transform:translate(-3px)}33%{transform:translate(2px)}50%{transform:translate(0)}}@keyframes angelIconSplitReverse{0%,to{transform:translate(0)}12%{transform:translate(-2px)}24%{transform:translate(3px)}38%{transform:translate(-2px)}54%{transform:translate(0)}}@keyframes angelCoverGlitch{0%,to{clip-path:inset(0 round 12px);transform:translate(0)scale(1)}10%{clip-path:inset(8% 0 64% round 12px);transform:translate(-4px)scale(1.02)}22%{clip-path:inset(31% 0 38% round 12px);transform:translate(5px)scale(1.01)}38%{clip-path:inset(58% 0 18% round 12px);transform:translate(-3px)scale(1)}56%{clip-path:inset(0 round 12px);transform:translate(1px)scale(1.01)}}@keyframes angelCoverGlitchReverse{0%,to{clip-path:inset(0 round 12px);transform:translate(0)scale(1)}9%{clip-path:inset(61% 0 14% round 12px);transform:translate(4px)scale(1.02)}23%{clip-path:inset(28% 0 42% round 12px);transform:translate(-5px)scale(1.01)}41%{clip-path:inset(7% 0 66% round 12px);transform:translate(3px)scale(1)}58%{clip-path:inset(0 round 12px);transform:translate(0)scale(1)}}@keyframes angelTextGlitch{0%,to{filter:none;transform:translate(0)}10%{filter:brightness(1.18);transform:translate(-3px)}20%{filter:brightness(1.08);transform:translate(5px)}34%{filter:brightness(1.2);transform:translate(-2px)}52%{filter:none;transform:translate(2px)}}@keyframes angelTextGlitchReverse{0%,to{filter:none;transform:translate(0)}11%{filter:brightness(1.16);transform:translate(3px)}24%{filter:brightness(1.08);transform:translate(-5px)}38%{filter:brightness(1.18);transform:translate(2px)}55%{filter:none;transform:translate(-2px)}}@keyframes angelFieldGlitchOn{0%,to{opacity:0;clip-path:inset(0 round 22px);transform:translate(0)scale(.98)}8%{opacity:.18;clip-path:inset(9% 0 66% round 22px);transform:translate(-4px)scale(1.01)}18%{opacity:.72;clip-path:inset(28% 0 42% round 22px);transform:translate(7px)scale(1.02)}30%{opacity:.45;clip-path:inset(58% 0 18% round 22px);transform:translate(-4px)scale(1)}48%{opacity:.62;clip-path:inset(14% 0 56% round 22px);transform:translate(2px)scale(1.01)}72%{opacity:.16;clip-path:inset(0 round 22px);transform:translate(0)scale(1)}}@keyframes angelFieldGlitchOff{0%,to{opacity:0;clip-path:inset(0 round 22px);transform:translate(0)scale(1)}7%{opacity:.2;clip-path:inset(62% 0 14% round 22px);transform:translate(4px)scale(1.01)}19%{opacity:.64;clip-path:inset(34% 0 38% round 22px);transform:translate(-7px)scale(1.01)}36%{opacity:.38;clip-path:inset(8% 0 70% round 22px);transform:translate(4px)scale(.99)}56%{opacity:.22;clip-path:inset(46% 0 28% round 22px);transform:translate(-2px)scale(1)}76%{opacity:.1;clip-path:inset(0 round 22px);transform:translate(0)scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1280px){.app{--library-col:244px}.player{grid-template-columns:minmax(156px,236px) minmax(292px,1fr) minmax(258px,300px);gap:12px;padding-inline-start:16px;padding-inline-end:16px}.player-actions{min-width:258px}.volume-shell,.volume{width:124px}.topbar{--search-shift:22px;grid-template-columns:minmax(214px,1fr) minmax(300px,700px) minmax(214px,1fr);column-gap:14px}.search{grid-template-columns:22px minmax(0,1fr) 1px 36px;padding-inline-start:14px;padding-inline-end:14px}.search-zone{grid-template-columns:minmax(0,1fr);width:min(100%,714px)}.album-card{flex-basis:min(420px,100% - 96px);width:min(420px,100% - 96px)}.track-row{grid-template-columns:30px 48px minmax(148px,1fr) minmax(104px,max-content) minmax(152px,.72fr) 66px 52px 34px;column-gap:9px}.playlist-view.selection-mode .track-row{grid-template-columns:28px 30px 48px minmax(140px,1fr) minmax(104px,max-content) minmax(144px,.72fr) 66px 52px 34px;column-gap:8px}.track-quality{min-width:104px;margin-left:-8px}.track-album{padding-left:8px}.track-added,.track-time{font-size:13px}}@media (max-width:860px){.player{grid-template-columns:minmax(132px,1fr) minmax(236px,1.3fr) minmax(80px,auto);gap:8px;padding-inline-start:10px;padding-inline-end:10px}.player-actions{min-width:80px}.volume-shell,.volume-percent{display:none}.eq-popover{width:min(336px,100vw - 24px);right:0}.topbar{--search-shift:0px;grid-template-columns:minmax(0,1fr) 188px;column-gap:8px;padding-right:0}.window-tools{display:none}.search{grid-template-columns:20px minmax(0,1fr) 1px 34px;justify-self:stretch;width:100%;padding-inline-start:12px;padding-inline-end:12px;transform:none}.search-zone{grid-template-columns:minmax(0,1fr);justify-self:stretch;width:100%;transform:none}.track-row{grid-template-columns:28px 44px minmax(112px,1fr) minmax(96px,max-content) 48px 34px;column-gap:8px;padding-inline-start:8px;padding-inline-end:8px}.playlist-view.selection-mode .track-row{grid-template-columns:28px 28px 44px minmax(96px,1fr) minmax(96px,max-content) 48px 34px;column-gap:7px}.track-quality{min-width:96px;margin-left:0}.track-album,.track-added{display:none}.track-time{text-align:right;justify-self:end;min-width:44px}.track-menu-trigger{justify-self:end;width:32px;height:32px}}@media (max-width:720px){html,body,#root,.shell{height:100dvh;min-height:100dvh}html{--mobile-player-height:96px;--mobile-list-bottom-space:calc(var(--mobile-player-height) + env(safe-area-inset-bottom) + 16px);--lyrics-compact-bottom:calc(var(--mobile-player-height) + 14px);--modal-player-gap:calc(var(--mobile-player-height) + 10px)}html:has(.app[data-player-state=empty]){--mobile-player-height:0px;--mobile-list-bottom-space:0px;--lyrics-compact-bottom:14px;--modal-player-gap:10px}.shell{place-items:stretch stretch}.app{--library-col:0px;width:100%;max-width:100dvw;height:100dvh;min-height:0;box-shadow:none;border:0;grid-template-rows:64px 82px minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.app[data-player-state=empty]{--mobile-player-height:0px;--mobile-list-bottom-space:0px;--lyrics-compact-bottom:14px;--modal-player-gap:10px}.app[data-player-state=empty] .player{display:none}html.tauri-window-effects .app:before{top:0;bottom:0;left:0;right:0}.topbar{grid-area:1/1;grid-template-columns:42px minmax(0,1fr) 42px;gap:8px;padding:10px 10px 6px}.topbar-drag-region{display:none}.window-tools{gap:0;display:flex}.window-tools .icon-btn:not(:first-child){display:none}.top-actions{justify-content:end;gap:0;width:42px;min-width:0;height:auto;margin:0}.win-controls{display:none}.icon-btn{border-radius:15px;width:42px;height:42px}.search-zone{grid-column:2;justify-self:stretch;width:100%}.search{grid-template-columns:18px minmax(0,1fr) 1px 34px;gap:9px;height:42px;padding:0 8px 0 12px}.search input{font-size:14px}.search-upload{width:34px;height:34px}.notification-panel{width:min(344px,100vw - 16px);max-height:calc(100dvh - 74px);top:58px;right:8px}.library{display:none}.mobile-library-rail{grid-area:2/1;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:8px 10px 6px;display:grid;overflow:visible}.mobile-create-playlist{width:44px;height:54px;color:var(--fg);border:1px solid color(display-p3 1 1 1/.1);border:1px solid lab(100% 0 0/.1);border-color:oklch(100% 5.96046e-8 none/.1) oklch(100% 5.96046e-8 none/.1) oklch(100% 5.96046e-8 none/.1) oklch(100% 5.96046e-8 none/.1);border-color:oklch(100% 5.96046e-8 none/.1) oklch(100% 5.96046e-8 none/.1) oklch(100% 5.96046e-8 none/.1) oklch(100% 5.96046e-8 none/.1);border-radius:17px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.mobile-create-playlist{color:color-mix(in oklch, var(--fg) 88%, transparent)}}.mobile-create-playlist{background:linear-gradient(180deg, color(display-p3 1 1 1/.08), color(display-p3 1 1 1/.02)), var(--surface)}@supports (color:lab(0% 0 0)){.mobile-create-playlist{background:linear-gradient(180deg, lab(100% 0 0/.08), lab(100% 0 0/.02)), var(--surface)}}@supports (color:color-mix(in lab, red, red)){.mobile-create-playlist{background:linear-gradient(180deg, lab(100% 0 0/.08), lab(100% 0 0/.02)), color-mix(in oklch, var(--surface) 64%, transparent)}}.mobile-create-playlist{box-shadow:inset 0 1px color(display-p3 1 1 1/.1);box-shadow:inset 0 1px lab(100% 0 0/.1)}.mobile-playlist-scroll{scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;gap:8px;min-width:0;padding:6px 2px;display:flex;overflow-x:auto;overflow-y:hidden}.mobile-playlist-scroll::-webkit-scrollbar{display:none}.mobile-playlist-reorder-group{flex:none;align-items:stretch;gap:8px;min-width:max-content;display:inline-flex}.mobile-playlist-scroll .playlist{border:1px solid #fff;flex:0 0 164px;grid-template-columns:42px minmax(0,1fr);gap:9px;width:164px;min-height:54px;margin:0;padding:7px}@supports (color:color-mix(in lab, red, red)){.mobile-playlist-scroll .playlist{border:1px solid color-mix(in oklch, white 13%, var(--accent-cyan) 8%)}}.mobile-playlist-scroll .playlist{background:radial-gradient(ellipse at 18% 28%, var(--accent-cyan), transparent 62%), linear-gradient(180deg, #ffffff1a, #ffffff08), var(--surface);border-radius:17px}@supports (color:color-mix(in lab, red, red)){.mobile-playlist-scroll .playlist{background:radial-gradient(ellipse at 18% 28%, color-mix(in oklch, var(--accent-cyan) 14%, transparent), transparent 62%), linear-gradient(180deg, lab(100% 0 0/.1), lab(100% 0 0/.03)), color-mix(in oklch, var(--surface) 54%, transparent)}}.mobile-playlist-scroll .playlist{-webkit-backdrop-filter:blur(18px)saturate(1.12);scroll-snap-align:start;touch-action:pan-x;box-shadow:inset 0 1px color(display-p3 1 1 1/.13),0 10px 24px color(display-p3 0 0 0/.180392);box-shadow:inset 0 1px lab(100% 0 0/.13),0 10px 24px lab(0% 0 0/.180392)}.mobile-playlist-scroll .playlist.reorderable{touch-action:none}.mobile-playlist-scroll .playlist:has(.playlist-menu-trigger){flex-basis:174px;grid-template-columns:42px minmax(0,1fr) 28px;width:174px}.mobile-playlist-scroll .playlist:has(.playlist-menu-trigger) .playlist-title{padding-right:0}.mobile-playlist-scroll .playlist-menu-trigger{background:0 0;grid-area:1/3;justify-self:end;width:28px;height:36px;margin-right:-3px;position:relative;top:auto;right:auto;transform:none}.mobile-playlist-scroll .playlist.active{border-color:var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.mobile-playlist-scroll .playlist.active{border-color:color-mix(in oklch, var(--accent-cyan) 46%, white 14%)}}.mobile-playlist-scroll .playlist.active{background:radial-gradient(ellipse at 18% 38%, var(--accent-cyan), transparent 62%), linear-gradient(180deg, #ffffff21, #ffffff0a), var(--surface)}@supports (color:color-mix(in lab, red, red)){.mobile-playlist-scroll .playlist.active{background:radial-gradient(ellipse at 18% 38%, color-mix(in oklch, var(--accent-cyan) 22%, transparent), transparent 62%), linear-gradient(180deg, lab(100% 0 0/.13), lab(100% 0 0/.04)), color-mix(in oklch, var(--surface) 58%, transparent)}}.mobile-playlist-scroll .mini-cover{border-radius:13px;width:42px;height:42px}.mobile-playlist-scroll .playlist-title strong{font-size:13px}.mobile-playlist-scroll .playlist-title span{font-size:11px}.mobile-playlist-scroll .playlist-fresh-badge{min-width:30px;height:18px;padding:0 6px;font-size:9px;top:5px;right:5px}.mobile-playlist-scroll .playlist:has(.playlist-menu-trigger) .playlist-fresh-badge{right:32px}.context-menu{overscroll-behavior:contain;scrollbar-width:none;width:min(286px,100dvw - 20px);min-width:0;max-width:calc(100dvw - 20px);max-height:calc(100dvh - 20px)}.context-menu::-webkit-scrollbar{display:none}.stage{grid-area:3/1;grid-template-rows:auto minmax(0,1fr);gap:8px;width:100%;min-width:0;padding:0 10px}.app:has(.lyrics-panel.expanded) .stage{z-index:89}.stage-compact{grid-template-rows:auto minmax(0,1fr);gap:9px;padding-top:8px}.stage-compact.selection-open{grid-template-rows:auto auto minmax(0,1fr)}.hero{display:none}.album-stack{height:114px;min-height:114px;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 24px calc(100% - 24px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 24px calc(100% - 24px),#0000 100%)}.album-track{gap:9px}.album-card{border-radius:18px;flex-basis:min(282px,100vw - 72px);grid-template-columns:72px minmax(0,1fr) 38px;column-gap:10px;width:min(282px,100vw - 72px);height:112px;padding:10px}.album-card .cover{border-radius:14px;width:72px;height:72px}.album-card:after{width:34px;height:34px}.album-copy{gap:3px}.album-copy strong{font-size:14px}.album-copy>span{font-size:11px}.hero-bottom-actions{bottom:8px}.primary.hero-play-action{width:52px;height:42px}.content-head{width:100%;box-shadow:none;background:0 0;border:0;grid-template-columns:minmax(0,1fr);align-items:start;gap:7px;padding:0;display:grid}.eyebrow{font-size:13px;line-height:1.1}.content-controls{justify-content:stretch;justify-self:stretch;width:100%;min-width:0;display:block}.segmented{background:0 0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;justify-self:stretch;gap:8px;width:100%;min-width:0;max-width:100%;padding:0}.list-search{background:var(--fg);border:0;border-radius:14px;height:36px;padding:0 9px}@supports (color:color-mix(in lab, red, red)){.list-search{background:color-mix(in oklch, var(--fg) 5%, transparent)}}.sort-segment{width:auto;min-width:86px;height:36px;color:var(--fg);justify-content:center;gap:6px;padding:0 10px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.sort-segment{color:color-mix(in oklch, var(--fg) 82%, transparent)}}.sort-segment{white-space:nowrap;font-size:12px;line-height:1}.sort-segment.segment.active{color:var(--fg);background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.sort-segment.segment.active{background:color-mix(in oklch, var(--fg) 6%, transparent)}}.sort-segment svg{color:var(--fg);width:17px;height:17px}.selection-bar.open{gap:8px;margin:0 0 6px;display:grid}.selection-summary{min-width:0}.selection-actions{flex-wrap:nowrap;justify-content:start;padding-bottom:2px;overflow-x:auto}.bulk-action{flex:none}.playlist-view{touch-action:pan-y;min-height:0}.track-table{scrollbar-width:none;scrollbar-gutter:auto;scroll-padding-bottom:var(--mobile-list-bottom-space);box-shadow:none;background:0 0;border:0;outline:0;margin-inline-start:0;margin-inline-end:0;padding-right:0}.track-table::-webkit-scrollbar{width:0;height:0;display:none}.track-table.has-overflow,.track-table.has-scrolled,.track-table.has-scrolled.has-overflow{padding-bottom:var(--mobile-list-bottom-space);-webkit-mask-image:none;mask-image:none}.track-row{background:linear-gradient(180deg, color(display-p3 1 1 1/.08), color(display-p3 1 1 1/.02)), var(--surface);border:1px solid color(display-p3 1 1 1/.11);border:1px solid lab(100% 0 0/.11);border-color:oklch(100% 5.96046e-8 none/.11) oklch(100% 5.96046e-8 none/.11) oklch(100% 5.96046e-8 none/.11) oklch(100% 5.96046e-8 none/.11);border-color:oklch(100% 5.96046e-8 none/.11) oklch(100% 5.96046e-8 none/.11) oklch(100% 5.96046e-8 none/.11) oklch(100% 5.96046e-8 none/.11);border-radius:16px;outline:0;grid-template-columns:42px minmax(0,1fr) max-content 34px;gap:0 8px;min-height:62px;margin-bottom:8px;padding:8px}@supports (color:lab(0% 0 0)){.track-row{background:linear-gradient(180deg, lab(100% 0 0/.08), lab(100% 0 0/.02)), var(--surface)}}@supports (color:color-mix(in lab, red, red)){.track-row{background:linear-gradient(180deg, lab(100% 0 0/.08), lab(100% 0 0/.02)), color-mix(in oklch, var(--surface) 45%, transparent)}}.track-row{-webkit-backdrop-filter:blur(16px)saturate(1.08);contain-intrinsic-size:62px;touch-action:pan-y;box-shadow:inset 0 1px color(display-p3 1 1 1/.1),0 8px 20px color(display-p3 0 0 0/.141176);box-shadow:inset 0 1px lab(100% 0 0/.1),0 8px 20px lab(0% 0 0/.141176)}.track-row:hover,.track-row.active,.track-row.selected{border-color:var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.track-row:hover,.track-row.active,.track-row.selected{border-color:color-mix(in oklch, var(--accent-cyan) 38%, white 10%)}}.track-row:hover,.track-row.active,.track-row.selected{background:radial-gradient(ellipse at 18% 50%, var(--accent-cyan), transparent 62%), linear-gradient(180deg, #ffffff1c, #ffffff08), var(--surface)}@supports (color:color-mix(in lab, red, red)){.track-row:hover,.track-row.active,.track-row.selected{background:radial-gradient(ellipse at 18% 50%, color-mix(in oklch, var(--accent-cyan) 18%, transparent), transparent 62%), linear-gradient(180deg, lab(100% 0 0/.11), lab(100% 0 0/.03)), color-mix(in oklch, var(--surface) 50%, transparent)}}.track-row:hover,.track-row.active,.track-row.selected{box-shadow:inset 0 1px color(display-p3 1 1 1/.14),0 10px 24px color(display-p3 0 0 0/.180392);box-shadow:inset 0 1px lab(100% 0 0/.14),0 10px 24px lab(0% 0 0/.180392)}.track-row.active:before,.track-row.active:after,.track-row.selected:after{display:none}.playlist-view.selection-mode .track-row{grid-template-columns:28px 42px minmax(0,1fr) max-content 34px}.playlist-view.selection-mode .select-check{grid-area:1/1}.track-row .mini-cover{border-radius:12px;grid-area:1/1;width:42px;height:42px}.playlist-view.selection-mode .track-row .mini-cover{grid-column:2}.track-name{grid-area:1/2}.playlist-view.selection-mode .track-name{grid-column:3}.track-index,.track-quality,.track-album,.track-added,.playlist-view.selection-mode .track-quality{display:none}.track-name strong{font-size:14px}.track-name>span,.track-meta{font-size:12px}.track-time{grid-area:1/3;place-self:center end;min-width:0;font-size:12px}.track-menu-trigger{grid-area:1/4;width:34px;height:34px}.playlist-view.selection-mode .track-time{grid-column:4}.playlist-view.selection-mode .track-menu-trigger{grid-column:5}html.web-pwa-shell .player,.player{z-index:90;width:100%;max-width:100dvw;height:var(--mobile-player-height);min-height:var(--mobile-player-height);padding:8px max(10px, env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));background:linear-gradient(180deg, transparent 0, color(display-p3 1 1 1/.07) 42%, var(--accent-cyan) 100%);border-top:0;grid-template-rows:50px 22px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px 10px;position:fixed;bottom:0;left:0;right:0}@supports (color:lab(0% 0 0)){html.web-pwa-shell .player,.player{background:linear-gradient(180deg, transparent 0, lab(100% 0 0/.07) 42%, var(--accent-cyan) 100%)}}@supports (color:color-mix(in lab, red, red)){html.web-pwa-shell .player,.player{background:linear-gradient(180deg, transparent 0, lab(100% 0 0/.07) 42%, color-mix(in oklch, var(--accent-cyan) 5%, transparent) 100%)}}html.web-pwa-shell .player,.player{box-shadow:none;-webkit-backdrop-filter:blur(26px)saturate(1.18)}html.web-pwa-shell .player:before,.player:before{background:linear-gradient(180deg, transparent 0, color(display-p3 1 1 1/.08) 54%, var(--accent-cyan) 100%);top:-28px;bottom:0;left:0;right:0}@supports (color:lab(0% 0 0)){html.web-pwa-shell .player:before,.player:before{background:linear-gradient(180deg, transparent 0, lab(100% 0 0/.08) 54%, var(--accent-cyan) 100%)}}@supports (color:color-mix(in lab, red, red)){html.web-pwa-shell .player:before,.player:before{background:linear-gradient(180deg, transparent 0, lab(100% 0 0/.08) 54%, color-mix(in oklch, var(--accent-cyan) 7%, transparent) 100%)}}html.web-pwa-shell .player:before,.player:before{opacity:.26;filter:blur(28px)saturate(1.16)}html.web-pwa-shell .player:after,.player:after{display:none}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.player{-webkit-backdrop-filter:blur(26px)saturate(1.18);backdrop-filter:blur(26px)saturate(1.18)}}.current{grid-area:1/1;grid-template-columns:48px minmax(0,1fr);gap:10px}.current .mini-cover{border-radius:14px;width:48px;height:48px}.like-placeholder{display:none}.transport{display:contents}.controls{grid-area:1/2;justify-content:end;gap:2px;margin-bottom:0}.controls .round:first-child{display:none}.round{width:34px;height:34px}.round.play{width:42px;height:42px}.timeline{grid-area:2/1/auto/-1;grid-template-columns:35px minmax(0,1fr) 35px;gap:6px;transform:none}.time{font-size:11px}.player-actions{grid-area:1/3;justify-content:end;gap:0;min-width:34px;display:flex}.player-actions .eq-control{display:none}.player-tool{width:34px;height:34px}.eq-popover{left:10px;right:10px;bottom:calc(var(--mobile-player-height) + 10px);width:auto;max-height:calc(100dvh - var(--mobile-player-height) - 96px);position:fixed;overflow:auto}.lyrics-panel{left:10px;right:10px;bottom:calc(var(--mobile-player-height) + 10px);z-index:89;width:auto;max-height:min(520px, calc(100dvh - var(--mobile-player-height) - env(safe-area-inset-top) - 24px));position:fixed}.lyrics-panel.expanded{inset:0 0 var(--mobile-player-height) 0;z-index:89;border-radius:0;width:auto;max-height:none;position:fixed}.modal-layer{padding:8px 10px calc(var(--mobile-player-height) + 8px)}.modal-layer-centered{padding:10px}.modal{width:calc(100vw - 20px);max-height:calc(100dvh - var(--mobile-player-height) - 16px);border-radius:22px}.modal-head{height:52px;padding:0 12px 0 16px}.modal-head h3{font-size:16px}.modal-close{border-radius:12px;width:34px;height:34px}.modal-body{gap:10px;padding:12px}.settings-shell{gap:8px;min-height:0}.settings-top-grid,.settings-footer-grid{grid-template-columns:1fr;gap:8px}.settings-login-form,.settings-row,.settings-audio-row{grid-template-columns:1fr}.settings-login-form,.settings-row{border-radius:16px;gap:9px;padding:10px}.settings-row-compact{min-height:50px;padding:9px 10px}.settings-section{gap:6px}.settings-section-title{font-size:11px}.settings-audio-card{border-radius:16px;gap:4px;padding:6px}.settings-audio-row{border-radius:12px;gap:8px;min-height:42px;padding:6px 8px}.settings-row strong,.settings-audio-row>div>strong{font-size:13px}.settings-row span,.settings-audio-row>div>span{font-size:12px;line-height:1.32}.settings-inline-controls{justify-content:start}.settings-switch,.settings-select{height:30px;font-size:11px}.settings-switch{min-width:60px;padding:0 12px}.settings-select{min-width:98px;padding:0 11px}.settings-changelog-header{grid-template-columns:1fr;gap:6px;min-height:28px;padding:0 2px}.settings-changelog-actions{justify-content:start;gap:6px}.settings-mini-action{min-height:26px;padding:0 8px;font-size:10.5px}.settings-changelog-list{gap:6px;max-height:min(112px,17vh)}.settings-changelog-item{border-radius:12px;grid-template-columns:64px minmax(0,1fr);gap:8px;padding:8px 9px}.settings-changelog-item strong,.settings-changelog-item span{font-size:12px;line-height:1.32}.settings-changelog-date{font-size:10px}.toast-stack{width:auto;left:10px;right:10px}}@media (max-width:420px){html{--mobile-player-height:94px}.search-divider{display:none}.search{grid-template-columns:18px minmax(0,1fr) 32px}.mobile-playlist-scroll .playlist{flex-basis:142px;width:142px}.mobile-playlist-scroll .playlist:has(.playlist-menu-trigger){flex-basis:154px;grid-template-columns:42px minmax(0,1fr) 26px;width:154px}.mobile-playlist-scroll .playlist-menu-trigger{width:26px;margin-right:-4px}.track-row{grid-template-columns:42px minmax(0,1fr) 34px}.playlist-view.selection-mode .track-row{grid-template-columns:28px 42px minmax(0,1fr) 34px}.track-time{display:none}.track-menu-trigger{grid-column:3}.playlist-view.selection-mode .track-menu-trigger{grid-column:4}.controls{gap:3px}.round:not(.play){width:32px;height:32px}.app[data-player-state=empty]{--mobile-player-height:0px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}