/*! tailwindcss v4.3.3 | 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,::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-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--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-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--spacing:.25rem;--container-lg:32rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--radius-sm:calc(var(--radius) * .6);--radius-md:calc(var(--radius) * .8);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) * 1.4);--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--animate-heart-pop:heart-pop .24s ease-out}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.right-0{right:0}.z-30{z-index:30}.z-40{z-index:40}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-7{margin-top:calc(var(--spacing) * 7)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-\[80vh\]{max-height:80vh}.w-full{width:100%}.w-max{width:max-content}.max-w-lg{max-width:var(--container-lg)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-44{min-width:calc(var(--spacing) * 44)}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-top{transform-origin:top}.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}.grid-rows-\[1fr_auto\]{grid-template-rows:1fr auto}.grid-rows-\[auto_1fr_auto\]{grid-template-rows:auto 1fr auto}.place-items-center{place-items:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-3{gap:calc(var(--spacing) * 3)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-x-1{column-gap:var(--spacing)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:calc(var(--radius) * .8)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-\(--foreground\){background-color:var(--foreground)}.p-4{padding:calc(var(--spacing) * 4)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.pl-1{padding-left:var(--spacing)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\/5{font-size:var(--text-sm);line-height:calc(var(--spacing) * 5)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.break-all{word-break:break-all}.text-\(--background\){color:var(--background)}.text-\(--fg-subtle\){color:var(--fg-subtle)}.text-\(--muted-foreground\),.text-\[var\(--muted-foreground\)\],.text-muted-foreground{color:var(--muted-foreground)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,transform\,max-width\,grid-template-columns\]{transition-property:opacity,transform,max-width,grid-template-columns;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.group-data-closed\:scale-95:is(:where(.group)[data-closed] *){--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-data-closed\:opacity-0:is(:where(.group)[data-closed] *){opacity:0}.group-data-closed\:transition-\[opacity\,transform\]:is(:where(.group)[data-closed] *){transition-property:opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:text-\(--foreground\):hover,.hover\:text-foreground:hover{color:var(--foreground)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-focus-ring:focus-visible{outline-color:var(--focus-ring)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-closed\:scale-95[data-closed]{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.data-closed\:opacity-0[data-closed]{opacity:0}@media (prefers-reduced-motion:no-preference){.motion-safe\:animate-heart-pop{animation:var(--animate-heart-pop)}}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}.motion-reduce\:group-data-closed\:scale-100:is(:where(.group)[data-closed] *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.motion-reduce\:group-data-closed\:transition-none:is(:where(.group)[data-closed] *){transition-property:none}}}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/geist-cyrillic-ext-wght-normal.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;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/geist-cyrillic-wght-normal.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/geist-vietnamese-wght-normal.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;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/geist-latin-ext-wght-normal.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;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/geist-latin-wght-normal.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}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/geist-mono-cyrillic-ext-wght-normal.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 Mono;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/geist-mono-cyrillic-wght-normal.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/geist-mono-symbols2-wght-normal.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/geist-mono-vietnamese-wght-normal.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 Mono;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/geist-mono-latin-ext-wght-normal.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 Mono;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/geist-mono-latin-wght-normal.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{--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--dur-press:.16s;--dur-tooltip:.15s;--dur-menu:.18s;--dur-modal:.2s}[data-theme=light]{--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(97% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(93.5% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(93.5% 0 0);--muted-foreground:oklch(46% 0 0);--accent:oklch(93.5% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--border:oklch(0% 0 0/.1);--input:oklch(0% 0 0/.1);--ring:oklch(70.8% 0 0);--focus-ring:oklch(55.6% 0 0);--sidebar:oklch(96% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-accent:oklch(91% 0 0);--sidebar-border:oklch(0% 0 0/.1);--destructive-soft:var(--destructive)}@supports (color:color-mix(in lab, red, red)){[data-theme=light]{--destructive-soft:color-mix(in oklch, var(--destructive) 10%, transparent)}}[data-theme=light]{--destructive-border:var(--destructive)}@supports (color:color-mix(in lab, red, red)){[data-theme=light]{--destructive-border:color-mix(in oklch, var(--destructive) 30%, var(--border))}}[data-theme=light]{--warning:oklch(55% .13 70);--success:oklch(60% .13 155);--scrim:oklch(0% 0 0/.1);--input-bg:var(--background);--input-bg-hover:var(--muted);--ghost-hover:oklch(0% 0 0/.05);--shadow-md:0 4px 6px -1px oklch(0% 0 0/.1), 0 2px 4px -2px oklch(0% 0 0/.1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--focus-ring:oklch(70.8% 0 0);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-border:oklch(100% 0 0/.1);--destructive-soft:var(--destructive)}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--destructive-soft:color-mix(in oklch, var(--destructive) 20%, transparent)}}[data-theme=dark]{--destructive-border:var(--destructive)}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--destructive-border:color-mix(in oklch, var(--destructive) 40%, var(--border))}}[data-theme=dark]{--warning:oklch(80% .13 80);--success:oklch(72% .13 155);--scrim:oklch(0% 0 0/.5);--input-bg:var(--input)}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--input-bg:color-mix(in oklch, var(--input) 30%, transparent)}}[data-theme=dark]{--input-bg-hover:var(--input)}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--input-bg-hover:color-mix(in oklch, var(--input) 50%, transparent)}}[data-theme=dark]{--ghost-hover:var(--muted)}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--ghost-hover:color-mix(in oklch, var(--muted) 50%, transparent)}}[data-theme=dark]{--shadow-md:0 4px 6px -1px oklch(0% 0 0/.3), 0 2px 4px -2px oklch(0% 0 0/.3);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-radius="0"]{--radius:0px}[data-radius="4"]{--radius:.25rem}[data-radius="6"]{--radius:.45rem}[data-radius="10"]{--radius:.625rem}[data-radius="14"]{--radius:.875rem}[data-radius="20"]{--radius:1.25rem}[data-density=airy]{--row-h:52px;--gap:20px;--pad:24px;--fs:14px}[data-density=balanced]{--row-h:44px;--gap:16px;--pad:20px;--fs:14px}[data-density=dense]{--row-h:36px;--gap:12px;--pad:16px;--fs:13px}html,body{background:var(--background);height:100%;color:var(--foreground);margin:0;padding:0;overflow:hidden}body{font-family:var(--font-sans);font-size:var(--fs);-webkit-font-smoothing:antialiased;line-height:1.45}#root{height:100vh}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){::selection{background:color-mix(in oklch, var(--foreground) 15%, transparent)}}::selection{color:var(--foreground)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);background-clip:padding-box;border:2px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--input);background-clip:padding-box}.app{grid-template-columns:var(--sidebar-w,248px) 8px minmax(0, 1fr) var(--lyrics-panel-gap,0px) var(--lyrics-panel-w,0px);background:var(--sidebar);grid-template-rows:1fr auto;grid-template-areas:"sidebar.main.lyrics""player player player player player";row-gap:8px;height:100vh;padding:8px;transition:grid-template-columns .28s cubic-bezier(.22,1,.36,1);display:grid}@media (prefers-reduced-motion:reduce){.app{transition:none}.sidebar .brand-text,.sidebar .nav-label,.sidebar .user-text{transition:none;transform:none}}[data-layout=compact] .app{--sidebar-w:64px}[data-layout=wide] .app{--sidebar-w:296px}.app[data-lyrics-open=true]{--lyrics-panel-gap:8px;--lyrics-panel-w:280px}[data-layout=wide] .app[data-lyrics-open=true]{--lyrics-panel-w:320px}.sidebar{color:var(--sidebar-foreground);background:0 0;flex-direction:column;grid-area:sidebar;min-height:0;display:flex;position:relative;overflow:hidden}.brand{height:48px;color:inherit;z-index:1;flex:none;align-items:center;gap:8px;padding:0 8px;text-decoration:none;display:flex;position:relative}.brand-mark{border-radius:var(--radius-lg);--brand-mark-top:#fff;background:linear-gradient(180deg, var(--brand-mark-top) 0%, #7a2cf6 70%);background:linear-gradient(180deg, var(--brand-mark-top) 0%, #851cff 70%);color:#fff;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid;box-shadow:inset 0 0 0 1px oklch(0% 0 0/.06),inset 0 1px oklch(100% 0 0/.35)}@supports (color:color(display-p3 0 0 0)){.brand-mark{background:linear-gradient(180deg, var(--brand-mark-top) 0%, color(display-p3 .48 .139 .968) 70%)}}[data-theme=dark] .brand-mark{--brand-mark-top:#161616;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.08),inset 0 1px oklch(100% 0 0/.12)}.brand-mark svg{opacity:.9;filter:drop-shadow(0 .5px 1px oklch(30% .2 295/.35));width:62%}.brand-name{font-size:14px;font-weight:600;line-height:1.2}.brand-text,.nav-label,.user-text{white-space:nowrap;opacity:1;max-width:240px;transition:opacity .16s,transform .22s cubic-bezier(.22,1,.36,1);overflow:hidden;transform:translate(0)}[data-layout=compact] .brand-text,[data-layout=compact] .nav-label,[data-layout=compact] .sidebar-playlist-name,[data-layout=compact] .user-text{opacity:0;pointer-events:none;max-width:0;margin-left:0;transform:translate(-8px)}[data-layout=compact] .nav-section-title{justify-content:center;padding:0;font-size:0}[data-layout=compact] .nav-section-title:before{content:"";background:var(--sidebar-border);width:16px;height:1px}[data-layout=compact] .sidebar-playlists-empty{display:none}[data-layout=compact] .nav-section-title:has(.iconbtn):before{display:none}[data-layout=compact] .nav-badge{min-width:16px;height:16px;padding:0 3px;font-size:10px;position:absolute;top:2px;right:2px}.brand,.nav-item,.sidebar-playlist,.sidebar-footer,.nav{transition:padding .22s cubic-bezier(.22,1,.36,1),gap .22s cubic-bezier(.22,1,.36,1)}[data-layout=compact] .nav-item,[data-layout=compact] .sidebar-playlist{justify-content:center;gap:0;padding:0}[data-layout=compact] .brand{justify-content:center;gap:0;padding:0 8px}[data-layout=compact] .sidebar-footer{flex-direction:column;align-items:center;gap:4px;padding:8px}[data-layout=compact] .sidebar-footer .user-text{display:none}[data-layout=compact] .nav{padding:8px}.nav{z-index:1;flex:none;padding:8px;position:relative;overflow-y:auto}.nav-section-title{color:var(--sidebar-foreground);font-size:12px;font-weight:500}@supports (color:color-mix(in lab, red, red)){.nav-section-title{color:color-mix(in oklch, var(--sidebar-foreground) 70%, transparent)}}.nav-section-title{justify-content:space-between;align-items:center;height:32px;margin-top:8px;padding:0 8px;display:flex}.nav-item{border-radius:var(--radius-md);height:32px;color:var(--sidebar-foreground);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:0 8px;font-size:14px;text-decoration:none;transition:background .12s,color .12s;display:flex;position:relative}.nav-item:hover{background:var(--sidebar-accent)}.nav-item.active{background:var(--sidebar-accent);font-weight:500}.nav-icon{flex:0 0 16px;width:16px;height:16px}.nav-badge{font-variant-numeric:tabular-nums;min-width:20px;height:20px;color:var(--primary-foreground);background:var(--primary);border-radius:var(--radius-md);place-items:center;margin-left:auto;padding:0 4px;font-size:12px;font-weight:500;display:inline-grid}.sidebar-playlists-scroller{--sidebar-fade:32px;z-index:1;flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.sidebar-playlists{min-height:0;scroll-padding-block:var(--sidebar-fade);scrollbar-width:none;flex:auto;padding:0 8px 12px;overflow-y:auto}.sidebar-playlists::-webkit-scrollbar{display:none}.sidebar-playlists-scroller[data-forward]>.sidebar-playlists{-webkit-mask-image:linear-gradient(black calc(100% - var(--sidebar-fade)), transparent);-webkit-mask-image:linear-gradient(black calc(100% - var(--sidebar-fade)), transparent);-webkit-mask-image:linear-gradient(black calc(100% - var(--sidebar-fade)), transparent);mask-image:linear-gradient(black calc(100% - var(--sidebar-fade)), transparent)}.sidebar-playlists-scroller[data-back]>.sidebar-playlists{-webkit-mask-image:linear-gradient(transparent, black var(--sidebar-fade));-webkit-mask-image:linear-gradient(transparent, black var(--sidebar-fade));-webkit-mask-image:linear-gradient(transparent, black var(--sidebar-fade));mask-image:linear-gradient(transparent, black var(--sidebar-fade))}.sidebar-playlists-scroller[data-back][data-forward]>.sidebar-playlists{-webkit-mask-image:linear-gradient(transparent, black var(--sidebar-fade), black calc(100% - var(--sidebar-fade)), transparent);-webkit-mask-image:linear-gradient(transparent, black var(--sidebar-fade), black calc(100% - var(--sidebar-fade)), transparent);-webkit-mask-image:linear-gradient(transparent, black var(--sidebar-fade), black calc(100% - var(--sidebar-fade)), transparent);mask-image:linear-gradient(transparent, black var(--sidebar-fade), black calc(100% - var(--sidebar-fade)), transparent)}.sidebar-scroll-arrow{z-index:2;border:1px solid var(--border);background:var(--popover);width:24px;height:24px;color:var(--popover-foreground);box-shadow:var(--shadow-md);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .15s ease, transform .15s var(--ease-out), background .12s;border-radius:999px;place-items:center;display:grid;position:absolute;left:50%;transform:translate(-50%)scale(.9)}.sidebar-scroll-arrow-up{top:4px}.sidebar-scroll-arrow-down{bottom:4px}.sidebar-scroll-arrow:hover{background:var(--accent)}.sidebar-playlists-scroller:hover>.sidebar-scroll-arrow:not(:disabled){opacity:1;pointer-events:auto;transform:translate(-50%)}.sidebar-playlists-scroller:hover>.sidebar-scroll-arrow:not(:disabled):active{transform:translate(-50%)scale(.95)}@media (hover:none){.sidebar-scroll-arrow{display:none}}@media (prefers-reduced-motion:reduce){.sidebar-scroll-arrow{transition:opacity .15s}}.sidebar-playlist{border-radius:var(--radius-md);height:32px;color:var(--sidebar-foreground);cursor:pointer;align-items:center;gap:8px;padding:0 8px;font-size:14px;text-decoration:none;display:flex}.sidebar-playlist:hover{background:var(--sidebar-accent)}.sidebar-playlist.active{background:var(--sidebar-accent);font-weight:500}.sidebar-playlist-art{border-radius:4px;flex:0 0 20px;width:20px;height:20px;margin:0 -2px}.sidebar-playlist-art .cover-art-letter{font-size:11px}.sidebar-playlist-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sidebar-footer{z-index:1;align-items:center;gap:8px;padding:8px;display:flex;position:relative}.avatar{border-radius:var(--radius-lg);background:var(--muted);width:32px;height:32px;color:var(--foreground);text-transform:uppercase;flex:0 0 32px;place-items:center;font-size:12px;font-weight:500;display:grid}.user-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:1.25;overflow:hidden}.user-plan{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.main{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-xl);flex-direction:column;grid-area:main;min-width:0;display:flex;position:relative;overflow:hidden}.topbar{height:48px;padding:0 var(--pad);border-bottom:1px solid var(--border);z-index:2;background:0 0;flex:none;align-items:center;gap:8px;display:flex;position:relative}.crumbs{color:var(--muted-foreground);align-items:center;gap:6px;font-size:14px;display:flex}.crumbs b{color:var(--foreground);font-weight:400}.crumbs a{color:inherit;text-decoration:none}.crumbs a:hover{color:var(--foreground)}.topbar-spacer{flex:1}.search{background:var(--input-bg);border:1px solid var(--input);border-radius:var(--radius-lg);width:320px;max-width:40vw;height:32px;color:var(--muted-foreground);align-items:center;gap:8px;min-width:0;padding:0 6px 0 10px;transition:border-color .15s,box-shadow .15s;display:flex}.search:hover{background:var(--input-bg)}.search:focus-within,.search:focus-visible{border-color:var(--focus-ring);box-shadow:0 0 0 1px var(--focus-ring), 0 0 0 4px var(--ring);outline:none}@supports (color:color-mix(in lab, red, red)){.search:focus-within,.search:focus-visible{box-shadow:0 0 0 1px var(--focus-ring), 0 0 0 4px color-mix(in oklch, var(--ring) 30%, transparent)}}.search input{color:var(--foreground);background:0 0;border:0;outline:none;flex:1;width:100%;min-width:0;font-size:14px}.search input::placeholder{color:var(--muted-foreground)}.search kbd{font-family:var(--font-sans);border-radius:var(--radius-sm);background:var(--muted);min-width:20px;height:20px;color:var(--muted-foreground);place-items:center;padding:0 4px;font-size:12px;font-weight:500;display:inline-grid}.iconbtn{border-radius:var(--radius-lg);width:32px;height:32px;color:var(--foreground);cursor:pointer;transition:background .12s ease, transform var(--dur-press) var(--ease-out);background:0 0;border:1px solid #0000;flex:0 0 32px;place-items:center;display:grid}.iconbtn:hover{background:var(--ghost-hover)}.iconbtn:active:not(:disabled){transform:scale(.95)}.iconbtn.active{background:var(--muted)}.iconbtn:disabled{opacity:.4;cursor:not-allowed}.iconbtn-danger:hover:not(:disabled){color:var(--destructive);background:var(--destructive-soft)}.content{z-index:1;scrollbar-gutter:stable;flex:auto;position:relative;overflow:hidden auto}.view{padding:var(--pad);grid-template-columns:minmax(0,1fr);min-width:0;overflow-x:hidden}.admin-section-wrap{min-width:0;overflow-x:auto}.admin-section-wrap>*{min-width:720px}.admin-actions{gap:8px;display:inline-flex}.admin-actions .iconbtn{color:var(--muted-foreground)}.admin-actions .iconbtn:hover:not(:disabled),.admin-actions .iconbtn.active{color:var(--foreground)}.admin-actions .iconbtn-danger:hover:not(:disabled){color:var(--destructive)}.table .col-acts:has(.admin-actions){white-space:nowrap}.table .col-num{text-align:right;font-variant-numeric:tabular-nums;width:96px}.table tbody td.col-num{color:var(--foreground)}.table-static tbody tr{cursor:default}.table-static tbody td{padding-block:8px}.row-name{align-items:center;gap:8px;display:flex}.stat-link{font:inherit;color:inherit;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;min-width:24px;margin:0 -6px;padding:0 6px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.stat-link:hover{text-decoration-style:solid}.row-warning{color:var(--warning);align-items:center;gap:4px;font-size:12px;display:inline-flex}.hero{border-radius:var(--radius-xl);background:var(--card);color:var(--card-foreground);border:1px solid var(--border);align-items:flex-end;gap:24px;min-height:200px;padding:24px;display:flex;position:relative;overflow:hidden}.hero-art{border-radius:var(--radius-lg);z-index:1;background:var(--muted);background-position:50%;background-size:cover;flex:0 0 168px;width:168px;height:168px;position:relative;overflow:hidden}.hero-body{z-index:1;flex:1;min-width:0;position:relative}.hero-eyebrow{color:var(--muted-foreground);margin-bottom:6px;font-size:12px;font-weight:500}.hero-title{letter-spacing:-.025em;text-wrap:balance;overflow-wrap:anywhere;margin:0 0 6px;font-size:30px;font-weight:600;line-height:1.15}.hero-meta{color:var(--muted-foreground);align-items:center;gap:8px;margin-bottom:16px;font-size:14px;display:flex}.hero-meta .dot{background:currentColor;border-radius:99px;width:3px;height:3px}.hero-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn{border-radius:var(--radius-lg);border:1px solid var(--input);background:var(--input-bg);height:32px;color:var(--foreground);transition:background .12s, border-color .12s, box-shadow .12s, transform var(--dur-press) var(--ease-out);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background-clip:padding-box;outline:none;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--input-bg-hover)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-morph>span{transition:filter .18s var(--ease-out), opacity .18s var(--ease-out);grid-template-areas:"label";align-items:center;display:inline-grid}.btn-morph>span>span{white-space:nowrap;grid-area:label}.btn-morph>span>span[data-hidden]{visibility:hidden}.btn-morph[data-swapping]>span{filter:blur(2px);opacity:.7}@media (prefers-reduced-motion:reduce){.btn-morph>span{transition:opacity .18s var(--ease-out)}.btn-morph[data-swapping]>span{filter:none}}.share-copy-spinner{--spinner-size:14px;color:currentColor}.btn-primary{background:var(--primary);color:var(--primary-foreground);border-color:#0000}.btn-primary:hover:not(:disabled){background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.btn-primary:hover:not(:disabled){background:color-mix(in oklch, var(--primary) 80%, transparent)}}.btn-ghost{color:var(--foreground);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--ghost-hover)}.btn-danger{background:var(--destructive-soft);color:var(--destructive);border-color:#0000}.btn-danger:hover:not(:disabled){background:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.btn-danger:hover:not(:disabled){background:color-mix(in oklch, var(--destructive) 20%, transparent)}}[data-theme=light] .btn-danger{color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){[data-theme=light] .btn-danger{color:color-mix(in oklch, var(--destructive) 80%, black)}}.btn-sm{border-radius:min(var(--radius-md), 12px);gap:4px;height:28px;padding:0 10px;font-size:13px}.disclosure-chevron{transition:transform .15s var(--ease-out)}.btn[aria-expanded=true] .disclosure-chevron{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){.disclosure-chevron{transition:none}}.section{margin-top:28px}.section:first-child{margin-top:0}.section-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:12px;display:flex}.section-title{letter-spacing:-.01em;font-size:16px;font-weight:600}.section-sub{color:var(--muted-foreground);font-size:12px}.section-link{color:var(--muted-foreground);font-size:14px;text-decoration:none}.section-link:hover{color:var(--foreground)}.shelf-scroller,.shelf{--shelf-col:168px}.shelf{grid-auto-flow:column;grid-auto-columns:var(--shelf-col);gap:var(--gap);scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:8px;display:grid;overflow:auto hidden}.shelf::-webkit-scrollbar{display:none}.shelf-scroller{--shelf-fade:48px;position:relative}.shelf-scroller[data-forward]>.shelf{-webkit-mask-image:linear-gradient(to right, black calc(100% - var(--shelf-fade)), transparent);-webkit-mask-image:linear-gradient(to right, black calc(100% - var(--shelf-fade)), transparent);-webkit-mask-image:linear-gradient(to right, black calc(100% - var(--shelf-fade)), transparent);mask-image:linear-gradient(to right, black calc(100% - var(--shelf-fade)), transparent)}.shelf-scroller[data-back]>.shelf{-webkit-mask-image:linear-gradient(to right, transparent, black var(--shelf-fade));-webkit-mask-image:linear-gradient(to right, transparent, black var(--shelf-fade));-webkit-mask-image:linear-gradient(to right, transparent, black var(--shelf-fade));mask-image:linear-gradient(to right, transparent, black var(--shelf-fade))}.shelf-scroller[data-back][data-forward]>.shelf{-webkit-mask-image:linear-gradient(to right, transparent, black var(--shelf-fade), black calc(100% - var(--shelf-fade)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, black var(--shelf-fade), black calc(100% - var(--shelf-fade)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, black var(--shelf-fade), black calc(100% - var(--shelf-fade)), transparent);mask-image:linear-gradient(to right, transparent, black var(--shelf-fade), black calc(100% - var(--shelf-fade)), transparent)}.shelf:focus-visible{outline:none}.shelf-scroller:has(>.shelf:focus-visible){outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-lg)}.shelf-arrow{top:calc(var(--shelf-col) / 2);z-index:2;border:1px solid var(--border);background:var(--popover);width:32px;height:32px;color:var(--popover-foreground);box-shadow:var(--shadow-md);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .15s ease, transform .15s var(--ease-out), background .12s;border-radius:999px;place-items:center;display:grid;position:absolute;transform:translateY(-50%)scale(.9)}.shelf-arrow-back{left:4px}.shelf-arrow-forward{right:4px}.shelf-arrow:hover{background:var(--accent)}.shelf-scroller:hover>.shelf-arrow:not(:disabled){opacity:1;pointer-events:auto;transform:translateY(-50%)}.shelf-scroller:hover>.shelf-arrow:not(:disabled):active{transform:translateY(-50%)scale(.95)}@media (hover:none){.shelf-arrow{display:none}}@media (prefers-reduced-motion:reduce){.shelf-arrow{transition:opacity .15s}}.card{scroll-snap-align:start;border-radius:var(--radius-xl);cursor:pointer;color:inherit;text-align:left;width:100%;min-width:0;font:inherit;background:0 0;border:0;flex-direction:column;gap:10px;padding:8px;text-decoration:none;transition:background .14s;display:flex;position:relative}.card:hover{background:var(--ghost-hover)}.card-art{aspect-ratio:1;border-radius:var(--radius-lg);background:var(--muted);background-position:50%;background-size:cover;width:100%;position:relative;overflow:hidden}.cover-art{background:var(--muted);position:relative;overflow:hidden}.cover-art-placeholder{background:var(--muted)}.card-art-icon{color:var(--muted-foreground);place-items:center;display:grid}.lucide-play,.lucide-pause,.lucide-skip-back,.lucide-skip-forward,.active>.lucide-heart,[aria-pressed=true]>.lucide-heart,[aria-checked=true]>.lucide-heart{fill:currentColor}.cover-art-img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .18s var(--ease-out);display:block;position:absolute;inset:0}.cover-art-img[data-loaded]{opacity:1}.cover-art-letter{color:var(--muted-foreground);place-items:center;font-size:clamp(16px,32%,40px);font-weight:500;display:grid;position:absolute;inset:0}.card-play{background:var(--primary);width:32px;height:32px;color:var(--primary-foreground);cursor:pointer;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transition:opacity .14s ease, visibility .14s, transform var(--dur-press) var(--ease-out);border:0;border-radius:999px;place-items:center;display:grid;position:absolute;bottom:8px;right:8px;transform:translateY(4px)}.card:hover .card-play,.card:focus-within .card-play{opacity:1;visibility:visible;transform:translateY(0)}@media (hover:none){.card .card-play{opacity:1;visibility:visible;transform:none}}.card:hover .card-play:active,.card:focus-within .card-play:active{transform:translateY(0)scale(.95)}.card-link{text-decoration:none;display:block}.card-link:after{content:"";border-radius:var(--radius-xl);position:absolute;inset:0}button.card-link{text-align:left;cursor:pointer;width:100%}.card-link:focus-visible{outline:none}.card-link:focus-visible:after{outline:2px solid var(--focus-ring);outline-offset:2px}.card-linked{grid-template-columns:minmax(0,1fr);display:grid}.card-linked>.card-art{grid-area:1/1}.card-linked>.card-play{z-index:1;grid-area:1/1;place-self:end;margin:0 8px 8px 0;position:relative;bottom:auto;right:auto}.card-title{text-overflow:ellipsis;white-space:nowrap;color:var(--foreground);font-size:14px;font-weight:500;overflow:hidden}.card-sub{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.card-inert{cursor:default}.card-inert:hover{background:0 0}.card-placeholder{cursor:default}.card-placeholder:hover{background:0 0}.skeleton-text{vertical-align:middle;border-radius:var(--radius-sm);background:var(--muted);height:.75em;display:inline-block}.board-view{container:board/inline-size}.board{gap:var(--gap);grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;display:grid}.board>*{grid-column:var(--board-col,auto) / span var(--board-span,6);grid-row:var(--board-row,auto) / span var(--board-rows,1);min-width:0;margin:0}@container board (width<=879px){.board{grid-template-columns:repeat(2,minmax(0,1fr))}.board>*{grid-column:var(--board-col-md,auto) / span var(--board-span-md,2);grid-row:var(--board-row-md,auto) / span var(--board-rows-md,1)}}@container board (width<=559px){.board{grid-template-columns:minmax(0,1fr)}.board>*{grid-area:auto}}.board-slot{display:grid;position:relative}.board-slot-body{min-width:0;display:grid}.board-slot-body>*{min-width:0;margin:0}.board-panel{background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius-xl);flex-direction:column;padding:16px;display:flex;container:board-panel/inline-size}.board-panel>.section-head{margin-bottom:4px}.board-panel>.section-head>div{overflow-wrap:anywhere;min-width:0}.board-panel .section-link{white-space:nowrap;flex:none}.board-alert{margin-bottom:8px}.board-panel-foot{margin-top:auto;padding-top:12px}.board-status{color:var(--muted-foreground);justify-items:start;gap:8px;padding:8px 0;font-size:14px;display:grid}.board-fill{flex:auto;min-width:0}.board-fill[data-measured]{min-height:var(--board-fill-min);flex-basis:0}.hero.board-resume{flex-direction:column;justify-content:flex-end;align-items:stretch;gap:0;min-height:0;padding:16px}.board-resume-head{align-items:flex-end;gap:24px;display:flex}.board-resume>.hero-body{flex:none}@media (width>=761px){.board-resume-head{flex-wrap:wrap}.board-resume-head .hero-body{flex:220px}}@media (width<=760px){.board-resume-head{flex-direction:column;align-items:stretch}}.board-resume .hero-title{font-size:24px}.board-resume .board-list{margin-top:12px}.board-resume>.board-fill:not([data-tracks]){order:-1}.board-resume-status{color:var(--muted-foreground);align-items:center;gap:8px;padding-top:8px;font-size:14px;display:flex}.board-resume-status>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.board-resume-status>.btn{flex:none}.board-list{grid-template-columns:minmax(0,1fr);margin:0 -8px;padding:0;list-style:none;display:grid}@container board-panel (width>=600px){.board-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--board-list-rows,3), auto);grid-auto-flow:column;column-gap:16px}}.board-row{border-radius:var(--radius-lg);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;column-gap:12px;height:52px;padding:0 8px;transition:background .1s;display:grid;position:relative}.board-row[data-ranked]{grid-template-columns:20px 40px minmax(0,1fr) auto}.board-row[data-ranked][data-bare]{grid-template-columns:20px minmax(0,1fr) auto}.board-row[data-unavailable]{opacity:.45}.board-art{border-radius:var(--radius-md);background:var(--muted);width:40px;height:40px}.board-art.card-art-icon{color:var(--muted-foreground);place-items:center;display:grid}.board-row-text{gap:1px;min-width:0;display:grid}.board-hit{text-align:left;cursor:pointer;width:100%;text-decoration:none;display:block}.board-hit[aria-disabled=true]{cursor:default}.board-hit:after{content:"";border-radius:var(--radius-lg);position:absolute;inset:0}.board-hit:focus-visible{outline:none}.board-hit:focus-visible:after{outline:2px solid var(--focus-ring);outline-offset:-2px}.board-rank{color:var(--muted-foreground);font-variant-numeric:tabular-nums;place-items:center;font-size:14px;font-weight:500;display:grid}.board-rank>*{grid-area:1/1}.board-rank-play{opacity:0;color:var(--foreground)}.board-row[aria-current=true] .board-rank{color:var(--foreground)}.board-row-end{color:var(--muted-foreground);font-variant-numeric:tabular-nums;justify-items:end;font-size:12px;display:grid}.board-row-end>*{grid-area:1/1;align-self:center}.board-play{background:var(--primary);width:28px;height:28px;color:var(--primary-foreground);box-shadow:var(--shadow-md);opacity:0;transition:opacity .12s ease, transform var(--dur-press) var(--ease-out);border-radius:999px;place-items:center;display:grid}button.board-play{z-index:1;cursor:pointer;visibility:hidden;transition:opacity .12s ease, visibility .12s, transform var(--dur-press) var(--ease-out);position:relative}.board-row:is(:hover,:focus-within) button.board-play{visibility:visible}@media (hover:none){.board-row button.board-play{visibility:visible;opacity:1}}button.board-play:active{transform:scale(.95)}.board-row:not(.board-placeholder):is(:hover,:focus-within),.board-artist:not(.board-placeholder,[data-inert]):is(:hover,:focus-within){background:var(--accent)}:is(.board-row,.board-artist):is(:hover,:focus-within) :is(.board-play,.board-rank-play){opacity:1}.board-row:is(:hover,:focus-within) .board-rank>span,.board-row:not([data-ranked]):is(:hover,:focus-within) .board-row-meta{opacity:0}.board-row[data-unavailable] :is(.board-play,.board-rank-play){display:none}.board-row[data-unavailable] .board-rank>span{opacity:1}.board-covers{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:4px -8px -8px;display:grid}.board-panel .card:hover,.board-panel .card:focus-within{background:var(--accent)}.board-panel .card-placeholder:hover{background:0 0}@container board-panel (width<=419px){.board-covers{grid-template-columns:repeat(2,minmax(0,1fr))}}@container board-panel (width>=760px){.board-covers{grid-template-columns:repeat(5,minmax(0,1fr))}}@container board-panel (width>=920px){.board-covers{grid-template-columns:repeat(6,minmax(0,1fr))}}.board-artists{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:4px -8px -8px;padding:0;list-style:none;display:grid}.board-artist{border-radius:var(--radius-lg);align-items:center;gap:12px;padding:8px;transition:background .1s;display:flex;position:relative}.board-avatar{background:var(--muted);border-radius:999px;flex:0 0 48px;width:48px;height:48px}.board-artist .board-row-text{flex:1}.board-avatar .board-play{position:absolute;inset:10px}@container board-panel (width<=479px){.board-artists{grid-template-columns:minmax(0,1fr)}}@container board-panel (width>=480px) and (width<=699px){.board-artists{grid-template-columns:repeat(2,minmax(0,1fr))}}@container board-panel (width>=1040px){.board-artists{grid-template-columns:repeat(5,minmax(0,1fr))}}@container board-panel (width>=1300px){.board-artists{grid-template-columns:repeat(6,minmax(0,1fr))}}.board-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:8px 0 0;display:grid}@container board-panel (width>=600px){.board-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.board-stat{gap:2px;min-width:0;display:grid}.board-stat dt{color:var(--muted-foreground);font-size:12px}.board-stat dd{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:24px;font-weight:600;overflow:hidden}.board-stats-note{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;margin:12px 0 0;font-size:13px;overflow:hidden}.board-stats-note>span{color:var(--foreground);font-weight:500}.board-genres{grid-template-columns:minmax(0,1fr);row-gap:12px;margin:8px 0 0;padding:0;list-style:none;display:grid}@container board-panel (width>=600px){.board-genres{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}}.board-genre{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;display:grid}.board-genre-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.board-genre-share{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:12px}.board-genre-bar{background:var(--muted);border-radius:999px;grid-column:1/-1;height:6px;overflow:hidden}.board-genre-bar>span{border-radius:inherit;background:var(--primary);height:100%;display:block}.board-genre.board-placeholder{grid-template-columns:minmax(0,1fr);min-height:30px}.board-chart{flex:auto;min-height:148px;margin-top:8px;position:relative}.board-chart>.activity-chart{height:auto;position:absolute;inset:0}.board-editbar{z-index:3;margin-bottom:var(--gap);background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);flex-wrap:wrap;align-items:center;gap:12px 24px;padding:12px 16px;display:flex;position:sticky;top:0}.board-editbar-text{flex:240px;min-width:0}.board-editbar-title{margin:0;font-size:16px;font-weight:600}.board-editbar-hint{color:var(--muted-foreground);margin:2px 0 0;font-size:13px}.board-editbar-hidden,.board-editbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.board-editbar-hidden,.board-editbar-chip{min-width:0;max-width:100%}.board-editbar-chip>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.board-editbar-label{color:var(--muted-foreground);margin-right:2px;font-size:12px;font-weight:500}.board-editbar-actions{margin-left:auto}.board-slot[data-editing]{cursor:grab;-webkit-user-select:none;user-select:none;min-height:148px}.board-slot[data-editing]:active{cursor:grabbing}.board-slot-editor{z-index:1;text-align:center;border:1px dashed var(--foreground);flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.board-slot-editor{border:1px dashed color-mix(in oklab, var(--foreground) 30%, transparent)}}.board-slot-editor{border-radius:var(--radius-xl);background:var(--card)}@supports (color:color-mix(in lab, red, red)){.board-slot-editor{background:color-mix(in oklab, var(--card) 72%, transparent)}}.board-slot-editor{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .12s,border-color .12s}.board-slot-label{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;align-items:center;gap:4px;padding:12px 16px;display:flex}.board-slot-grip{color:var(--muted-foreground)}.board-slot-name{font-size:16px;font-weight:600}.board-slot-note{color:var(--muted-foreground);font-size:12px}.board-slot-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.board-slot:is([data-moving],[data-target]) .board-slot-editor{border:2px solid var(--primary);background:var(--card)}@supports (color:color-mix(in lab, red, red)){.board-slot:is([data-moving],[data-target]) .board-slot-editor{background:color-mix(in oklab, var(--card) 86%, transparent)}}.board-slot[data-dragging]{opacity:.4}.board-empty{text-align:center;color:var(--muted-foreground);justify-items:center;gap:12px;padding:64px 16px;display:grid}html[data-board-morph]::view-transition-group(*){animation-duration:.28s;animation-timing-function:var(--ease-out)}.board-slot-label{view-transition-class:board-label}.board-slot[data-lift]{view-transition-class:board-lift}.board-slot[data-lift] .board-slot-label{view-transition-class:board-label board-lift}html[data-board-morph]::view-transition-group(*.board-label){z-index:1}html[data-board-morph]::view-transition-group(*.board-lift){z-index:2}html[data-board-morph]::view-transition-group(*.board-label.board-lift){z-index:3}@media (prefers-reduced-motion:reduce){.board-play{transition:opacity .12s}button.board-play{transition:opacity .12s,visibility .12s}}.board-catalog{gap:16px;padding:12px 16px 16px;display:grid;overflow-y:auto}.board-catalog-note{color:var(--muted-foreground);margin:0;font-size:13px}.board-catalog-heading{color:var(--muted-foreground);margin:0 0 4px;font-size:12px;font-weight:500}.board-catalog-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.board-catalog-row{grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 0;display:grid}.board-catalog-icon{border-radius:var(--radius-md);background:var(--muted);width:32px;height:32px;color:var(--muted-foreground);place-items:center;display:grid}.board-catalog-text{gap:2px;min-width:0;display:grid}.board-catalog-title{font-size:14px;font-weight:500}.board-catalog-desc{color:var(--muted-foreground);font-size:12px}.board-catalog-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.board-catalog-on{color:var(--muted-foreground);align-items:center;gap:4px;font-size:12px;display:inline-flex}@media (width<=560px){.board-catalog-row{grid-template-columns:32px minmax(0,1fr)}.board-catalog-actions{grid-column:2;justify-content:flex-start}}.board-settings{gap:12px;padding:16px;display:grid;overflow-y:auto}.board-settings-note{color:var(--muted-foreground);margin:0;font-size:13px}.board-reset{padding:16px;font-size:14px;overflow-y:auto}.board-reset>p{margin:0}.grid-cards{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(168px,1fr));display:grid}[data-density=airy] .grid-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}[data-density=dense] .grid-cards{grid-template-columns:repeat(auto-fill,minmax(148px,1fr))}[data-density=dense] .card{gap:8px;padding:6px}[data-density=dense] .card-title,[data-density=dense] .card-sub{font-size:12px}.refreshable{transition:opacity .15s var(--ease-out)}.refreshable[aria-busy=true]{opacity:.55;transition-delay:.15s}.track-selectbar{align-items:center;gap:8px;min-height:38px;padding:0 0 8px;display:flex}.track-selectbar-host{align-items:center;min-height:30px;display:inline-flex}.track-selectbar-attached{gap:6px;min-height:30px;padding:0}.track-selectbar-attached[data-selecting=false] .track-selectbar-status{display:none}.track-selectbar-attached .track-selectbar-status{flex:0 auto;max-width:220px}.track-selectbar-status{min-width:0;color:var(--muted-foreground);font-variant-numeric:tabular-nums;flex:1;align-items:center;gap:10px;font-size:12px;display:flex;overflow:hidden}.track-selectbar-status span{text-overflow:ellipsis;white-space:nowrap;color:var(--muted-foreground);overflow:hidden}.track-selectbar .btn{height:30px;padding:0 10px}.track-selectbar-close{flex-basis:30px;width:30px;height:30px}.table{border-collapse:separate;border-spacing:0;width:100%;font-size:14px}.table-tracks{table-layout:fixed}.table-tracks .col-album{width:25%}.table-tracks .track-title,.table-tracks .track-sub,.table-tracks td.col-album,.table-tracks td.col-added{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.table thead th{color:var(--muted-foreground);text-align:left;border-bottom:1px solid var(--border);background:var(--background);z-index:2;white-space:nowrap;height:40px;padding:0 8px;font-size:12px;font-weight:500;position:sticky;top:0}.table tbody tr{cursor:pointer}.table tbody tr:hover td{background:var(--ghost-hover)}.table tbody tr.selected td{background:var(--muted);color:var(--foreground)}.table tbody tr.selected:hover td{background:var(--muted)}.table tbody tr.playing td,.table tbody tr.playing td:first-child{color:var(--foreground)}.table tbody td{height:var(--row-h);border-bottom:1px solid var(--border);color:var(--muted-foreground);vertical-align:middle;padding:0 8px;transition:background .1s}.table tbody tr.vt-spacer,.table tbody tr.vt-spacer:hover{cursor:default;background:0 0}.table tbody tr.vt-spacer td{background:0 0;border-bottom:0;height:0;padding:0;transition:none}.table .col-idx{text-align:right;font-variant-numeric:tabular-nums;width:40px;color:var(--muted-foreground);font-size:12px}.table .col-select{text-align:center;width:0;transition:width .15s var(--ease-out), padding .15s var(--ease-out);padding:0;overflow:hidden}.table-selecting .col-select{width:32px;padding:0 4px}.table .col-select>*{opacity:0;transition:opacity .15s var(--ease-out), transform .15s var(--ease-out);transform:translate(-4px)}.table-selecting .col-select>*{opacity:1;transform:translate(0)}@media (prefers-reduced-motion:reduce){.table .col-select,.table .col-select>*{transition:none}}.track-check{width:16px;height:16px;accent-color:var(--primary);cursor:pointer;vertical-align:middle;margin:0}.track-check:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.table .col-art{width:44px}.table .col-dur{text-align:right;font-variant-numeric:tabular-nums;width:64px;color:var(--muted-foreground);font-size:12px}.table .col-added{font-variant-numeric:tabular-nums;width:130px;color:var(--muted-foreground);font-size:12px}.table .col-acts{text-align:right;width:80px}.table .track-title{color:var(--foreground);font-size:14px;font-weight:500}.table .track-sub{color:var(--muted-foreground);font-size:12px}.table tbody tr.drag-source td{opacity:.4}.table tbody tr.drop-above td{box-shadow:inset 0 2px 0 var(--primary)}.table tbody tr.drop-below td{box-shadow:inset 0 -2px 0 var(--primary)}.table .mini-art{border-radius:var(--radius-md);background:var(--muted);background-position:50%;background-size:cover;width:32px;height:32px;overflow:hidden}.row-actions{opacity:0;gap:8px;transition:opacity .12s;display:inline-flex}.table tbody tr:hover .row-actions,.table tbody tr:focus-within .row-actions{opacity:1}.row-actions button{border-radius:var(--radius-md);width:28px;height:28px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.row-actions button:hover{background:var(--accent);color:var(--accent-foreground)}.row-actions button.active{color:var(--foreground);opacity:1}.play-cell{width:18px;height:18px;color:inherit;place-items:center;display:inline-grid}.play-cell>*{grid-area:1/1}.idx-play{all:unset;z-index:1;opacity:0;pointer-events:none;cursor:pointer;color:var(--foreground);border-radius:var(--radius-sm);grid-area:1/1;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.idx-play:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.table tbody tr:hover .idx-play,.table tbody tr:focus-within .idx-play{opacity:1;pointer-events:auto}.table tbody tr:hover .play-cell-interactive>:not(.idx-play),.table tbody tr:focus-within .play-cell-interactive>:not(.idx-play){opacity:0}.playing-bars{align-items:flex-end;gap:2px;width:14px;height:14px;display:inline-flex}.playing-bars span{background:var(--foreground);transform-origin:bottom;border-radius:1px;width:2px;height:100%;animation:1s ease-in-out infinite barDance;display:block}.playing-bars span:first-child{animation-delay:0s;transform:scaleY(.4)}.playing-bars span:nth-child(2){animation-delay:.2s;transform:scaleY(.8)}.playing-bars span:nth-child(3){animation-delay:.4s;transform:scaleY(.6)}@keyframes barDance{0%,to{transform:scaleY(.3)}50%{transform:scaleY(.9)}}@media (prefers-reduced-motion:reduce){.playing-bars span{animation:none}}.segmented{background:var(--muted);border-radius:var(--radius-lg);align-items:center;height:32px;padding:3px;display:inline-flex;position:relative}.segmented-indicator{border-radius:var(--radius-md);background:var(--background);transform:translateX(var(--seg-x,0px));width:var(--seg-w,0px);transition:transform .2s var(--ease-in-out), width .2s var(--ease-in-out);pointer-events:none;position:absolute;top:3px;bottom:3px;left:0;box-shadow:0 1px 3px oklch(0% 0 0/.1),0 1px 2px -1px oklch(0% 0 0/.1)}.segmented-indicator[data-initial]{transition:none}.segmented button{z-index:1;border-radius:var(--radius-md);height:100%;color:var(--muted-foreground);cursor:pointer;transition:color .12s ease, background .12s ease, transform var(--dur-press) var(--ease-out);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:0 8px;font-size:14px;font-weight:500;display:inline-flex;position:relative}.segmented button:hover{color:var(--foreground)}.segmented button:active{transform:scale(.97)}[data-theme=dark] .segmented-indicator{background:var(--input-bg);border:1px solid var(--input)}.segmented button.active{color:var(--foreground)}@media (prefers-reduced-motion:reduce){.segmented-indicator{transition:none}}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:var(--radius-lg);border:1px solid var(--input);height:28px;color:var(--foreground);cursor:pointer;transition:background .12s ease, transform var(--dur-press) var(--ease-out);background:0 0;align-items:center;gap:6px;padding:0 10px;font-size:14px;font-weight:500;display:inline-flex}.chip:active:not(:disabled){transform:scale(.97)}.chip:hover{background:var(--muted)}.chip.active{background:var(--muted);border-color:var(--input);color:var(--foreground)}.toolbar-group{background:var(--muted);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:2px;max-width:100%;min-height:32px;padding:3px;display:inline-flex}.toolbar-group-sep{background:var(--foreground);width:1px;height:14px;margin:0 3px}@supports (color:color-mix(in lab, red, red)){.toolbar-group-sep{background:color-mix(in oklch, var(--foreground) 14%, transparent)}}.toolbar-group-sep{flex:none}.toolbar-group .btn,.toolbar-group .toolbar-select,.toolbar-group .iconbtn{border-radius:var(--radius-md);height:26px;box-shadow:none;color:var(--muted-foreground);background:0 0;border:1px solid #0000;gap:6px;padding:0 8px;font-size:14px;font-weight:500}.toolbar-group .iconbtn{flex-basis:26px;width:26px;padding:0}.toolbar-group .btn:hover:not(:disabled),.toolbar-group .toolbar-select:hover:not(:disabled),.toolbar-group .iconbtn:hover,.toolbar-group .toolbar-select[aria-expanded=true]{color:var(--foreground);background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.toolbar-group .btn:hover:not(:disabled),.toolbar-group .toolbar-select:hover:not(:disabled),.toolbar-group .iconbtn:hover,.toolbar-group .toolbar-select[aria-expanded=true]{background:color-mix(in oklch, var(--foreground) 7%, transparent)}}.toolbar-select{cursor:pointer;transition:color .12s ease, background .12s ease, transform var(--dur-press) var(--ease-out);align-items:center;display:inline-flex}.toolbar-select:active:not(:disabled){transform:scale(.97)}.toolbar-select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.toolbar-group .segmented{background:0 0;height:26px;padding:0}.toolbar-group .segmented-indicator{top:0;bottom:0}.toolbar-group .segmented button{padding:0 6px}.toolbar-group:has(.track-selectbar[data-selecting=true])>:not(.track-selectbar-host){display:none}.toolbar-group .track-selectbar-host,.toolbar-group .track-selectbar-attached{display:contents}.toolbar-group .track-selectbar-attached>:is(.btn,.iconbtn)+:is(.btn,.iconbtn){margin-left:6px}.toolbar-group .track-selectbar-status{white-space:nowrap;max-width:none;color:var(--foreground);flex:none;padding:0 6px;font-size:14px;font-weight:500}.detail-header{border-radius:var(--radius-xl);background:var(--card);color:var(--card-foreground);border:1px solid var(--border);align-items:flex-end;gap:24px;min-height:200px;padding:24px;display:flex;position:relative;overflow:hidden}.detail-art{border-radius:var(--radius-lg);z-index:1;background:var(--muted);width:200px;height:200px;color:var(--muted-foreground);background-position:50%;background-size:cover;flex:0 0 200px;place-items:center;display:grid;position:relative;overflow:hidden}.detail-body{z-index:1;flex-direction:column;flex:1;justify-content:flex-end;min-width:0;display:flex;position:relative}.detail-kind{color:var(--muted-foreground);font-size:12px;font-weight:500}.detail-title{letter-spacing:-.025em;text-wrap:balance;overflow-wrap:anywhere;margin:6px 0 10px;font-size:36px;font-weight:600;line-height:1.1}.detail-meta{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.detail-meta .dot{background:currentColor;border-radius:99px;width:3px;height:3px}.detail-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.detail-title-edit{color:inherit;font:inherit;letter-spacing:inherit;text-align:left;text-wrap:inherit;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;padding:0;display:inline}.detail-title-edit:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.detail-art-edit{color:inherit;font:inherit;cursor:pointer;border:0;padding:0}.detail-art-edit:disabled{cursor:progress}.detail-art-edit:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.detail-art-edit-hint{color:oklch(100% 0 0);opacity:0;background:oklch(0% 0 0/.55);place-content:center;justify-items:center;gap:6px;font-size:13px;font-weight:500;transition:opacity .15s;display:grid;position:absolute;inset:0}.detail-art-edit:hover .detail-art-edit-hint,.detail-art-edit:focus-visible .detail-art-edit-hint,.detail-art-edit:disabled .detail-art-edit-hint{opacity:1}.playlist-settings{max-width:720px}.playlist-settings-card{padding:0 16px}.playlist-settings-card>.error-banner{margin-top:12px}.playlist-settings-buttons{gap:8px;display:flex}.playlist-settings-actions{justify-content:flex-end;gap:8px;padding:12px 0 16px;display:flex}.detail-track-search{justify-content:flex-end;align-items:center;gap:12px;max-width:100%;display:flex}.detail-track-search .search{background:var(--background);width:260px;max-width:min(260px,40vw)}.detail-track-search-count{color:var(--muted-foreground);white-space:nowrap;font-size:12px}@media (width<=900px){.detail-track-search{width:100%}.detail-track-search .search{width:100%;max-width:none}}.album-sleeve{grid-template-columns:280px 1px minmax(0,1fr);align-items:start;column-gap:24px;display:grid;overflow-x:clip}.album-sleeve-side{top:var(--sleeve-top,var(--pad));grid-template-columns:minmax(0,1fr);grid-template-areas:"art""head""details";gap:16px;min-width:0;display:grid;position:sticky}.album-sleeve-art{aspect-ratio:1;border-radius:var(--radius-lg);grid-area:art;width:100%}.album-sleeve-head{grid-area:head;gap:16px;min-width:0;display:grid}.album-sleeve-name{gap:4px;min-width:0;display:grid}.album-sleeve-title{letter-spacing:-.02em;text-wrap:balance;overflow-wrap:anywhere;margin:2px 0;font-size:24px;font-weight:600;line-height:1.2}.album-sleeve-by{color:var(--foreground);overflow-wrap:anywhere;font-size:14px;font-weight:500}.album-sleeve-by[role=status]{color:var(--muted-foreground);font-weight:400}.album-sleeve-artist{color:inherit;border-radius:var(--radius-sm);text-decoration:none}.album-sleeve-artist:hover{text-underline-offset:3px;text-decoration:underline}.album-sleeve-artist:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.album-sleeve-versions>button{flex:auto;justify-content:center}.album-sleeve-play,.album-sleeve-more{flex-wrap:wrap;gap:8px;display:flex}.album-sleeve-play-all,.album-sleeve-more>.btn{flex:auto}.album-sleeve-more:empty{display:none}.album-sleeve-more>.album-sleeve-more-skeleton{border-radius:var(--radius-lg);flex:auto;height:32px}.album-sleeve-shuffle{flex:0 0 32px;width:32px;padding:0;position:relative}.btn.album-sleeve-shuffle.active{background:var(--muted)}.album-sleeve-shuffle.active:after{content:"";background:currentColor;border-radius:99px;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:3px;left:50%}.album-sleeve-details{border-top:1px solid var(--border);grid-area:details;min-width:0;padding-top:12px;font-size:14px}.album-sleeve-details-head{align-items:center;gap:8px;min-height:28px;margin-bottom:6px;display:flex}.album-sleeve-details-head>.eyebrow{margin-right:auto}.album-sleeve-details-head .iconbtn{width:28px;height:28px;color:var(--muted-foreground);flex-basis:28px}.album-sleeve-details-head .iconbtn:hover{color:var(--foreground)}.album-sleeve-link{border-radius:var(--radius-sm);color:var(--muted-foreground);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:13px;font-weight:500;display:inline-flex}.album-sleeve-link:hover{color:var(--foreground);text-underline-offset:3px;text-decoration:underline}.album-sleeve-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.album-sleeve-rule{background:var(--border);align-self:stretch}.album-sleeve-list{grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;display:grid}.album-sleeve-tools{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.search.album-sleeve-search{flex:0 280px;width:280px;max-width:100%}.album-sleeve-select{margin-left:auto}.album-sleeve-list .table-scroll .table{min-width:0}.album-sleeve[data-stacked]{grid-template-columns:minmax(0,1fr);row-gap:20px}.album-sleeve[data-stacked] .album-sleeve-side{grid-template-columns:176px minmax(0,1fr);grid-template-areas:"art head""details details";align-items:end;column-gap:24px;position:static}.album-sleeve[data-stacked] .album-sleeve-title{letter-spacing:-.025em;font-size:30px;line-height:1.1}.album-sleeve[data-stacked] .album-sleeve-play-all,.album-sleeve[data-stacked] .album-sleeve-more>.btn{flex:none}.album-sleeve[data-stacked] .album-sleeve-versions{justify-self:start}.album-sleeve[data-stacked] .album-sleeve-more>.album-sleeve-more-skeleton{flex:0 0 160px}.album-sleeve[data-stacked] .album-sleeve-rule{height:1px}@media (width<=760px){.album-sleeve[data-stacked] .album-sleeve-side{grid-template-columns:minmax(0,1fr);grid-template-areas:"art""head""details";align-items:stretch}.album-sleeve[data-stacked] .album-sleeve-art{justify-self:center;width:min(100%,220px)}.album-sleeve[data-stacked] .album-sleeve-title{font-size:24px;line-height:1.2}.album-sleeve[data-stacked] .album-sleeve-play-all,.album-sleeve[data-stacked] .album-sleeve-more>.btn,.album-sleeve[data-stacked] .album-sleeve-more>.album-sleeve-more-skeleton{flex:auto}.album-sleeve[data-stacked] .album-sleeve-versions{justify-self:stretch}.search.album-sleeve-search{flex:200px;width:auto}}.artist-page{flex-direction:column;gap:16px;display:flex}.artist-page>.artist-section{margin-top:16px}.artist-hero{isolation:isolate;border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--card);flex-direction:column;justify-content:center;min-height:280px;padding:24px;display:flex;position:relative;overflow:hidden;container-type:inline-size}.artist-hero-main{align-items:flex-end;gap:24px;min-width:0;display:flex}.artist-hero-avatar{aspect-ratio:1;background:var(--muted);flex:none;width:clamp(120px,22cqi,192px)}.artist-hero-body{flex:1;min-width:0;padding-bottom:4px}.artist-hero-kind{color:var(--muted-foreground);align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.artist-hero-name{letter-spacing:-.025em;text-wrap:balance;overflow-wrap:anywhere;margin:8px 0 12px;font-size:30px;font-weight:600;line-height:1.05}@container (width>=520px){.artist-hero-name{font-size:36px}}@container (width>=690px){.artist-hero-name{font-size:48px}}@container (width>=860px){.artist-hero-name{font-size:60px}}.artist-hero-meta{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:14px;display:flex}.artist-hero-meta>span{align-items:center;gap:8px;display:inline-flex}.artist-hero-meta>span+span:before{content:"";background:currentColor;border-radius:99px;width:3px;height:3px}@container (width<=560px){.artist-hero-main{flex-direction:column;align-items:flex-start;gap:18px}.artist-hero-avatar{width:132px}}.artist-actions{flex-wrap:wrap;align-items:center;gap:12px;padding:4px 4px 0;display:flex}.artist-play{background:var(--primary);width:40px;height:40px;color:var(--primary-foreground);cursor:pointer;transition:background .12s ease, transform var(--dur-press) var(--ease-out);border:0;border-radius:999px;flex:0 0 40px;place-items:center;display:grid}.artist-play:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.artist-play:hover{background:color-mix(in oklch, var(--primary) 80%, transparent)}}.artist-play:active{transform:scale(.97)}.artist-play:disabled{opacity:.5;cursor:not-allowed;transform:none}.artist-shuffle{border-radius:var(--radius-lg);width:32px;height:32px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;place-items:center;transition:color .12s,background .12s;display:grid;position:relative}.artist-shuffle:hover{color:var(--foreground);background:var(--ghost-hover)}.artist-shuffle.active{color:var(--foreground)}.artist-shuffle.active:after{content:"";background:currentColor;border-radius:99px;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:3px;left:50%}.artist-shuffle:disabled{opacity:.4;cursor:default;transform:none}.artist-actions-end{min-width:0;margin-left:auto}.artist-play:focus-visible,.artist-shuffle:focus-visible,.artist-more:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (width<=900px){.artist-actions-end{flex:100%;margin-left:0}}.artist-status{gap:10px;display:grid}.artist-section .section-head{align-items:center;margin-bottom:10px}.artist-section .section-title{letter-spacing:-.015em;font-size:18px;font-weight:600}.artist-more{border-radius:var(--radius-lg);height:28px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;padding:0 10px;font-size:14px;font-weight:500}.artist-more:hover{color:var(--foreground)}.artist-section>.artist-more{margin-top:6px}.artist-chips{margin-bottom:12px}.table-headless thead th{border-bottom:0;height:0;padding-block:0;line-height:0}.table-headless tbody td{border-bottom-color:#0000}.table-headless tbody td:first-child{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.table-headless tbody td:last-child{border-radius:0 var(--radius-lg) var(--radius-lg) 0}.table-headless .col-art{width:56px}.table-headless .mini-art{width:40px;height:40px}.lyrics-sidebar{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-xl);isolation:isolate;opacity:0;pointer-events:none;min-width:0;min-height:0;transition:opacity .24s ease, transform .28s cubic-bezier(.22, 1, .36, 1), display .28s allow-discrete;flex-direction:column;grid-area:lyrics;display:none;position:relative;overflow:hidden;transform:translate(12px)}.app[data-lyrics-open=true] .lyrics-sidebar{opacity:1;pointer-events:auto;display:flex;transform:translate(0)}@starting-style{.app[data-lyrics-open=true] .lyrics-sidebar{opacity:0;transform:translate(12px)}}.lyrics-backdrop{display:none}@media (width<=760px){.lyrics-sidebar{z-index:72;width:min(320px,100vw - 48px);box-shadow:var(--shadow-md);grid-area:auto;position:fixed;inset:4px 4px 4px auto}.lyrics-backdrop{z-index:71;background:var(--scrim);opacity:0;pointer-events:none;transition:opacity .18s;display:block;position:fixed;inset:0}.lyrics-backdrop.visible{opacity:1;pointer-events:auto}}.lyrics-sidebar-head{z-index:1;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:12px 12px 8px;display:flex;position:relative}.lyrics-sidebar-title{color:var(--foreground);align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.lyrics-sidebar-track{z-index:1;flex:none;align-items:center;gap:10px;padding:0 12px 8px;display:flex;position:relative}.lyrics-sidebar-art{border-radius:var(--radius-md);flex:0 0 40px;width:40px;height:40px}.lyrics-sidebar-track-text{flex:1;min-width:0}.lyrics-sidebar-track-title{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.lyrics-sidebar-track-artist{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.lyrics-sidebar-empty{color:var(--muted-foreground);z-index:1;flex:none;padding:0 14px 12px;font-size:12px;position:relative}.lyrics-sidebar-body{z-index:1;flex-direction:column;flex:1;min-height:0;padding:8px 0 12px;display:flex;position:relative;overflow:hidden}html[data-mini-player] .lyrics-sidebar{display:none}html[data-mini-player] .app{--lyrics-panel-w:0px!important}.player-shell{grid-area:player;min-width:0;position:relative}.player-shell>.player-bar{width:100%}.remote-control-indicator{z-index:8;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--popover);max-width:calc(100% - 24px);height:28px;color:var(--popover-foreground);box-shadow:var(--shadow-md);white-space:nowrap;pointer-events:none;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;line-height:1;animation:.18s ease-out remote-control-indicator-in;display:inline-flex;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.remote-control-indicator svg{width:14px;height:14px;color:var(--muted-foreground);flex:0 0 14px}@keyframes remote-control-indicator-in{0%{opacity:0;transform:translate(-50%,-44%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.remote-control-indicator{animation:none}}.player-bar{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-xl);grid-area:player;grid-template-columns:1fr 1.3fr 1fr;align-items:center;gap:16px;height:72px;padding:0 12px;display:grid;position:relative;overflow:hidden}.player-bar>*{z-index:1;position:relative}.np{align-items:center;gap:12px;min-width:0;display:flex}.np-art{border-radius:var(--radius-md);background:var(--muted);background-position:50%;background-size:cover;flex:0 0 48px;width:48px;height:48px;overflow:hidden}.np-text{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;height:48px;display:flex}.np-title{white-space:nowrap;text-overflow:ellipsis;color:var(--foreground);font-size:14px;font-weight:500;overflow:hidden}.np-artist{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.np-text .np-artist.np-error{color:var(--destructive);overflow:visible}.np-error-btn{border-radius:var(--radius-sm);max-width:100%;color:inherit;font:inherit;vertical-align:top;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;padding:0;display:inline-block;overflow:hidden}.np-error-btn:hover,.np-error-btn[aria-expanded=true]{text-underline-offset:2px;text-decoration:underline}.transport{flex-direction:column;align-items:center;gap:6px;width:100%;min-width:0;display:flex}.transport-row{align-items:center;gap:8px;display:flex}.t-btn{border-radius:var(--radius-md);width:28px;height:28px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;place-items:center;transition:background .12s,color .12s;display:grid}.t-btn:hover{color:var(--foreground);background:var(--ghost-hover)}.t-btn.active{color:var(--foreground);background:var(--muted)}.t-btn:disabled{opacity:.4;cursor:default}.play-btn{background:var(--primary);width:32px;height:32px;color:var(--primary-foreground);cursor:pointer;border:0;border-radius:999px;place-items:center;transition:background .12s,transform 80ms;display:grid}.play-btn:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.play-btn:hover{background:color-mix(in oklch, var(--primary) 80%, transparent)}}.play-btn:disabled{opacity:.5;cursor:default}.progress{font-variant-numeric:tabular-nums;width:100%;color:var(--muted-foreground);align-items:center;gap:8px;font-size:12px;display:flex}.progress-time{font-variant-numeric:tabular-nums;text-align:center;min-width:32px}.bar{background:var(--muted);cursor:pointer;border-radius:999px;outline:none;flex:1;height:4px;position:relative}.bar:before{content:"";position:absolute;inset:-10px 0}.bar:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.bar-fill{background:var(--primary);pointer-events:none;width:100%;clip-path:inset(0 calc(100% - var(--bar-progress,0) * 100%) 0 0 round 999px);border-radius:999px;transition:clip-path .25s linear;position:absolute;top:0;bottom:0;left:0}.bar.dragging .bar-fill{transition:none}@media (prefers-reduced-motion:reduce){.bar-fill{transition:none}}.bar-thumb{background:var(--background);border:1px solid var(--primary);opacity:0;width:12px;height:12px;transition:opacity .12s, transform .12s var(--ease-out);pointer-events:none;border-radius:999px;position:absolute;top:50%;transform:translate(-50%,-50%)scale(1)}.bar:hover .bar-thumb,.bar:focus-within .bar-thumb,.bar.dragging .bar-thumb{opacity:1}.bar.dragging .bar-thumb{transform:translate(-50%,-50%)scale(1.25)}@media (prefers-reduced-motion:reduce){.bar-thumb{transition:opacity .12s}.bar.dragging .bar-thumb{transform:translate(-50%,-50%)scale(1)}}.utility{justify-content:flex-end;align-items:center;gap:8px;display:flex}.mini-divider{display:none}.volume{align-items:center;gap:8px;width:130px;display:flex}.volume .bar{height:4px}.transport-volume{display:none}.device-picker-btn{position:relative}.device-picker-btn.active{background:var(--muted);color:var(--foreground)}.device-picker-btn.pending svg{animation:.9s ease-in-out infinite alternate device-command-pulse}@media (prefers-reduced-motion:reduce){.device-picker-btn.pending svg{opacity:.75;animation:none}}.device-picker-btn.error{color:var(--destructive)}.device-picker-live{background:var(--success);border-radius:999px;width:6px;height:6px;position:absolute;bottom:4px;right:4px}.device-picker-btn.error .device-picker-live{background:var(--destructive)}@keyframes device-command-pulse{0%{opacity:.5}to{opacity:1}}html[data-mini-player] body{background:0 0;overflow:hidden}html[data-mini-player],html[data-mini-player] #root{background:0 0}html[data-mini-player] .app{background:0 0;padding:0;display:block}html[data-mini-player] .player-shell{flex-direction:column;height:100vh;display:flex}html[data-mini-player] .remote-control-indicator{animation:none;top:8px;transform:translate(-50%)}html[data-mini-player] .sidebar,html[data-mini-player] .main{display:none}html[data-mini-player] .player-bar{--mini-art-size:clamp(48px, calc(100dvh - 24px), 152px);height:var(--mini-bar-h,100vh);grid-template-columns:var(--mini-art-size) auto minmax(0, 1fr) auto;border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--background);-webkit-app-region:drag;flex:none;grid-template-rows:1fr auto;grid-template-areas:"art head head util""art controls progress progress";align-items:center;gap:6px 12px;min-height:0;padding:12px;display:grid}html[data-mini-player] .player-bar[data-mini-anchor=bottom]{margin-top:auto}html[data-mini-player] .np{display:contents}html[data-mini-player] .np-art{width:var(--mini-art-size);height:var(--mini-art-size);flex-basis:var(--mini-art-size);border-radius:var(--radius-xl);grid-area:art;align-self:center}html[data-mini-player] .player-bar[data-has-track=false] .np-art{background:var(--muted)}html[data-mini-player] .np-text{flex-direction:column;grid-area:head;justify-content:center;align-self:center;gap:4px;min-width:0;height:auto;padding-right:8px;display:flex}html[data-mini-player] .np-title,html[data-mini-player] .np-artist{width:fit-content;max-width:100%}html[data-mini-player] .np-title{letter-spacing:-.01em;font-size:18px;font-weight:600;line-height:1.15}html[data-mini-player] .np-artist{font-size:14px;line-height:1.25;font-family:var(--font-sans);color:var(--muted-foreground)}html[data-mini-player] .transport{display:contents}html[data-mini-player] .transport-row{grid-area:controls;justify-content:flex-start;place-self:center start;align-items:center;gap:2px;display:flex}html[data-mini-player] .transport-row .t-btn{width:30px;height:30px;color:var(--muted-foreground)}html[data-mini-player] .transport-row .t-btn:hover{color:var(--foreground);background:var(--ghost-hover)}html[data-mini-player] .transport-row .t-btn.active{color:var(--foreground);background:var(--muted)}html[data-mini-player] .transport-row .t-btn svg{width:14px;height:14px}html[data-mini-player] .play-btn{background:var(--primary);width:40px;height:40px;color:var(--primary-foreground);border:0;margin:0 6px}html[data-mini-player] .play-btn:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){html[data-mini-player] .play-btn:hover{background:color-mix(in oklch, var(--primary) 80%, transparent)}}html[data-mini-player] .play-btn svg{width:18px;height:18px}html[data-mini-player] .transport-volume{display:none}html[data-mini-player] .progress{color:var(--muted-foreground);font-variant-numeric:tabular-nums;grid-area:progress;align-self:center;align-items:center;gap:10px;padding-left:8px;font-size:12px;display:flex}html[data-mini-player] .progress-time{font-variant-numeric:tabular-nums;min-width:36px}html[data-mini-player] .progress-time:first-child{text-align:left}html[data-mini-player] .progress-time:last-child{text-align:right}html[data-mini-player] .progress .bar{height:4px}html[data-mini-player] .player-bar[data-has-track=false] .progress .bar-thumb{opacity:0}html[data-mini-player] .utility{grid-area:util;place-self:start end;align-items:center;gap:2px;display:flex}html[data-mini-player] .utility>.t-btn{width:28px;height:28px;color:var(--muted-foreground)}html[data-mini-player] .utility>.t-btn:hover{color:var(--foreground);background:var(--ghost-hover)}html[data-mini-player] .utility>.t-btn.active{color:var(--foreground);background:var(--muted)}html[data-mini-player] .utility>.t-btn svg{width:13px;height:13px}html[data-mini-player] .utility>.t-btn:disabled{opacity:.34}html[data-mini-player] .mini-divider{background:var(--border);width:1px;height:16px;margin:0 6px;display:block}html[data-mini-player] .utility>.volume{gap:6px;width:108px;display:flex}html[data-mini-player] .utility>.volume .t-btn{width:24px;height:24px;color:var(--muted-foreground)}html[data-mini-player] .utility>.volume .t-btn svg{width:12px;height:12px}html[data-mini-player] .utility>.volume .bar{height:3px}html[data-mini-player] .mini-mode-toggle{border-radius:var(--radius-md);width:28px;height:28px;color:var(--foreground);background:var(--input-bg);border:1px solid var(--input);margin-left:4px}html[data-mini-player] .mini-mode-toggle:hover{background:var(--input-bg-hover)}html[data-mini-player] .mini-mode-toggle svg{width:13px;height:13px}html[data-mini-player] .player-bar button,html[data-mini-player] .player-bar .bar,html[data-mini-player] .np-art,html[data-mini-player] .np-text{-webkit-app-region:no-drag}.share-preview-page{box-sizing:border-box;background:var(--background);place-items:center;height:100dvh;padding:24px;display:grid;overflow-y:auto}.share-preview-shell{gap:16px;width:min(100%,380px);display:grid}.share-preview-brand{color:var(--foreground);justify-self:center;align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.share-preview-brand .brand-mark{border-radius:var(--radius-md);flex-basis:24px;width:24px;height:24px}.share-preview-card{background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius-xl);gap:16px;padding:16px;display:grid;position:relative}.share-preview-art{aspect-ratio:1;border-radius:var(--radius-lg);background:var(--muted);width:100%}.share-preview-header{gap:6px;min-width:0;display:grid}.share-preview-title{letter-spacing:-.02em;text-wrap:balance;overflow-wrap:anywhere;margin:0;font-size:20px;font-weight:600;line-height:1.2}.share-preview-meta{color:var(--muted-foreground);overflow-wrap:anywhere;margin:0;font-size:14px}.share-preview-player{align-items:center;gap:12px;display:flex}.share-preview-play{flex:0 0 36px;width:36px;height:36px}.share-preview-play:active{transform:scale(.94)}.share-preview-progress{flex:1;gap:8px;min-width:0;padding-top:6px;display:grid}.share-preview-times{color:var(--muted-foreground);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;display:flex}.share-preview-footer{border-top:1px solid var(--border);background:var(--muted);grid-template-columns:1fr 1fr auto;grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;margin:0 -16px -16px;padding:12px 16px;display:grid}@supports (color:color-mix(in lab, red, red)){.share-preview-footer{background:color-mix(in oklch, var(--muted) 50%, transparent)}}.share-preview-footer{border-radius:0 0 calc(var(--radius-xl) - 1px) calc(var(--radius-xl) - 1px)}.share-preview-download{position:relative}.share-preview-download>.btn{gap:4px;height:100%}.share-preview-download-chevron{transition:transform .15s ease-out}.share-preview-download>.btn[aria-expanded=true] .share-preview-download-chevron{transform:rotate(180deg)}.share-preview-download-menu{z-index:30;transform-origin:100% 100%;min-width:180px;transition:opacity .15s ease-out,transform .15s ease-out;position:absolute;bottom:calc(100% + 6px);right:0}.share-preview-download-menu[data-closed]{opacity:0;transform:scale(.95)}.share-preview-download-menu .menu-item{cursor:pointer;text-decoration:none}.share-preview-download-hint{color:var(--muted-foreground);font-size:12px}@media (prefers-reduced-motion:reduce){.share-preview-download-menu,.share-preview-download-chevron{transition:none}}.share-preview-status{min-height:200px;color:var(--muted-foreground);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);place-items:center;display:grid}.share-preview-media{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}@media (width<=480px){.share-preview-page{padding:16px}}.settings{width:100%;max-width:700px;height:min(560px,100dvh - 32px);box-shadow:var(--shadow-md);outline:none;grid-template-columns:216px minmax(0,1fr) 0;display:grid;overflow:hidden}.settings[data-side]{grid-template-columns:216px minmax(0,1fr) 346px;max-width:1046px}.settings-side{visibility:hidden;transition:visibility .2s;display:none}.settings[data-side] .settings-side{visibility:visible}@media (prefers-reduced-motion:reduce){.settings-side{transition:none}}@media (width>=1100px){.settings-side{background:var(--sidebar);place-content:safe center end;min-width:0;padding:20px;display:grid;overflow:hidden auto}.settings[data-side] .settings-side{border-left:1px solid var(--border)}}.settings-nav{background:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;gap:10px;min-height:0;padding:10px;display:flex;overflow-y:auto}.settings-nav-top{align-items:center;gap:6px;display:flex}.settings-close{background:var(--muted)}.settings-search.search{flex:1;width:auto;min-width:0;max-width:none}.settings-nav-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.settings-nav-item{border-radius:var(--radius-md);width:100%;height:32px;color:var(--sidebar-foreground);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 8px;font-size:14px;transition:background .12s;display:flex}.settings-nav-item svg{color:var(--muted-foreground)}.settings-nav-item:hover,.settings-nav-item.active{background:var(--sidebar-accent)}.settings-nav-item.active{font-weight:500}.settings-nav-item.active svg{color:var(--foreground)}.settings-pane{padding:14px 18px 18px}.settings-head{border-bottom:1px solid var(--border);align-items:flex-start;gap:8px;display:flex}.settings-heading{flex:1;margin:0;padding:4px 0 12px;font-size:16px;font-weight:600}.settings-group+.settings-group{margin-top:16px}.settings-subheading{color:var(--muted-foreground);margin:14px 0 0;font-size:12px;font-weight:500}.settings-empty{color:var(--muted-foreground);margin:16px 0 0;font-size:14px}.settings-row{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:14px 0;display:flex}.settings-row:last-child{border-bottom:0}.settings-row-main{justify-content:space-between;align-items:center;gap:16px;min-height:28px;display:flex}.settings-row-text{min-width:0}.settings-row-label{color:var(--foreground);font-size:14px}.settings-row-desc{color:var(--muted-foreground);overflow-wrap:anywhere;margin-top:2px;font-size:12px;line-height:1.4}.settings-row-desc [data-error]{color:var(--destructive)}.settings-row-control{flex-shrink:0}.settings-row-control [role=combobox]{color:var(--foreground);padding:4px 2px 4px 6px}.settings-row-error{color:var(--destructive);font-size:12px}.settings-input.input{font-size:12px}.settings-copy{align-items:center;gap:8px;display:flex}.settings-copy .input{flex:1;min-width:0}.discord-lines{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 10px;display:grid}.discord-line{display:contents}.discord-line-label{color:var(--muted-foreground);font-size:12px}.discord-preview{--discord-popout:#060606;--discord-body:#020202;--discord-card:#1a1a1c;--discord-bubble:#212225;--discord-text:#f2f3f5;--discord-text-normal:#dbdee1;--discord-text-muted:#b5bac1;--discord-green:#45a366;--discord-blurple:#5865f2;color:var(--discord-text);justify-items:center;gap:12px;margin:0;font-family:gg sans,Noto Sans,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;display:grid}.discord-popout{background:var(--discord-popout);border:1px solid #141414;border-radius:8px;width:306px;padding:0 2px 2px;overflow:hidden}.discord-banner{border-bottom:1px solid #0a0a0a;height:107px;margin:0 -2px;position:relative}.discord-banner-more{color:#fff;background:#030303;border:1px solid #161616;border-radius:999px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:8px;right:12px}.discord-banner-more .discord-more-dots{width:13px}.discord-popout-body{background:var(--discord-body);border-radius:0 0 6px 6px;padding:59px 16px 16px;display:grid;position:relative}.discord-avatar{background:var(--discord-blurple);color:#fff;border-radius:999px;place-items:center;display:grid;position:relative}.discord-avatar-status{background:var(--discord-green);border-radius:999px;position:absolute}.discord-popout-avatar{width:80px;height:80px;box-shadow:0 0 0 6px var(--discord-body);position:absolute;top:-45px;left:14px}.discord-popout-avatar .discord-avatar-logo{width:47px}.discord-popout-avatar .discord-avatar-status{width:16px;height:16px;box-shadow:0 0 0 5px var(--discord-body);bottom:5px;right:4px}.discord-status-bubble{background:var(--discord-bubble);color:#c4c9ce;border:1px solid #3f3f43;border-radius:16px;min-height:54px;padding:9px 12px 7px;font-size:14px;font-style:italic;font-weight:500;line-height:18px;position:absolute;top:-7px;left:105px;right:16px}.discord-status-bubble:before,.discord-status-bubble:after{content:"";background:var(--discord-bubble);border:1px solid #3f3f43;border-radius:999px;position:absolute}.discord-status-bubble:before{clip-path:inset(0 0 9px);width:18px;height:18px;top:-10px;left:10px}.discord-status-bubble:after{width:10px;height:10px;top:-17px;left:-4px}.discord-status-bubble-add{vertical-align:-3px;width:16px;height:16px;margin-right:5px;display:inline-block}.discord-popout-name{text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:700;line-height:24px;overflow:hidden}.discord-popout-username{text-overflow:ellipsis;white-space:nowrap;color:var(--discord-text);margin-top:3px;font-size:14px;line-height:18px;overflow:hidden}.discord-card{background:var(--discord-card);border-radius:8px;gap:8px;margin-top:12px;padding:8px 8px 6px;display:grid}.discord-card-head{color:var(--discord-text-normal);justify-content:space-between;align-items:center;font-size:12px;font-weight:600;line-height:16px;display:flex}.discord-card-head .discord-more-dots{color:#b9babf;width:13px;margin-right:6px}.discord-card-body{align-items:flex-start;gap:8px;min-width:0;display:flex}.discord-card-art{flex:0 0 60px;width:60px;height:60px;position:relative}.discord-card-art img,.discord-card-art .brand-mark{object-fit:cover;border-radius:8px;flex-basis:60px;width:60px;height:60px}.discord-card-badge{background:var(--discord-card);color:#000;border-radius:999px;place-items:center;width:28px;height:28px;display:grid;position:absolute;bottom:-5px;right:-6px}.discord-card-text{flex:1;min-width:0;display:grid}.discord-card-details,.discord-card-line{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.discord-card-details{font-size:14px;font-weight:600;line-height:18px}.discord-card-line{font-size:12px;line-height:16px}.discord-card-state{font-weight:500}.discord-card-time{color:var(--discord-text-normal);align-items:center;gap:8px;margin-top:6px;font-family:gg mono,Source Code Pro,Consolas,Andale Mono WT,Andale Mono,Lucida Console,DejaVu Sans Mono,Liberation Mono,Monaco,Courier New,Courier,monospace;font-size:12px;font-weight:600;line-height:16px;display:flex}.discord-card-bar{background:#2d2d31;border-radius:999px;flex:1;height:2px;overflow:hidden}.discord-card-bar>span{border-radius:inherit;background:#f9f9f9;height:100%;display:block}.discord-card-session{color:#7ec191;gap:4px}.discord-card-session svg{width:14px;height:14px}.discord-edit-profile{color:#fff;background:#595959;border:1px solid #666;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:32px;margin-top:16px;font-size:14px;font-weight:500;display:flex}.discord-edit-profile svg{width:16px;height:16px}.discord-member{background:var(--discord-body);border-radius:8px;align-items:center;gap:12px;width:306px;min-width:0;padding:6px 8px;display:flex}.discord-member-avatar{flex:0 0 32px;width:32px;height:32px}.discord-member-avatar .discord-avatar-logo{width:19px}.discord-member-avatar .discord-avatar-status{width:10px;height:10px;box-shadow:0 0 0 3px var(--discord-body);bottom:-2px;right:-2px}.discord-member-text{min-width:0;display:grid}.discord-member-name{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:500;line-height:20px;overflow:hidden}.discord-member-status{text-overflow:ellipsis;white-space:nowrap;color:var(--discord-text-muted);font-size:12px;line-height:16px;overflow:hidden}.discord-member-status strong{font-weight:600}.switch{background:var(--input);cursor:pointer;border:0;border-radius:999px;align-items:center;width:36px;height:20px;padding:2px;transition:background .15s;display:inline-flex;position:relative}.switch[aria-checked=true]{background:var(--primary)}.switch:disabled{opacity:.6;cursor:default}.switch:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.switch-thumb{background:var(--background);border-radius:999px;width:16px;height:16px;transition:transform .15s;box-shadow:0 1px 2px #00000040}.switch[aria-checked=true] .switch-thumb{background:var(--primary-foreground);transform:translate(16px)}@media (prefers-reduced-motion:reduce){.switch,.switch-thumb{transition:none}}@media (width<=640px){.settings-layer{padding:8px}.settings{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:calc(100dvh - 16px)}.settings-nav{border-right:0;border-bottom:1px solid var(--border);overflow:visible}.settings-nav-list{scrollbar-width:none;flex-direction:row;overflow-x:auto}.settings-nav-item{white-space:nowrap;width:auto}}.menu{background:var(--popover);min-width:220px;color:var(--popover-foreground);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:4px;overflow:hidden}.menu-item{border-radius:var(--radius-md);min-height:28px;color:var(--popover-foreground);cursor:default;text-align:left;background:0 0;border:0;align-items:center;gap:6px;width:100%;padding:4px 6px;font-size:14px;display:flex}.menu-item:hover{background:var(--accent);color:var(--accent-foreground)}.surface{background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius-xl)}.surface-inset{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-lg)}.divider{border-top:1px solid var(--border)}.mono{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.auth-wrap{background:var(--background);height:100dvh;padding:24px;display:flex;overflow-y:auto}.auth-card{background:var(--card);width:100%;max-width:400px;color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius-xl);margin:auto;padding:24px;position:relative}.auth-card .brand-mark{flex-basis:38px;width:38px;height:38px}.welcome{background:var(--background);height:100dvh;padding:48px 24px 24px;display:flex;overflow-y:auto}.welcome-drag{-webkit-app-region:drag;height:44px;position:fixed;inset:0 0 auto}.welcome-card{background:var(--card);width:100%;max-width:440px;color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin:auto;padding:28px}.welcome-progress{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:24px;display:grid}.welcome-progress span{background:var(--border);border-radius:999px;height:3px;transition:background .2s}.welcome-progress span[data-done]{background:var(--primary)}.welcome-step{gap:16px;animation:.22s ease-out welcome-in;display:grid}.welcome-step h1{letter-spacing:-.02em;color:var(--foreground);outline:none;margin:0;font-size:22px;font-weight:600}.welcome-lead{color:var(--muted-foreground);margin:-8px 0 4px;font-size:14px;line-height:1.5}.welcome-intro{text-align:center;justify-items:center;padding:8px 0 4px}.welcome-intro .welcome-lead{max-width:340px;margin-top:-6px}.welcome-intro .brand-mark{border-radius:var(--radius-xl);flex-basis:52px;width:52px;height:52px}.welcome-intro .welcome-actions{justify-content:center}.welcome-field{gap:8px;display:grid}.welcome-hint{color:var(--muted-foreground);margin:0;font-size:12px}.welcome-link{color:var(--foreground);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.welcome-link:hover{color:var(--primary)}.welcome-connected{color:var(--muted-foreground);align-items:center;gap:6px;margin:-8px 0 0;font-size:13px;display:flex}.welcome-connected svg{color:var(--success)}.welcome-connected .mono{color:var(--foreground)}.welcome-prefs{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.welcome-note{color:var(--muted-foreground);margin:-4px 0 0;font-size:12px}.welcome-error{color:var(--destructive);margin:0;font-size:12px}.welcome-actions{justify-content:space-between;gap:8px;margin-top:4px;display:flex}.welcome-actions:has(>:only-child){justify-content:flex-end}@keyframes welcome-in{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.welcome-step{animation:none}.welcome-progress span{transition:none}}.input{background:var(--input-bg);border:1px solid var(--input);border-radius:var(--radius-lg);color:var(--foreground);box-sizing:border-box;outline:none;width:100%;height:32px;padding:0 10px;font-size:14px;transition:border-color .12s,box-shadow .12s}.input:focus{border-color:var(--focus-ring);box-shadow:0 0 0 1px var(--focus-ring), 0 0 0 4px var(--ring)}@supports (color:color-mix(in lab, red, red)){.input:focus{box-shadow:0 0 0 1px var(--focus-ring), 0 0 0 4px color-mix(in oklch, var(--ring) 30%, transparent)}}.input::placeholder{color:var(--muted-foreground)}[data-theme=dark] select.input option,[data-theme=dark] select option{color:var(--popover-foreground);background:var(--popover)}.multi-select-trigger{border:1px solid var(--input);border-radius:var(--radius-md);background:var(--input-bg);max-width:100%;height:28px;color:var(--foreground);white-space:nowrap;align-items:center;gap:6px;padding:0 8px 0 10px;font-size:13px;display:inline-flex}.multi-select-trigger:hover{background:var(--accent)}.multi-select-trigger:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.multi-select-trigger svg{color:var(--muted-foreground)}.multi-select-list{z-index:30;transform-origin:100% 0;outline:none;width:max-content;min-width:100%;max-width:min(360px,80vw);max-height:260px;margin-top:4px;position:absolute;top:100%;right:0;overflow-y:auto}.multi-select-list[data-side=top]{transform-origin:100% 100%;margin:0 0 4px;top:auto;bottom:100%}.multi-select-option{cursor:pointer;align-items:flex-start;gap:10px}.multi-select-option[aria-disabled=true]{cursor:default}.multi-select-option[aria-disabled=true] .multi-select-box{opacity:.5}.multi-select-option[data-active]{background:var(--accent)}.multi-select-box{border:1px solid var(--input);border-radius:4px;flex:none;place-items:center;width:16px;height:16px;margin-top:2px;display:grid}.multi-select-box[data-checked]{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.multi-select-text{min-width:0;display:grid}.multi-select-label{align-items:center;gap:6px;min-width:0;display:flex}.multi-select-detail{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}@media (forced-colors:active){.multi-select-option[data-active]{outline-offset:-2px;outline:2px solid highlight}.multi-select-box[data-checked]{color:highlighttext;forced-color-adjust:none;background:highlight;border-color:highlight}}.dialog-layer{z-index:120;pointer-events:auto}.dialog{background:var(--popover);border:1px solid var(--border);border-radius:var(--radius-xl);color:var(--popover-foreground);min-height:0}.dialog-scroll{overscroll-behavior:contain;min-height:0;overflow:auto}.track-info{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,2fr);min-height:0;font-size:14px;display:grid;overflow:hidden}.track-info-summary,.track-info-details{overscroll-behavior:contain;min-height:0;overflow:auto}.track-info-summary{border-right:1px solid var(--border);flex-direction:column;gap:16px;padding:20px;display:flex}.track-info-details{grid-template-columns:minmax(0,1fr);align-content:start;gap:20px;padding:20px 24px;display:grid}.track-info-cover{aspect-ratio:1;border-radius:var(--radius-lg);flex:none;width:100%}.track-info-heading{overflow-wrap:anywhere;gap:2px;display:grid}.track-info-title{margin-bottom:2px;font-size:20px;font-weight:600;line-height:1.25}.track-info-artist{color:var(--muted-foreground)}.track-info-album{color:var(--muted-foreground);font-size:13px}.track-info-section .eyebrow{margin:0 0 8px}.track-info-fields{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px 16px;margin:0;display:grid}.track-info-fields>[data-wide]{grid-column:1/-1}.track-info-fields dt{color:var(--muted-foreground);font-size:12px}.track-info-fields dd{color:var(--foreground);overflow-wrap:anywhere;margin:2px 0 0}.track-info-fields dd[data-empty]{color:var(--muted-foreground)}.track-info-note{color:var(--muted-foreground);margin:0;font-size:12px}.track-info-section .track-info-note{margin-top:8px}@media (width<=640px){.track-info{overscroll-behavior:contain;grid-template-rows:none;grid-template-columns:minmax(0,1fr);overflow:auto}.track-info-summary,.track-info-details{overflow:visible}.track-info-summary{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;align-items:center;padding:16px}.track-info-cover{width:88px}.track-info-title{font-size:16px}.track-info-details{padding:16px}}.track-versions-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.track-info-section .track-versions-head .eyebrow{margin:0}.track-versions-caption{color:var(--muted-foreground);margin-bottom:8px;font-size:12px}.track-versions{overscroll-behavior-x:contain;scroll-snap-type:x proximity;border:1px solid var(--border);border-radius:var(--radius-lg);overflow-x:auto}.track-versions table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%}.track-versions th,.track-versions td{text-align:left;vertical-align:baseline;overflow-wrap:anywhere;padding:6px 10px}.track-versions tbody>tr>*{border-top:1px solid var(--border)}.track-versions thead th+th,.track-versions tbody td+td{border-left:1px solid var(--border)}.track-versions thead th{vertical-align:middle;scroll-snap-align:start;padding-top:9px;padding-bottom:9px;scroll-margin-left:72px}.track-versions thead td,.track-versions tbody th{z-index:1;background:var(--popover);border-right:1px solid var(--border);position:sticky;left:0}.track-versions tbody th{color:var(--muted-foreground);font-size:12px;font-weight:400}.track-versions [data-shown]{background:var(--muted)}.track-versions tbody td{color:var(--foreground)}.track-versions tbody td[data-same]{color:var(--muted-foreground)}.version-mark{background:var(--foreground);min-width:18px;height:18px;color:var(--background);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;place-items:center;padding:0 4px;font-size:12px;font-weight:600;line-height:1;display:inline-grid}.version-name{color:var(--foreground);grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:6px;font-size:13px;font-weight:500;display:grid}.version-file{overflow-wrap:anywhere}.version-name .badge{vertical-align:1px;background:var(--popover);border-color:var(--border);margin-left:6px}.track-versions-actions{align-items:center;gap:8px;display:flex}.version-unlink{margin-top:4px}.version-linker{gap:8px;margin:8px 0;display:grid}.version-linker-search{align-items:center;gap:8px;display:flex}.version-linker-search .search{flex:1}.version-linker-results{overscroll-behavior:contain;border:1px solid var(--border);border-radius:var(--radius-lg);gap:8px;max-height:240px;padding:4px;display:grid;overflow-y:auto}.version-linker-empty{color:var(--muted-foreground);padding:6px 8px;font-size:12px}.version-linker-item{border-radius:var(--radius-md);width:100%;color:var(--foreground);text-align:left;cursor:pointer;background:0 0;border:0;gap:2px;padding:6px 8px;display:grid}.version-linker-item:hover:not(:disabled){background:var(--muted)}.version-linker-item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.version-linker-item:disabled{cursor:default;opacity:.6}.version-linker-title{overflow-wrap:anywhere;font-size:13px;font-weight:500}.version-linker-meta{color:var(--muted-foreground);overflow-wrap:anywhere;font-size:12px}@media (forced-colors:active){.track-versions tbody td[data-same],.track-info-fields dd[data-empty]{color:graytext}}.confirm-body{gap:16px;padding:20px 20px 18px;display:grid;overflow-y:auto}.confirm-subject{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--muted);align-items:center;gap:12px;min-width:0;padding:10px;display:flex}@supports (color:color-mix(in lab, red, red)){.confirm-subject{background:color-mix(in oklch, var(--muted) 50%, transparent)}}.confirm-subject>.confirm-subject-art{border-radius:var(--radius-md);flex:none;width:48px;height:48px}.confirm-subject-tile{background:var(--muted);color:var(--muted-foreground);place-items:center;font-size:14px;font-weight:500;display:grid}.confirm-subject-text{flex:1;gap:2px;min-width:0;display:grid}.confirm-subject-name,.confirm-subject-detail{overflow-wrap:anywhere;text-wrap:pretty}.confirm-subject-name{font-size:14px;font-weight:500;line-height:1.3}.confirm-subject-detail{color:var(--muted-foreground);font-size:13px;line-height:1.4}.confirm-text{gap:6px;display:grid}.confirm-title{letter-spacing:-.01em;text-wrap:balance;overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:600;line-height:1.3}.confirm-message{color:var(--muted-foreground);text-wrap:pretty;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.5}.confirm-actions{border-top:1px solid var(--border);grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;padding:12px 16px;display:grid}.error-banner{border-radius:var(--radius-lg);background:var(--destructive-soft);border:1px solid var(--destructive-border);color:var(--destructive);padding:8px 12px;font-size:14px}.empty-state{text-align:center;color:var(--muted-foreground);align-content:center;justify-items:center;gap:8px;padding:48px 24px;display:grid}.empty-state-icon{color:var(--foreground);background:var(--muted);border-radius:var(--radius-lg);place-items:center;width:40px;height:40px;margin-bottom:4px;display:grid}.empty-state-icon svg{width:20px;height:20px}.empty-state-title{color:var(--foreground);font-size:16px;font-weight:500}.empty-state-hint{color:var(--muted-foreground);font-size:14px}.loading-state{color:var(--muted-foreground);padding:20px;font-size:14px}.eyebrow{color:var(--muted-foreground);font-size:12px;font-weight:500}.field-label{color:var(--foreground);font-size:14px;font-weight:500;line-height:1}.page-header{flex-wrap:wrap;align-items:baseline;gap:16px;display:flex}.page-title{letter-spacing:-.025em;margin:0;font-size:24px;font-weight:600}.page-count{color:var(--muted-foreground);font-size:14px}[cmdk-overlay]{background:var(--scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:79;position:fixed;inset:0}[cmdk-dialog]{z-index:80;outline:none;width:calc(100% - 32px);max-width:640px;position:fixed;top:12vh;left:50%;transform:translate(-50%)}[cmdk-root]{background:var(--popover);color:var(--popover-foreground);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);flex-direction:column;max-height:70vh;display:flex;position:relative;overflow:hidden}.cmdk-input-row{border-bottom:1px solid var(--border);z-index:1;flex:0 0 44px;align-items:center;gap:8px;height:44px;padding:0 12px;display:flex;position:relative}.cmdk-input-row input[cmdk-input]{min-width:0;color:var(--foreground);background:0 0;border:0;outline:none;flex:1;font-family:inherit;font-size:14px}.cmdk-input-row input[cmdk-input]::placeholder{color:var(--muted-foreground)}.cmdk-type{flex:none;display:flex}.cmdk-type .segmented{height:28px;padding:2px}.cmdk-type .segmented-indicator{top:2px;bottom:2px}.cmdk-type .segmented button{font-size:12px}.cmdk-kbd{border-radius:var(--radius-sm);background:var(--muted);min-width:20px;height:20px;color:var(--muted-foreground);place-items:center;padding:0 4px;font-size:12px;font-weight:500;display:inline-grid}.cmdk-list{z-index:1;flex:auto;min-height:0;padding:4px;scroll-padding:4px;position:relative;overflow-y:auto}.cmdk-empty{text-align:center;color:var(--muted-foreground);padding:24px 12px;font-size:14px}[cmdk-group-heading]{color:var(--muted-foreground);padding:6px 8px;font-size:12px;font-weight:500}[cmdk-item]{border-radius:var(--radius-lg);color:var(--popover-foreground);cursor:default;-webkit-user-select:none;user-select:none;outline:none;align-items:center;gap:8px;min-height:32px;padding:6px 8px;font-size:14px;display:flex;position:relative}[cmdk-item][data-selected=true]{background:var(--muted);color:var(--foreground)}[cmdk-item][data-disabled=true]{opacity:.5;pointer-events:none}.cmdk-art{border-radius:var(--radius-md);background:var(--muted);background-position:50%;background-size:cover;flex:0 0 28px;width:28px;height:28px}.cmdk-item-main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.cmdk-item-title{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.cmdk-item-sub{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.cmdk-shortcut{letter-spacing:.1em;color:var(--muted-foreground);flex:none;margin-left:auto;font-size:12px}.cmdk-footer{border-top:1px solid var(--border);color:var(--muted-foreground);z-index:1;flex:none;align-items:center;gap:12px;padding:8px 12px;font-size:12px;display:flex;position:relative}.cmdk-footer>span{white-space:nowrap}@media (width<=480px){.cmdk-footer-brand{display:none}}.badge{background:var(--secondary);white-space:nowrap;height:20px;color:var(--secondary-foreground);border:1px solid #0000;border-radius:999px;align-items:center;gap:4px;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.badge-accent{background:var(--primary);color:var(--primary-foreground);border-color:#0000}.device-pop{z-index:96;color:var(--popover-foreground);background:var(--popover);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transform-origin:100% 100%;opacity:1;transition:opacity var(--dur-menu) var(--ease-out), transform var(--dur-menu) var(--ease-out);position:fixed;overflow:hidden;transform:translateY(0)scale(1)}.device-pop-head{border-bottom:1px solid var(--border);align-items:center;gap:8px;min-height:44px;padding:6px 6px 6px 14px;display:flex}.device-pop-title{font-size:14px;font-weight:600}.device-pop-status{background:var(--muted);height:20px;color:var(--muted-foreground);border-radius:999px;align-items:center;gap:6px;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.device-pop-status-dot{background:var(--warning);border-radius:999px;width:6px;height:6px;animation:1.4s ease-in-out infinite device-pop-pulse}.device-pop-status[data-online] .device-pop-status-dot{background:var(--success);box-shadow:0 0 0 3px var(--success);animation:none}@supports (color:color-mix(in lab, red, red)){.device-pop-status[data-online] .device-pop-status-dot{box-shadow:0 0 0 3px color-mix(in oklch, var(--success) 22%, transparent)}}@keyframes device-pop-pulse{50%{opacity:.35}}.device-pop-close{width:28px;height:28px;color:var(--muted-foreground);flex:0 0 28px}.device-pop-body{padding:6px}.device-pop-section{color:var(--muted-foreground);padding:10px 8px 4px;font-size:12px;font-weight:500}.device-pop-row{border-radius:var(--radius-md);width:100%;min-height:48px;color:var(--popover-foreground);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:6px 8px;transition:background .12s;display:flex;position:relative}.device-pop-row:hover,.device-pop-row.active{background:var(--accent)}.device-pop-row:focus-visible{background:var(--accent);box-shadow:inset 0 0 0 2px var(--focus-ring);outline:none}.device-pop-icon{border:1px solid var(--border);border-radius:var(--radius-md);width:32px;height:32px;color:var(--foreground);background:var(--background);flex:0 0 32px;place-items:center;display:grid;position:relative}.device-pop-icon svg{width:16px;height:16px}.device-pop-row.active .device-pop-icon{background:var(--foreground);color:var(--background);border-color:#0000;transition:background .16s,color .16s}.device-pop-online{border:2px solid var(--popover);background:var(--success);border-radius:999px;width:8px;height:8px;position:absolute;bottom:-2px;right:-2px}.device-pop-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.device-pop-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.device-pop-meta{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.device-pop-check{width:14px;height:14px;color:var(--foreground);flex:0 0 14px}.device-pop-empty{border:1px dashed var(--border);border-radius:var(--radius-md);align-items:center;gap:12px;margin:2px 2px 4px;padding:12px;display:flex}.device-pop-empty-icon{border-radius:var(--radius-md);background:var(--muted);width:32px;height:32px;color:var(--muted-foreground);flex:0 0 32px;place-items:center;display:grid}.device-pop-empty-icon svg{width:16px;height:16px}.device-pop-empty-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.device-pop-empty-title{font-size:13px;font-weight:500}.device-pop-empty-hint{color:var(--muted-foreground);font-size:12px;line-height:1.4}.device-pop-bars{flex:0 0 14px;margin-right:1px}.device-pop-error{border-top:1px solid var(--border);background:var(--destructive-soft);color:var(--destructive);padding:8px 12px;font-size:12px}@media (prefers-reduced-motion:reduce){.device-picker-btn.pending svg,.device-pop-status-dot{animation:none}}.queue-pop{z-index:95;color:var(--popover-foreground);background:var(--popover);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transform-origin:100% 100%;opacity:1;transition:opacity var(--dur-menu) var(--ease-out), transform var(--dur-menu) var(--ease-out);flex-direction:column;display:flex;position:fixed;overflow:hidden;transform:translateY(0)scale(1)}.queue-pop>*{z-index:1;position:relative}.error-pop{transform-origin:0 100%;flex-direction:column;display:flex}.error-pop>.device-pop-head{flex:none}.error-pop>.error-pop-body{min-height:0;overflow-y:auto}.error-pop-body{flex-direction:column;gap:14px;padding:12px 14px 14px;display:flex}.error-pop-lines{grid-template-columns:auto minmax(0,1fr);gap:6px 14px;margin:0;font-size:12px;line-height:1.45;display:grid}.error-pop-line{display:contents}.error-pop-line dt{color:var(--muted-foreground)}.error-pop-line dd{min-width:0;color:var(--foreground);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;margin:0}.error-pop-line:first-child dd{color:var(--destructive)}.error-pop-actions{justify-content:flex-end;display:flex}.queue-pop[data-closed],.device-pop[data-closed]{opacity:0;pointer-events:none;transform:translateY(6px)scale(.97)}@media (prefers-reduced-motion:reduce){.queue-pop,.device-pop{transition:opacity var(--dur-menu) var(--ease-out)}.queue-pop[data-closed],.device-pop[data-closed]{transform:none}}.queue-pop-head{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:6px;min-height:36px;padding:3px 4px 3px 12px;display:flex}.queue-pop-title-h{color:var(--foreground);font-size:13px;font-weight:600}.queue-pop-pos{color:var(--muted-foreground);font-variant-numeric:tabular-nums;border-radius:var(--radius-sm);background:var(--muted);place-items:center;height:18px;padding:0 5px;font-size:12px;font-weight:500;display:inline-grid}.queue-pop-close{width:28px;height:28px;color:var(--muted-foreground);flex:0 0 28px}.queue-pop-close:hover{color:var(--foreground)}.queue-pop-list{--queue-inset:4px;min-height:0;padding:0 var(--queue-inset) var(--queue-inset);flex:auto;overflow-y:auto}.queue-pop-heading{color:var(--muted-foreground);padding:8px 8px 4px;font-size:12px;font-weight:500;line-height:16px}.queue-pop-row{border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;color:var(--popover-foreground);font:inherit;background:0 0;border:0;align-items:center;gap:10px;padding:4px 8px;transition:background .12s;display:flex;position:relative}.queue-pop-row:hover:not(.active){background:var(--accent)}.queue-pop-row:focus-visible{background:var(--accent);box-shadow:inset 0 0 0 2px var(--focus-ring);outline:none}.queue-pop-row.active{border-bottom:1px solid var(--border);background:var(--muted);border-radius:0;flex:none;gap:12px;padding:8px 12px}@supports (color:color-mix(in lab, red, red)){.queue-pop-row.active{background:color-mix(in oklch, var(--muted) 50%, transparent)}}.queue-pop-row.active{cursor:default}.queue-pop-hint{color:var(--muted-foreground);padding:8px 8px 4px;font-size:12px}.queue-pop-art{border-radius:var(--radius-sm);flex:0 0 32px;width:32px;height:32px;overflow:hidden}.queue-pop-row.active .queue-pop-art{border-radius:var(--radius-md);flex-basis:48px;width:48px;height:48px}.queue-pop-text{flex-direction:column;flex:1;min-width:0;display:flex}.queue-pop-eyebrow{color:var(--muted-foreground);font-size:12px;font-weight:500;line-height:16px}.queue-pop-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;line-height:16px;overflow:hidden}.queue-pop-row.active .queue-pop-title{color:var(--foreground);font-size:14px;line-height:18px}.queue-pop-artist{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:16px;overflow:hidden}.queue-pop-empty{text-align:center;color:var(--muted-foreground);flex-direction:column;align-items:center;gap:6px;padding:20px 12px;font-size:13px;display:flex}html[data-mini-player] .player-bar[data-mini-panel]{--mini-column:184px;grid-template-columns:var(--mini-column) minmax(0, 1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"np panel-head util""np panel panel""transport panel panel";align-items:stretch;gap:10px 16px;height:100vh;margin-top:0}html[data-mini-player] .player-bar[data-mini-panel] .np{flex-direction:column;grid-area:np;align-self:start;gap:12px;min-width:0;display:flex}html[data-mini-player] .player-bar[data-mini-panel] .np-art{width:var(--mini-column);height:var(--mini-column);flex:none}html[data-mini-player] .player-bar[data-mini-panel] .np-text{align-self:stretch;align-items:center;gap:3px;padding-right:0}html[data-mini-player] .player-bar[data-mini-panel] .np-title{font-size:16px}html[data-mini-player] .player-bar[data-mini-panel] .np-artist{font-size:13px}html[data-mini-player] .player-bar[data-mini-panel] .transport{flex-direction:column;grid-area:transport;align-items:stretch;gap:6px;display:flex}html[data-mini-player] .player-bar[data-mini-panel] .progress{order:-1;grid-template-columns:1fr 1fr;grid-template-areas:"bar bar""elapsed remaining";row-gap:8px;padding-left:0;display:grid}html[data-mini-player] .player-bar[data-mini-panel] .progress .bar{grid-area:bar}html[data-mini-player] .player-bar[data-mini-panel] .progress-time:first-child{grid-area:elapsed;justify-self:start}html[data-mini-player] .player-bar[data-mini-panel] .progress-time:last-child{grid-area:remaining;justify-self:end}html[data-mini-player] .player-bar[data-mini-panel] .transport-row{align-self:center}.mini-panel-head{grid-area:panel-head;align-items:center;gap:8px;min-width:0;padding-left:2px;display:flex}.mini-panel-title{min-width:0;color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.mini-panel-body{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);min-height:0;color:var(--card-foreground);-webkit-app-region:no-drag;flex-direction:column;grid-area:panel;display:flex;overflow:hidden}.mini-panel-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.mini-panel-queue{overflow:hidden}.mini-queue{flex-direction:column;flex:1;min-height:0;display:flex}.mini-panel-lyrics{justify-content:center;overflow:hidden}.mini-panel-content[data-enter]{animation:mini-panel-swap .2s var(--ease-out) both}.mini-panel-content[data-enter=forward]{--mini-swap-from:16px}.mini-panel-content[data-enter=back]{--mini-swap-from:-16px}.mini-panel-head[data-enter]{animation:mini-fade-in .16s var(--ease-out) both}@keyframes mini-panel-swap{0%{opacity:0;transform:translateX(var(--mini-swap-from,0))}}@keyframes mini-fade-in{0%{opacity:0}}html[data-mini-morph]{--mini-morph-dur:.34s;--mini-rolled:inset(0 0 100% 100% round var(--radius-lg))}html[data-mini-morph=close]{--mini-morph-dur:.3s}html[data-mini-morph-anchor=bottom]{--mini-rolled:inset(100% 0 0 100% round var(--radius-lg))}html[data-mini-morph] .player-bar{view-transition-name:mini-card}html[data-mini-morph] .player-bar .np-art{view-transition-name:mini-art}html[data-mini-morph] .player-bar .np-title{view-transition-name:mini-title}html[data-mini-morph] .player-bar .np-artist{view-transition-name:mini-artist}html[data-mini-morph] .player-bar .progress .bar{view-transition-name:mini-seek}html[data-mini-morph] .player-bar .progress-time:first-child{view-transition-name:mini-elapsed}html[data-mini-morph] .player-bar .progress-time:last-child{view-transition-name:mini-remaining}html[data-mini-morph] .player-bar .transport-row{view-transition-name:mini-transport}html[data-mini-morph] .player-bar .utility{view-transition-name:mini-utility}html[data-mini-morph] .mini-panel-head{view-transition-name:mini-panel-head}html[data-mini-morph] .mini-panel-body{view-transition-name:mini-panel-body}html[data-mini-morph] .mini-panel-content{view-transition-name:mini-panel-content}html[data-mini-morph]::view-transition-group(mini-card){animation-duration:var(--mini-morph-dur);animation-timing-function:var(--ease-in-out);animation-fill-mode:both}html[data-mini-morph]::view-transition-group(mini-art){animation-duration:var(--mini-morph-dur);animation-timing-function:var(--ease-in-out);animation-fill-mode:both}html[data-mini-morph]::view-transition-group(mini-title){animation-duration:var(--mini-morph-dur);animation-timing-function:var(--ease-in-out);animation-fill-mode:both}html[data-mini-morph]::view-transition-group(mini-artist){animation-duration:var(--mini-morph-dur);animation-timing-function:var(--ease-in-out);animation-fill-mode:both}html[data-mini-morph]::view-transition-group(mini-seek){animation-duration:var(--mini-morph-dur);animation-timing-function:var(--ease-in-out);animation-fill-mode:both}html[data-mini-morph]::view-transition-group(mini-elapsed){animation-duration:var(--mini-morph-dur);animation-timing-function:var(--ease-in-out);animation-fill-mode:both}html[data-mini-morph]::view-transition-group(mini-remaining){animation-duration:var(--mini-morph-dur);animation-timing-function:var(--ease-in-out);animation-fill-mode:both}html[data-mini-morph]::view-transition-group(mini-transport){animation-duration:var(--mini-morph-dur);animation-timing-function:var(--ease-in-out);animation-fill-mode:both}html[data-mini-morph]::view-transition-group(mini-utility){animation-duration:var(--mini-morph-dur);animation-timing-function:var(--ease-in-out);animation-fill-mode:both}html[data-mini-morph]::view-transition-group(mini-art){z-index:2}html[data-mini-morph]::view-transition-group(mini-title){z-index:1}html[data-mini-morph]::view-transition-group(mini-artist){z-index:1}html[data-mini-morph]::view-transition-group(mini-seek){z-index:1}html[data-mini-morph]::view-transition-group(mini-elapsed){z-index:1}html[data-mini-morph]::view-transition-group(mini-remaining){z-index:1}html[data-mini-morph]::view-transition-group(mini-transport){z-index:1}html[data-mini-morph]::view-transition-old(mini-card){display:none}html[data-mini-morph]::view-transition-new(mini-card){display:none}html[data-mini-morph]::view-transition-group(mini-card){box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--background)}html[data-mini-morph]::view-transition-old(mini-title){block-size:100%;inline-size:auto}html[data-mini-morph]::view-transition-new(mini-title){block-size:100%;inline-size:auto}html[data-mini-morph]::view-transition-old(mini-artist){block-size:100%;inline-size:auto}html[data-mini-morph]::view-transition-new(mini-artist){block-size:100%;inline-size:auto}html[data-mini-morph]::view-transition-old(mini-seek){block-size:100%}html[data-mini-morph]::view-transition-new(mini-seek){block-size:100%}html[data-mini-morph=open]::view-transition-new(mini-panel-body){animation:mini-unroll var(--mini-morph-dur) var(--ease-in-out) 40ms both, mini-fade-in .2s var(--ease-out) 40ms both}html[data-mini-morph=close]::view-transition-old(mini-panel-body){animation:mini-roll var(--mini-morph-dur) var(--ease-in-out) both, mini-fade-late var(--mini-morph-dur) linear both}html[data-mini-morph=open]::view-transition-new(mini-panel-content){animation:mini-unroll var(--mini-morph-dur) var(--ease-in-out) 40ms both, mini-fade-in .16s var(--ease-out) .33s both}html[data-mini-morph=close]::view-transition-old(mini-panel-content){animation:mini-roll var(--mini-morph-dur) var(--ease-in-out) both, mini-fade-out 80ms var(--ease-out) both}html[data-mini-morph=open]::view-transition-new(mini-panel-head){animation:mini-fade-in .18s var(--ease-out) .12s both}html[data-mini-morph=open][data-mini-morph-anchor=bottom]::view-transition-new(mini-panel-head){animation-delay:.24s}html[data-mini-morph=close]::view-transition-old(mini-panel-head){animation:mini-fade-out 80ms var(--ease-out) both}@keyframes mini-unroll{0%{clip-path:var(--mini-rolled)}to{clip-path:inset(0 round var(--radius-lg))}}@keyframes mini-roll{0%{clip-path:inset(0 round var(--radius-lg))}to{clip-path:var(--mini-rolled)}}@keyframes mini-fade-out{to{opacity:0}}@keyframes mini-fade-late{0%,40%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){html[data-mini-morph]{--mini-morph-dur:0s}html[data-mini-morph=open]::view-transition-new(mini-panel-body){animation:mini-fade-in .2s var(--ease-out) both}html[data-mini-morph=open]::view-transition-new(mini-panel-content){animation:mini-fade-in .2s var(--ease-out) both}html[data-mini-morph=open]::view-transition-new(mini-panel-head){animation:mini-fade-in .2s var(--ease-out) both}html[data-mini-morph=open][data-mini-morph-anchor=bottom]::view-transition-new(mini-panel-head){animation:mini-fade-in .2s var(--ease-out) both}html[data-mini-morph=close]::view-transition-old(mini-panel-body){display:none}html[data-mini-morph=close]::view-transition-old(mini-panel-content){display:none}html[data-mini-morph=close]::view-transition-old(mini-panel-head){display:none}@keyframes mini-panel-swap{0%{opacity:0}}}.update-toast{z-index:5;width:min(320px,100% - 32px);color:var(--popover-foreground);background:var(--popover);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md), 0 12px 32px -12px oklch(0% 0 0/.25);transform-origin:100% 100%;opacity:0;gap:12px;padding:12px;transition:opacity .16s ease-in,transform .16s ease-in;display:grid;position:absolute;bottom:16px;right:20px;transform:translateY(8px)scale(.98)}.update-toast[data-visible]{opacity:1;transition:opacity .24s var(--ease-out), transform .32s var(--ease-out);transform:none}.update-toast-head{align-items:flex-start;gap:10px;display:flex}.update-toast .brand-mark{border-radius:var(--radius-md);flex-basis:28px;width:28px;height:28px}.update-toast-text{flex:auto;min-width:0;padding-top:1px}.update-toast-title{font-size:13px;font-weight:600;line-height:1.3}.update-toast-detail{color:var(--muted-foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.update-toast-detail[data-error]{color:var(--destructive)}.update-toast-close{width:24px;height:24px;color:var(--muted-foreground);flex:0 0 24px;margin:-4px -4px 0 0}.update-toast-foot{justify-content:flex-end;align-items:center;gap:6px;min-height:28px;display:flex}.update-toast-text,.update-toast-foot{animation:update-toast-step .24s var(--ease-out) both}@keyframes update-toast-step{0%{opacity:0;filter:blur(2px);transform:translateY(3px)}}.update-toast-progress{background:var(--muted);border-radius:999px;flex:auto;height:6px;margin-left:38px;overflow:hidden}.update-toast-progress>div{border-radius:inherit;background:var(--primary);transform-origin:0;height:100%;transition:transform .3s var(--ease-out)}.update-toast-percent{text-align:right;min-width:4ch;color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:12px}@media (prefers-reduced-motion:reduce){.update-toast,.update-toast[data-visible]{transform:none}.update-toast-text,.update-toast-foot{animation-name:fade-in}}@keyframes fade-in{0%{opacity:0}}.ctx-menu{z-index:9999;pointer-events:auto;overscroll-behavior:contain;background:var(--popover);border:1px solid var(--border);border-radius:var(--radius-lg);width:272px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);box-shadow:var(--shadow-md);color:var(--popover-foreground);transform-origin:var(--ctx-origin-x,0) var(--ctx-origin-y,0);animation:ctx-fade .12s var(--ease-out);padding:4px;font-size:14px;position:fixed;overflow:hidden auto}.ctx-menu:focus{outline:none}@keyframes ctx-fade{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.ctx-menu{animation:none}}.ctx-item{border-radius:var(--radius-md);width:100%;min-height:28px;color:inherit;cursor:default;font:inherit;text-align:left;transition:background .12s ease, transform var(--dur-press) var(--ease-out);background:0 0;border:0;align-items:center;gap:6px;padding:4px 6px;display:flex}.ctx-item:active:not(:disabled){transform:scale(.98)}@media (prefers-reduced-motion:reduce){.btn:active:not(:disabled),.artist-play:active,.iconbtn:active:not(:disabled),.chip:active:not(:disabled),.segmented button:active,.card:hover .card-play:active,.card:focus-within .card-play:active,.ctx-item:active:not(:disabled){transform:none}}.ctx-item:hover:not(:disabled),.ctx-item:focus-visible{background:var(--accent);color:var(--accent-foreground)}.ctx-item:focus-visible{box-shadow:inset 0 0 0 2px var(--focus-ring);outline:none}.ctx-menu[data-pointer-open] .ctx-item:focus-visible:not(:hover){color:inherit;box-shadow:none;background:0 0}.ctx-item:disabled{opacity:.5;cursor:default}.ctx-sep{background:var(--border);height:1px;margin:4px -4px}.ctx-heading{color:var(--muted-foreground);padding:4px 6px;font-size:12px;font-weight:500}.ctx-hint{color:var(--muted-foreground);padding:4px 6px;font-size:12px}.ctx-scroll{max-height:220px;overflow:hidden auto}.ctx-item>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ctx-head{align-items:center;gap:10px;padding:6px 6px 8px;display:flex}.ctx-head>.ctx-head-art{border-radius:var(--radius-md);flex:none;width:40px;height:40px}.ctx-head-text{flex:1;min-width:0}.ctx-head-title,.ctx-head-sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ctx-head-title{font-size:14px;font-weight:500;line-height:1.3}.ctx-head-sub{color:var(--muted-foreground);font-size:12px;line-height:1.4}.ctx-stack{flex:none;height:40px;position:relative}.ctx-stack>.ctx-stack-art{border-radius:var(--radius-md);width:32px;height:32px;box-shadow:0 0 0 2px var(--popover);position:absolute;top:4px;left:0}.ctx-stack>.ctx-stack-art:nth-child(2){left:12px}.ctx-stack>.ctx-stack-art:nth-child(3){left:24px}.ctx-tiles,.ctx-foot{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;display:grid}.ctx-item.ctx-tile{flex-direction:column;justify-content:center;gap:4px;padding:8px 2px 6px;font-size:12px}.ctx-tile>span{max-width:100%}.ctx-item>.ctx-pl-art{border-radius:var(--radius-sm);flex:0 0 18px;width:18px;height:18px;margin-left:-2px}.ctx-pl-art .cover-art-letter{font-size:12px}.ctx-item>.ctx-pl-name{flex:1}.ctx-item>.ctx-pl-end{color:var(--muted-foreground);flex:none;align-items:center;font-size:12px;display:flex}.ctx-pl-plus{display:none}.ctx-pl:is(:hover,:focus-visible):not(:disabled) .ctx-pl-plus{display:block}.ctx-pl:is(:hover,:focus-visible):not(:disabled) .ctx-pl-owner{display:none}.ctx-foot .ctx-item{color:var(--muted-foreground);justify-content:center;font-size:13px}.ctx-item.ctx-danger,.ctx-item.ctx-danger:is(:hover,:focus-visible):not(:disabled){color:var(--destructive)}.tooltip{z-index:10000;pointer-events:none;box-sizing:border-box;overflow-wrap:anywhere;background:var(--foreground);width:max-content;max-width:min(320px,100vw - 16px);color:var(--background);border-radius:var(--radius-md);text-wrap:balance;opacity:1;padding:6px 12px;font-size:12px;line-height:1.35;transition:opacity .1s ease-out,transform .1s ease-out;position:fixed;transform:none}.tooltip[data-instant]{transition-duration:0s}.tooltip:after{content:"";background:inherit;border-radius:2px;width:8px;height:8px;position:absolute;transform:translate(-50%,-50%)rotate(45deg)}.tooltip[data-side=top]:after{top:100%;left:clamp(10px, var(--tooltip-arrow), calc(100% - 10px));margin-top:-1px}.tooltip[data-side=bottom]:after{top:0;left:clamp(10px, var(--tooltip-arrow), calc(100% - 10px));margin-top:1px}.tooltip[data-side=right]:after{top:clamp(10px, var(--tooltip-arrow), calc(100% - 10px));margin-left:1px;left:0}.tooltip[data-closed]{opacity:0}.tooltip[data-closed][data-side=top]{transform:translateY(2px)scale(.97)}.tooltip[data-closed][data-side=bottom]{transform:translateY(-2px)scale(.97)}.tooltip[data-closed][data-side=right]{transform:translate(-2px)scale(.97)}@media (prefers-reduced-motion:reduce){.tooltip{transition:opacity .1s ease-out}.tooltip[data-closed]{transform:none}}.track-aka-hint{font:inherit;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;margin-left:6px;padding:0;font-size:12px;font-weight:400}.track-aka-hint:hover,.track-aka-hint:focus-visible{color:var(--foreground)}.track-aka-tip-hint{color:var(--muted-foreground);margin-top:4px;font-size:12px}html[data-electron=true] body{-webkit-user-select:none;user-select:none;background:0 0}html[data-electron=true],html[data-electron=true] #root{background:0 0}html[data-electron=true] .app{border-radius:var(--radius-xl);overflow:hidden}html[data-electron=true] .topbar{-webkit-app-region:drag}html[data-electron=true] .topbar button,html[data-electron=true] .topbar a,html[data-electron=true] .topbar input,html[data-electron=true] .topbar kbd,html[data-electron=true] .topbar .search,html[data-electron=true] .window-controls{-webkit-app-region:no-drag}html[data-electron=true] .app:before{content:"";-webkit-app-region:drag;z-index:100;height:6px;position:fixed;top:0;left:0;right:0}html[data-electron=true] body:before{content:"";-webkit-app-region:drag;z-index:999;height:8px;position:fixed;top:0;left:0;right:118px}html[data-mini-player] body:before{display:none}.window-controls{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--background);-webkit-app-region:no-drag;flex:none;align-items:center;gap:2px;height:32px;padding:2px;display:inline-flex}.root-window-controls{z-index:1000;position:fixed;top:6px;right:6px}.window-control{border-radius:var(--radius-md);width:34px;height:28px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;place-items:center;transition:background .12s,color .12s;display:grid}.window-control:hover{color:var(--foreground);background:var(--muted)}.window-control.close:hover{color:oklch(100% 0 0);background:var(--destructive)}html[data-mini-player] .window-controls{display:none}.view.replay{grid-template-columns:minmax(0,1fr);align-content:start;gap:16px;display:grid}.replay-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;display:flex}.replay-title{letter-spacing:-.025em;text-wrap:balance;overflow-wrap:anywhere;margin:4px 0 0;font-size:30px;font-weight:600;line-height:1.1}.replay-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.replay-under{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.replay-range{color:var(--muted-foreground);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}@media (width<=760px){.replay-actions{width:100%}.replay-actions .btn{flex:120px}}.period-pills{background:var(--muted);border-radius:var(--radius-lg);flex-wrap:wrap;gap:0;width:fit-content;padding:3px;display:inline-flex}.period-pill{appearance:none;height:26px;color:var(--muted-foreground);border-radius:var(--radius-md);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;padding:0 10px;font-size:14px;font-weight:500;transition:background .12s,color .12s}.period-pill:hover{color:var(--foreground)}[data-theme=dark] .period-pill.active{background:var(--input-bg);border-color:var(--input)}.period-pill.active{background:var(--background);color:var(--foreground);box-shadow:0 1px 3px oklch(0% 0 0/.1),0 1px 2px -1px oklch(0% 0 0/.1)}.period-pill:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.replay-results{container:replay-panel/inline-size}.replay-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:var(--bento-narrow);background:var(--border);border:1px solid var(--border);border-radius:var(--radius-xl);gap:1px;display:grid;overflow:hidden}@container replay-panel (width>=880px){.replay-bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:var(--bento-wide)}}.bento-tile{background:var(--card);flex-direction:column;min-width:0;padding:16px;display:flex}.bento-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.bento-label{color:var(--muted-foreground);margin:0;font-size:14px;font-weight:400}.bento-note{color:var(--muted-foreground);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.bento-link{color:inherit;border-radius:var(--radius-sm);text-decoration:none}.bento-link:hover{color:var(--foreground);text-underline-offset:3px;text-decoration:underline}.bento-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.stat-card{justify-content:space-between;gap:8px}.stat-card-label{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.stat-card-value{letter-spacing:-.025em;color:var(--foreground);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:30px;font-weight:600;line-height:1.15}.stat-card-value small{letter-spacing:0;color:var(--muted-foreground);font-size:14px;font-weight:400}.stat-card-sub{color:var(--muted-foreground);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.replay-days{gap:2px;height:12px;margin-top:6px;display:flex}.replay-days>span{background:var(--primary);opacity:.85;border-radius:2px;flex:1 1 0;max-width:12px}.replay-days>span.off{opacity:1;box-shadow:inset 0 0 0 1px var(--input);background:0 0}.replay-days-meter{margin-top:8px;display:block}.replay-days-meter>span{display:block}.bento-feat{flex-direction:row;align-items:center;gap:20px;padding:20px}.bento-feat-cover{border-radius:var(--radius-lg);flex:none;display:block}.bento-feat-art{aspect-ratio:1;border-radius:var(--radius-lg);width:208px}.bento-feat-body{flex-direction:column;flex:1 1 0;justify-content:flex-end;align-self:stretch;min-width:0;display:flex}.bento-feat-title{-webkit-line-clamp:2;letter-spacing:-.025em;color:var(--foreground);overflow-wrap:anywhere;-webkit-box-orient:vertical;margin-top:6px;font-size:24px;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.bento-feat-sub{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:14px;overflow:hidden}.bento-feat-n{color:var(--muted-foreground);font-variant-numeric:tabular-nums;margin-top:12px;font-size:14px}.bento-feat-n b{color:var(--foreground);font-weight:500}.bento-feat-acts{align-items:center;gap:8px;margin-top:16px;display:flex}.bento-rows{margin:0;padding:0;list-style:none;display:grid}.bento-row{border-radius:var(--radius-lg);cursor:pointer;grid-template-columns:24px 32px minmax(0,1fr) minmax(40px,72px) 32px;align-items:center;gap:12px;height:48px;margin:0 -8px;padding:0 8px;transition:background .12s;display:grid}.bento-row:hover{background:var(--ghost-hover)}.bento-rank{color:var(--muted-foreground);font-variant-numeric:tabular-nums;place-items:center;font-size:12px;display:grid}.bento-row:hover .idx-play,.bento-row:focus-within .idx-play{opacity:1;pointer-events:auto}.bento-row:hover .play-cell-interactive>:not(.idx-play),.bento-row:focus-within .play-cell-interactive>:not(.idx-play){opacity:0}.bento-row-art{border-radius:var(--radius-md);width:32px;height:32px}.bento-row-text{min-width:0;display:grid}.bento-row .genre-bar-track{height:6px;display:block}.bento-row .genre-bar-fill{display:block}.bento-row-n{color:var(--muted-foreground);text-align:right;font-variant-numeric:tabular-nums;font-size:12px}.bento-act .activity-chart{height:124px}.bento-genre .genre-list{max-width:none}.bento-genre .genre-row{grid-template-columns:minmax(72px,112px) minmax(0,1fr) auto}.bento-minis{margin:0 -8px -8px;container-type:inline-size}.bento-minis .shelf-scroller,.bento-minis .shelf{--shelf-col:calc((100cqi - 3 * var(--gap)) / 4)}.bento-minis .shelf{padding-bottom:0}@container replay-panel (width>=880px){.bento-cards.is-alone .shelf-scroller,.bento-cards.is-alone .shelf{--shelf-col:calc((100cqi - 7 * var(--gap)) / 8)}}.bento-foot{margin-top:8px;display:flex}.bento-foot .btn{margin-left:-8px}.replay-rank{font-variant-numeric:tabular-nums;background:var(--background);min-width:20px;height:20px;color:var(--foreground);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;font-weight:500;display:inline-flex;position:absolute;top:6px;left:6px}@container replay-panel (width<=559px){.bento-feat{align-items:flex-start;gap:16px;padding:16px}.bento-feat-art{width:112px}.bento-feat-title{font-size:20px}.stat-card-value{font-size:24px}.bento-row{grid-template-columns:24px 32px minmax(0,1fr) 32px}.bento-row .genre-bar-track{display:none}.bento-minis .shelf-scroller,.bento-minis .shelf{--shelf-col:calc((100cqi - 2 * var(--gap)) / 2.3)}}.replay-bento.is-loading .bento-row{cursor:default}.replay-bento.is-loading .bento-row:hover{background:0 0}.replay-bento.is-loading .bento-foot{pointer-events:none}.replay-bento.is-loading .artist-play{background:var(--muted);cursor:default}.replay-enter>.bento-tile>*{animation:replay-enter .3s var(--ease-out) backwards;animation-delay:var(--tile-delay,0s)}@keyframes replay-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.replay-enter>.bento-tile>*{animation:none}}.activity-chart{height:140px;padding:8px 0 28px;position:relative}.activity-bars{border-bottom:1px solid var(--border);justify-content:center;align-items:flex-end;gap:3px;height:100%;display:flex}.activity-col{flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:stretch;min-width:4px;max-width:56px;height:100%;display:flex;position:relative}.activity-bar{background:var(--primary);opacity:.85;border-radius:4px 4px 0 0;min-height:2px}.activity-col:hover .activity-bar{opacity:1}.activity-tick{color:var(--muted-foreground);white-space:nowrap;font-size:12px;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.activity-empty{text-align:center;color:var(--muted-foreground);background:var(--card);border-radius:var(--radius-xl);border:1px solid var(--border);padding:28px;font-size:14px}.genre-list{gap:8px;max-width:880px;display:grid}.genre-row{grid-template-columns:minmax(100px,180px) 1fr minmax(80px,120px);align-items:center;gap:12px;display:grid}.genre-label{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.genre-bar-track{background:var(--muted);border-radius:999px;height:8px;overflow:hidden}.genre-bar-fill{background:var(--primary);border-radius:999px;height:100%}.genre-count{color:var(--muted-foreground);text-align:right;font-variant-numeric:tabular-nums;font-size:12px}.table .col-extra,.table .col-plays{text-align:right;width:64px;color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:12px}.table thead .col-extra,.table thead .col-plays{color:var(--muted-foreground);font-size:12px}.sidebar-toggle-mobile,.mobile-nav-backdrop,.mobile-sidebar-actions{display:none}.crumb{white-space:nowrap;align-items:center;gap:6px;min-width:0;display:inline-flex}.crumb>:is(a,b,span){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar-search-label{min-width:0;color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.playlist-toolbar{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.playlist-toolbar-spacer{flex:1}.playlist-sort-controls{min-width:0}.playlist-search{flex:180px;max-width:260px}.table-scroll{overscroll-behavior-inline:contain;width:100%;min-width:0;overflow-x:auto}.table-scroll-inner{width:100%}.table-scroll .table{min-width:720px}@media (width>=761px) and (width<=1100px){html:not([data-mini-player]) .player-bar{grid-template-columns:minmax(0,.9fr) minmax(260px,1.2fr) auto;gap:10px;height:68px;padding:0 10px}html:not([data-mini-player]) .player-bar .np{gap:10px}html:not([data-mini-player]) .player-bar .np-art{flex-basis:48px;width:48px;height:48px}html:not([data-mini-player]) .player-bar .np-text{height:48px}html:not([data-mini-player]) .player-bar .progress{gap:6px}html:not([data-mini-player]) .player-bar .volume{gap:6px;width:104px}}@media (width<=760px){.app{grid-template:"main"minmax(0,1fr)"player"/minmax(0,1fr);gap:4px;height:100dvh;padding:4px}.sidebar{z-index:72;background:var(--sidebar);border:1px solid var(--sidebar-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);visibility:hidden;width:min(296px,100vw - 48px);transition:transform .22s cubic-bezier(.22,1,.36,1),visibility .22s;position:fixed;inset:4px auto 4px 4px;transform:translate(calc(-100% - 12px))}.sidebar.mobile-open{visibility:visible;transform:translate(0)}.mobile-nav-backdrop{z-index:71;background:var(--scrim);opacity:0;pointer-events:none;border:0;padding:0;transition:opacity .18s;display:block;position:fixed;inset:0}.mobile-nav-backdrop.visible{opacity:1;pointer-events:auto}[data-layout=compact] .sidebar .brand-text,[data-layout=compact] .sidebar .nav-label,[data-layout=compact] .sidebar .sidebar-playlist-name,[data-layout=compact] .sidebar .user-text{max-width:240px;margin-left:initial;opacity:1;pointer-events:auto;transform:none}[data-layout=compact] .sidebar .nav-section-title{justify-content:space-between;padding:0 8px;font-size:12px}[data-layout=compact] .sidebar .nav-section-title:before{display:none}[data-layout=compact] .sidebar .sidebar-playlists-empty{display:block}[data-layout=compact] .sidebar .nav-badge{position:static}[data-layout=compact] .sidebar .sidebar-footer .user-text{display:block}[data-layout=compact] .sidebar .brand,[data-layout=compact] .sidebar .nav-item,[data-layout=compact] .sidebar .sidebar-playlist{justify-content:flex-start;gap:8px;padding:0 8px}[data-layout=compact] .sidebar .nav{padding:8px}[data-layout=compact] .sidebar .sidebar-footer{flex-direction:row;align-items:center;gap:8px;padding:8px}.mobile-sidebar-actions{border-top:1px solid var(--border);z-index:1;gap:2px;padding:8px;display:grid;position:relative}.mobile-sidebar-action{min-height:48px}.sidebar-toggle-desktop,.topbar-secondary{display:none}.sidebar-toggle-mobile{display:grid}.topbar{gap:8px;height:48px;padding:0 8px}.crumbs{white-space:nowrap;flex:1;min-width:0;overflow:hidden}.crumb{flex:0 auto}.crumb:last-child{flex:auto}.topbar-spacer{display:none}.topbar-search{flex:0 0 32px;justify-content:center;width:32px;max-width:none;padding:0}.topbar-search-label,.topbar-search kbd{display:none}.content{scrollbar-gutter:auto}.view{padding:clamp(12px, 4vw, var(--pad))}.hero,.detail-header{flex-direction:column;align-items:stretch;gap:18px;min-height:0;padding:18px}.hero-art,.detail-art{aspect-ratio:1;flex:none;align-self:center;width:min(100%,220px);height:auto}.hero-title,.detail-title{overflow-wrap:anywhere;text-wrap:wrap;max-width:100%;font-size:30px}.hero-meta{flex-wrap:wrap}.detail-kind{overflow-wrap:anywhere}.detail-actions .btn{flex:120px}.shelf-scroller,.shelf{--shelf-col:min(42vw, 168px)}.playlist-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.playlist-toolbar>.segmented{white-space:nowrap;grid-column:1/-1;justify-self:start;max-width:100%;overflow-x:auto}.playlist-toolbar-spacer{display:none}.playlist-sort-controls{grid-column:1/-1;justify-self:end;max-width:100%}.playlist-search{grid-column:1/-1;width:100%;max-width:none}.table thead th{white-space:nowrap}.player-bar{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;height:64px;padding:0 10px}.player-bar .np-art{flex-basis:44px;width:44px;height:44px}.player-bar .np-text{height:44px}.player-bar .progress{display:none}html:not([data-mini-player]) .player-bar .utility{gap:8px;display:flex}html:not([data-mini-player]) .player-bar .utility>.volume,html:not([data-mini-player]) .player-bar .mini-divider{display:none}}@media (width<=480px){.crumbs .crumb:not(:last-child){display:none}.window-control{width:28px}.hero,.detail-header{padding:14px}.hero-art,.detail-art{width:min(100%,196px)}.shelf-scroller,.shelf{--shelf-col:min(40vw, 152px)}html:not([data-mini-player]) .player-bar .transport-row>button:first-of-type,html:not([data-mini-player]) .player-bar .transport-row>button:nth-of-type(5){display:none}html:not([data-mini-player]) .player-bar .np{gap:8px}html:not([data-mini-player]) .player-bar .utility>.t-btn{width:26px;height:26px}}@media (width<=640px){html[data-mini-player] .player-bar{--mini-art-size:clamp(48px, calc(100dvh - 16px), 96px);grid-template-columns:var(--mini-art-size) minmax(0, 1fr) auto;grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"art head util""art controls controls";gap:4px 8px;padding:8px}html[data-mini-player] .np-text{padding-right:0}html[data-mini-player] .np-title{font-size:clamp(13px,4vw,18px)}html[data-mini-player] .np-artist{font-size:12px}html[data-mini-player] .transport-row{justify-self:start}html[data-mini-player] .progress,html[data-mini-player] .utility>.volume,html[data-mini-player] .mini-divider{display:none}html[data-mini-player] .utility{align-self:center}}@media (width<=430px){html[data-mini-player] .transport-row>button:first-of-type,html[data-mini-player] .transport-row>button:nth-of-type(5),html[data-mini-player] .utility>.t-btn:nth-of-type(2){display:none}}.player-lyric-sidebar.player-lyric-status{text-align:center;white-space:normal;padding:0 16px;font-size:14px}.player-lyrics-spinner-wrap{min-height:0;color:var(--muted-foreground);flex:1;place-items:center;display:grid}.ios-spinner{--spinner-size:28px;width:var(--spinner-size);height:var(--spinner-size);color:var(--muted-foreground);position:relative}.ios-spinner span{width:2.2px;height:7px;transform-origin:1.1px calc(var(--spinner-size) / 2 - 1px);transform:rotate(calc(var(--i) * 30deg));animation:1s linear infinite ios-spinner-fade;animation-delay:calc(var(--i) * -1s / 12);background:currentColor;border-radius:999px;position:absolute;top:1px;left:calc(50% - 1.1px)}@keyframes ios-spinner-fade{0%{opacity:1}to{opacity:.18}}.player-lyrics-scroll{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;flex:1;min-height:0;padding:clamp(48px,10vh,120px) 18px 24vh;scroll-padding:42% 0;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.player-lyrics-scroll-plain{padding-top:36px}.player-lyrics-scroll-line{letter-spacing:-.01em;color:var(--muted-foreground);margin:0 0 18px;font-size:14px;line-height:1.6}@supports (color:color-mix(in lab, red, red)){.player-lyrics-scroll-line{color:color-mix(in oklch, var(--muted-foreground) 75%, transparent)}}.player-lyrics-scroll-line{transform-origin:0;transition:color .26s,opacity .32s,transform .32s cubic-bezier(.22,1,.36,1),filter .32s}.player-lyrics-scroll-line.upcoming{opacity:.42;filter:blur(.2px);transform:scale(1)}.player-lyrics-scroll-line.past{opacity:.28;filter:blur(.35px);transform:scale(.985)}.player-lyrics-scroll-line.active{opacity:1;color:var(--foreground);filter:none;font-weight:500;transform:scale(1.0714)}.player-lyrics-scroll-plain .player-lyrics-scroll-line{opacity:1;color:var(--muted-foreground);filter:none;transform:none}.player-lyrics-scroll .player-lyrics-section{color:var(--muted-foreground);margin:6px 0 12px;font-size:12px;font-weight:500;line-height:1.35}.player-lyrics-scroll-line .player-lyric-word{transition:color .22s,opacity .22s,transform .22s cubic-bezier(.22,1,.36,1);display:inline-block}.player-lyrics-scroll-line.active .player-lyric-word-past{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.player-lyrics-scroll-line.active .player-lyric-word-past{color:color-mix(in oklch, var(--foreground) 68%, transparent)}}.player-lyrics-scroll-line.active .player-lyric-word-past{opacity:.88}.player-lyrics-scroll-line.active .player-lyric-word-upcoming{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.player-lyrics-scroll-line.active .player-lyric-word-upcoming{color:color-mix(in oklch, var(--foreground) 38%, transparent)}}.player-lyrics-scroll-line.active .player-lyric-word-upcoming{opacity:.72}.player-lyrics-scroll-line.active .player-lyric-word-active{color:var(--foreground);opacity:1;font-weight:600;transform:scale(1.04)}.player-lyric-word{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.player-lyric-word{color:color-mix(in oklch, var(--muted-foreground) 88%, transparent)}}.player-lyric-word{transition:color .22s,opacity .22s,transform .22s cubic-bezier(.22,1,.36,1),text-shadow .22s}.player-lyric-word-active{color:var(--foreground);font-weight:500}.player-lyric-status{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;line-height:1.35;overflow:hidden}.player-lyric-status-error{color:var(--muted-foreground)}@keyframes player-lyric-line-in{0%{opacity:0}to{opacity:1}}.player-lyrics-scroll::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){.lyrics-sidebar{transition:none}.player-lyrics-scroll{scroll-behavior:auto}.player-lyrics-scroll-line{filter:none;transition:none;transform:none}.player-lyrics-scroll-line.active .player-lyric-word-active{transform:none}.ios-spinner span{opacity:.45;animation:none}.player-lyric-word{transition:none}}@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-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes heart-pop{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}
