/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::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-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:"Host Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--color-neutral-100:oklch(97% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--text-sm:.875rem;--font-weight-medium:500;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--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%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.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:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.right-0{right:calc(var(--spacing) * 0)}.z-30{z-index:30}.z-40{z-index:40}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-7{margin-top:calc(var(--spacing) * 7)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.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-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)}.shrink-0{flex-shrink:0}.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,)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.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-5{gap:calc(var(--spacing) * 5)}.gap-x-1{column-gap:calc(var(--spacing) * 1)}.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}.border{border-style:var(--tw-border-style);border-width:1px}.bg-neutral-900{background-color:var(--color-neutral-900)}.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)}.text-center{text-align:center}.text-left{text-align:left}.text-sm\/5{font-size:var(--text-sm);line-height:calc(var(--spacing) * 5)}.text-\[12\.5px\]{font-size:12.5px}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.break-all{word-break:break-all}.text-neutral-500{color:var(--color-neutral-500)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.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,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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\]{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)}.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}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.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}}.dark\:bg-neutral-100:where([data-theme=dark] *){background-color:var(--color-neutral-100)}.dark\:text-neutral-400:where([data-theme=dark] *){color:var(--color-neutral-400)}.dark\:text-neutral-900:where([data-theme=dark] *){color:var(--color-neutral-900)}}[data-theme=dark]{--bg:oklch(14.5% .005 270);--bg-elev-1:oklch(17.5% .005 270);--bg-elev-2:oklch(20.5% .005 270);--bg-elev-3:oklch(23.5% .006 270);--bg-inset:oklch(12% .005 270);--fg:oklch(98.5% 0 0);--fg-muted:oklch(72% .005 270);--fg-subtle:oklch(56% .005 270);--fg-faint:oklch(42% .005 270);--border:oklch(28% .005 270/.7);--border-strong:oklch(36% .005 270);--border-soft:oklch(24% .005 270/.5);--highlight:oklch(100% 0 0/.06);--shade:oklch(0% 0 0/.4);--accent:oklch(72% .17 40);--accent-fg:oklch(99% 0 0);--accent-soft:oklch(72% .17 40/.12);--ring:oklch(72% .17 40/.55);--danger:oklch(60% .2 25);--danger-fg:oklch(70% .2 25);--danger-soft:var(--danger)}@supports (color:color-mix(in lab,red,red)){[data-theme=dark]{--danger-soft:color-mix(in oklch, var(--danger) 12%, transparent)}}[data-theme=dark]{--danger-border:var(--danger)}@supports (color:color-mix(in lab,red,red)){[data-theme=dark]{--danger-border:color-mix(in oklch, var(--danger) 40%, var(--border))}}[data-theme=dark]{--warning-fg:oklch(72% .17 60);--scrim:oklch(10% .005 270/.45);color-scheme:dark}[data-theme=light]{--bg:oklch(98.5% .002 270);--bg-elev-1:oklch(100% 0 0);--bg-elev-2:oklch(96.5% .003 270);--bg-elev-3:oklch(94.5% .004 270);--bg-inset:oklch(95.5% .003 270);--fg:oklch(18% .005 270);--fg-muted:oklch(42% .005 270);--fg-subtle:oklch(56% .005 270);--fg-faint:oklch(72% .005 270);--border:oklch(90% .004 270);--border-strong:oklch(82% .005 270);--border-soft:oklch(93% .004 270);--highlight:oklch(100% 0 0/.8);--shade:oklch(20% .01 270/.08);--accent:oklch(62% .18 40);--accent-fg:oklch(99% 0 0);--accent-soft:oklch(62% .18 40/.12);--ring:oklch(62% .18 40/.4);--danger:oklch(55% .22 25);--danger-fg:oklch(50% .22 25);--danger-soft:var(--danger)}@supports (color:color-mix(in lab,red,red)){[data-theme=light]{--danger-soft:color-mix(in oklch, var(--danger) 10%, transparent)}}[data-theme=light]{--danger-border:var(--danger)}@supports (color:color-mix(in lab,red,red)){[data-theme=light]{--danger-border:color-mix(in oklch, var(--danger) 38%, var(--border))}}[data-theme=light]{--warning-fg:oklch(55% .16 60);--scrim:oklch(20% .01 270/.4);color-scheme:light}[data-depth="0"]{--d:0}[data-depth="1"]{--d:.5}[data-depth="2"]{--d:1}[data-depth="3"]{--d:1.6}[data-depth="4"]{--d:2.4}[data-theme=dark]{--shadow-sm:0 1px 0 0 var(--highlight) inset, 0 1px 2px calc(var(--d) * 1px) oklch(0 0 0 / calc(.3 * var(--d))), 0 calc(var(--d) * 2px) calc(var(--d) * 6px) oklch(0 0 0 / calc(.25 * var(--d)));--shadow-md:0 1px 0 0 var(--highlight) inset, 0 calc(var(--d) * 2px) calc(var(--d) * 4px) oklch(0 0 0 / calc(.35 * var(--d))), 0 calc(var(--d) * 8px) calc(var(--d) * 22px) oklch(0 0 0 / calc(.35 * var(--d)));--shadow-lg:0 1px 0 0 var(--highlight) inset, 0 calc(var(--d) * 4px) calc(var(--d) * 10px) oklch(0 0 0 / calc(.4 * var(--d))), 0 calc(var(--d) * 18px) calc(var(--d) * 42px) oklch(0 0 0 / calc(.45 * var(--d)));--shadow-inset:inset 0 1px 0 0 oklch(0 0 0 / calc(.4 * var(--d))), inset 0 calc(var(--d) * 1px) calc(var(--d) * 4px) oklch(0 0 0 / calc(.3 * var(--d)));--glow:0 0 0 1px var(--accent), 0 calc(var(--d) * 6px) calc(var(--d) * 28px) var(--accent)}@supports (color:color-mix(in lab,red,red)){[data-theme=dark]{--glow:0 0 0 1px color-mix(in oklch, var(--accent) 20%, transparent), 0 calc(var(--d) * 6px) calc(var(--d) * 28px) color-mix(in oklch, var(--accent) calc(18% * var(--d)), transparent)}}[data-theme=light]{--shadow-sm:0 1px 0 0 var(--highlight) inset, 0 1px 1px oklch(.2 .01 270 / calc(.05 * var(--d))), 0 calc(var(--d) * 1px) calc(var(--d) * 3px) oklch(.2 .01 270 / calc(.08 * var(--d)));--shadow-md:0 1px 0 0 var(--highlight) inset, 0 calc(var(--d) * 2px) calc(var(--d) * 4px) oklch(.2 .01 270 / calc(.08 * var(--d))), 0 calc(var(--d) * 6px) calc(var(--d) * 18px) oklch(.2 .01 270 / calc(.1 * var(--d)));--shadow-lg:0 1px 0 0 var(--highlight) inset, 0 calc(var(--d) * 4px) calc(var(--d) * 8px) oklch(.2 .01 270 / calc(.1 * var(--d))), 0 calc(var(--d) * 14px) calc(var(--d) * 36px) oklch(.2 .01 270 / calc(.12 * var(--d)));--shadow-inset:inset 0 1px 0 0 oklch(.2 .01 270 / calc(.04 * var(--d))), inset 0 calc(var(--d) * 1px) calc(var(--d) * 3px) oklch(.2 .01 270 / calc(.06 * var(--d)));--glow:0 0 0 1px var(--accent), 0 calc(var(--d) * 6px) calc(var(--d) * 22px) var(--accent)}@supports (color:color-mix(in lab,red,red)){[data-theme=light]{--glow:0 0 0 1px color-mix(in oklch, var(--accent) 18%, transparent), 0 calc(var(--d) * 6px) calc(var(--d) * 22px) color-mix(in oklch, var(--accent) calc(14% * var(--d)), transparent)}}[data-radius="0"]{--r-sm:0;--r-md:0;--r-lg:0;--r-xl:0}[data-radius="4"]{--r-sm:2px;--r-md:4px;--r-lg:6px;--r-xl:8px}[data-radius="6"]{--r-sm:3px;--r-md:6px;--r-lg:8px;--r-xl:12px}[data-radius="10"]{--r-sm:5px;--r-md:8px;--r-lg:12px;--r-xl:16px}[data-radius="14"]{--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:22px}[data-radius="20"]{--r-sm:8px;--r-md:14px;--r-lg:22px;--r-xl:30px}[data-density=airy]{--row-h:52px;--gap:20px;--pad:28px;--fs:14px}[data-density=balanced]{--row-h:44px;--gap:14px;--pad:20px;--fs:13px}[data-density=dense]{--row-h:34px;--gap:10px;--pad:14px;--fs:12.5px}html,body{background:var(--bg);height:100%;color:var(--fg);margin:0;padding:0;overflow:hidden}body{font-family:var(--font-sans);font-size:var(--fs);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11";letter-spacing:-.005em;line-height:1.45;transition:background .24s,color .24s}#root{height:100vh}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--accent-soft);color:var(--fg)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--bg);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--fg-faint)}.app{grid-template-columns:var(--sidebar-w,248px) 1fr;background:radial-gradient(1200px 600px at 80% -10%,var(--accent),transparent 60%),radial-gradient(800px 500px at -10% 110%,var(--accent),transparent 60%),var(--bg);grid-template-rows:1fr auto;grid-template-areas:"sidebar main""player player";gap:6px;height:100vh;padding:6px;display:grid}@supports (color:color-mix(in lab,red,red)){.app{background:radial-gradient(1200px 600px at 80% -10%,color-mix(in oklch,var(--accent) 6%,transparent),transparent 60%),radial-gradient(800px 500px at -10% 110%,color-mix(in oklch,var(--accent) 4%,transparent),transparent 60%),var(--bg)}}.app{transition:background .4s,grid-template-columns .28s cubic-bezier(.22,1,.36,1)}[data-layout=compact] .app{--sidebar-w:64px}[data-layout=wide] .app{--sidebar-w:296px}.sidebar{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-md);flex-direction:column;grid-area:sidebar;min-height:0;display:flex;position:relative;overflow:hidden}.sidebar:before{content:"";background:linear-gradient(180deg,var(--highlight),transparent 20%);pointer-events:none;border-radius:inherit;position:absolute;top:0;right:0;bottom:0;left:0}.brand{border-bottom:1px solid var(--border-soft);height:52px;color:inherit;z-index:1;flex:none;align-items:center;gap:10px;padding:0 16px;text-decoration:none;display:flex;position:relative}.brand-mark{border-radius:var(--r-md);background:linear-gradient(140deg,var(--accent),var(--accent));width:28px;height:28px}@supports (color:color-mix(in lab,red,red)){.brand-mark{background:linear-gradient(140deg,var(--accent),color-mix(in oklch,var(--accent) 40%,var(--bg-elev-3)))}}.brand-mark{box-shadow:var(--shadow-sm),0 0 0 1px var(--accent)}@supports (color:color-mix(in lab,red,red)){.brand-mark{box-shadow:var(--shadow-sm),0 0 0 1px color-mix(in oklch,var(--accent) 40%,transparent)}}.brand-mark{color:var(--accent-fg);font-size:13px;font-weight:700;font-family:var(--font-mono);flex:0 0 28px;place-items:center;display:grid}.brand-name{letter-spacing:-.01em;font-size:14px;font-weight:600}.brand-sub{font-family:var(--font-mono);color:var(--fg-subtle);letter-spacing:.04em;text-transform:uppercase;font-size:10px}.brand-text,.nav-label,.nav-count,.user-text{white-space:nowrap;opacity:1;max-width:240px;transition:max-width .22s cubic-bezier(.22,1,.36,1),opacity .16s,margin .2s;overflow:hidden}[data-layout=compact] .brand-text,[data-layout=compact] .nav-label,[data-layout=compact] .nav-count,[data-layout=compact] .user-text{opacity:0;pointer-events:none;max-width:0;margin-left:0}[data-layout=compact] .nav-section-title,[data-layout=compact] .sidebar-playlists{display:none}.brand,.nav-item,.sidebar-footer,.nav{transition:padding .22s cubic-bezier(.22,1,.36,1),gap .22s cubic-bezier(.22,1,.36,1),justify-content .22s}[data-layout=compact] .nav-item{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:6px;padding:8px}[data-layout=compact] .nav{padding:10px 6px}.nav{z-index:1;flex:none;padding:10px 8px;position:relative;overflow-y:auto}.nav-section-title{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle);justify-content:space-between;align-items:center;padding:12px 10px 6px;font-size:10px;display:flex}.nav-item{height:calc(var(--row-h) - 4px);border-radius:var(--r-md);color:var(--fg-muted);cursor:pointer;text-align:left;width:100%;font-weight:500;font-size:inherit;background:0 0;border:0;align-items:center;gap:10px;padding:0 10px;text-decoration:none;transition:background .12s,color .12s;display:flex;position:relative}.nav-item:hover{background:var(--bg-elev-2);color:var(--fg)}.nav-item.active{background:var(--bg-elev-2);color:var(--fg);box-shadow:var(--shadow-sm)}.nav-item.active:before{content:"";background:var(--accent);border-radius:2px;width:3px;position:absolute;top:8px;bottom:8px;left:2px}.nav-icon{opacity:.9;flex:0 0 16px;width:16px;height:16px}.nav-count{font-family:var(--font-mono);color:var(--fg-subtle);margin-left:auto;font-size:10.5px}.nav-badge{font-family:var(--font-mono);color:var(--accent-fg);background:var(--accent);border-radius:999px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:600}.sidebar-playlists{border-top:1px solid var(--border-soft);z-index:1;flex:auto;padding:4px 8px 12px;position:relative;overflow-y:auto}.sidebar-playlist{height:calc(var(--row-h) - 6px);border-radius:var(--r-md);color:var(--fg-muted);cursor:pointer;font-size:calc(var(--fs) - .5px);align-items:center;gap:10px;padding:0 10px;text-decoration:none;display:flex}.sidebar-playlist:hover,.sidebar-playlist.active{background:var(--bg-elev-2);color:var(--fg)}.sidebar-playlist-swatch{width:16px;height:16px;box-shadow:0 0 0 1px var(--border),var(--shadow-sm);border-radius:4px;flex:0 0 16px}.sidebar-playlist-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sidebar-footer{border-top:1px solid var(--border-soft);z-index:1;align-items:center;gap:10px;padding:10px 12px;display:flex;position:relative}.avatar{background:linear-gradient(140deg,var(--bg-elev-3),var(--bg-elev-2));width:28px;height:28px;box-shadow:var(--shadow-sm),inset 0 0 0 1px var(--border);color:var(--fg-muted);text-transform:uppercase;border-radius:999px;flex:0 0 28px;place-items:center;font-size:11px;font-weight:600;display:grid}.user-name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.user-plan{font-family:var(--font-mono);color:var(--fg-subtle);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.main{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-md);flex-direction:column;grid-area:main;min-width:0;display:flex;position:relative;overflow:hidden}.main:before{content:"";background:linear-gradient(180deg,var(--highlight),transparent 20%);pointer-events:none;border-radius:inherit;z-index:1;position:absolute;top:0;right:0;bottom:0;left:0}.topbar{height:52px;padding:0 var(--pad);border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;background:0 0;flex:none;align-items:center;gap:12px;display:flex;position:relative}.crumbs{font-family:var(--font-mono);color:var(--fg-subtle);align-items:center;gap:6px;font-size:11px;display:flex}.crumbs b{color:var(--fg);font-weight:500}.crumbs a{color:inherit;text-decoration:none}.crumbs a:hover{color:var(--fg)}.topbar-spacer{flex:1}.search{border:1px solid var(--accent);background:0 0;align-items:center;gap:8px;width:320px;max-width:40vw;height:32px;padding:0 10px;display:flex}@supports (color:color-mix(in lab,red,red)){.search{border:1px solid color-mix(in oklch,var(--accent) 26%,var(--border))}}.search{border-radius:var(--r-md);box-shadow:0 calc(var(--d) * 3px) calc(var(--d) * 14px) var(--accent)}@supports (color:color-mix(in lab,red,red)){.search{box-shadow:0 calc(var(--d) * 3px) calc(var(--d) * 14px) color-mix(in oklch,var(--accent) calc(14% * var(--d)),transparent)}}.search{color:var(--fg-muted);transition:border-color .16s,background .16s,box-shadow .16s}.search:hover{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.search:hover{border-color:color-mix(in oklch,var(--accent) 44%,var(--border))}}.search:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.search:hover{background:color-mix(in oklch,var(--accent) 5%,transparent)}}.search:focus-within,.search:focus-visible{border-color:var(--accent);outline:none}@supports (color:color-mix(in lab,red,red)){.search:focus-within,.search:focus-visible{border-color:color-mix(in oklch,var(--accent) 58%,var(--border))}}.search:focus-within,.search:focus-visible{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.search:focus-within,.search:focus-visible{background:color-mix(in oklch,var(--accent) 7%,transparent)}}.search:focus-within,.search:focus-visible{box-shadow:0 0 0 3px var(--ring),0 calc(var(--d) * 4px) calc(var(--d) * 18px) var(--accent)}@supports (color:color-mix(in lab,red,red)){.search:focus-within,.search:focus-visible{box-shadow:0 0 0 3px var(--ring),0 calc(var(--d) * 4px) calc(var(--d) * 18px) color-mix(in oklch,var(--accent) calc(22% * var(--d)),transparent)}}.search input{color:var(--fg);background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:12.5px}.search input::placeholder{color:var(--fg-subtle)}.search kbd{font-family:var(--font-mono);background:var(--bg-elev-2);border:1px solid var(--border);color:var(--fg-subtle);border-radius:4px;padding:1px 5px;font-size:10px}.iconbtn{border-radius:var(--r-md);width:32px;height:32px;color:var(--fg-muted);cursor:pointer;background:0 0;border:1px solid #0000;flex:0 0 32px;place-items:center;display:grid}.iconbtn:hover{background:var(--bg-elev-2);color:var(--fg);border-color:var(--border)}.iconbtn.active{background:var(--bg-elev-2);color:var(--fg);border-color:var(--border);box-shadow:var(--shadow-sm)}.content{z-index:1;scrollbar-gutter:stable;flex:auto;position:relative;overflow:hidden auto}.view{padding:var(--pad);min-width:0;overflow-x:hidden}.admin-section-wrap{min-width:0;overflow-x:auto}.admin-section-wrap>*{min-width:720px}.hero{border-radius:var(--r-lg);background:var(--bg-elev-2);border:1px solid var(--border);box-shadow:var(--shadow-sm);align-items:flex-end;gap:24px;min-height:200px;padding:28px 28px 24px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";background:linear-gradient(180deg,var(--highlight),transparent 22%);border-radius:inherit;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.hero-art{border-radius:var(--r-lg);width:168px;height:168px;box-shadow:var(--shadow-lg),0 0 0 1px #ffffff0f;z-index:1;background:var(--bg-inset);background-position:50%;background-size:cover;flex:0 0 168px;position:relative;overflow:hidden}.hero-body{z-index:1;flex:1;min-width:0;position:relative}.hero-eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:6px;font-size:10px}.hero-title{letter-spacing:-.02em;text-wrap:balance;margin:0 0 6px;font-size:36px;font-weight:600;line-height:1.05}.hero-meta{color:var(--fg-muted);font-size:13px;font-family:var(--font-mono);align-items:center;gap:10px;margin-bottom:16px;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(--r-md);border:1px solid var(--border);background:var(--bg-elev-2);height:34px;color:var(--fg);box-shadow:var(--shadow-sm);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:12.5px;font-weight:500;text-decoration:none;transition:transform 80ms,background .12s,filter .12s;display:inline-flex}.btn:hover{background:var(--bg-elev-3)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,var(--accent),var(--accent))}@supports (color:color-mix(in lab,red,red)){.btn-primary{background:linear-gradient(180deg,color-mix(in oklch,var(--accent) 110%,transparent),var(--accent))}}.btn-primary{color:var(--accent-fg);border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.btn-primary{border-color:color-mix(in oklch,var(--accent) 60%,transparent)}}.btn-primary{box-shadow:var(--shadow-sm),inset 0 1px #ffffff40,0 calc(var(--d) * 4px) calc(var(--d) * 16px) var(--accent)}@supports (color:color-mix(in lab,red,red)){.btn-primary{box-shadow:var(--shadow-sm),inset 0 1px #ffffff40,0 calc(var(--d) * 4px) calc(var(--d) * 16px) color-mix(in oklch,var(--accent) calc(30% * var(--d)),transparent)}}.btn-primary:hover{filter:brightness(1.06)}[data-theme=light] .btn-primary{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){[data-theme=light] .btn-primary{background:color-mix(in oklch,var(--accent) 12%,var(--bg-elev-1))}}[data-theme=light] .btn-primary{color:var(--accent)}@supports (color:color-mix(in lab,red,red)){[data-theme=light] .btn-primary{color:color-mix(in oklch,var(--accent) 48%,var(--fg))}}[data-theme=light] .btn-primary{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){[data-theme=light] .btn-primary{border-color:color-mix(in oklch,var(--accent) 64%,var(--border-strong))}}[data-theme=light] .btn-primary{box-shadow:var(--shadow-sm),0 calc(var(--d) * 3px) calc(var(--d) * 12px) var(--accent)}@supports (color:color-mix(in lab,red,red)){[data-theme=light] .btn-primary{box-shadow:var(--shadow-sm),0 calc(var(--d) * 3px) calc(var(--d) * 12px) color-mix(in oklch,var(--accent) calc(16% * var(--d)),transparent)}}[data-theme=light] .btn-primary:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){[data-theme=light] .btn-primary:hover{background:color-mix(in oklch,var(--accent) 18%,var(--bg-elev-1))}}[data-theme=light] .btn-primary:hover{filter:none}[data-theme=light] .btn-primary:disabled{opacity:1;background:var(--accent)}@supports (color:color-mix(in lab,red,red)){[data-theme=light] .btn-primary:disabled{background:color-mix(in oklch,var(--accent) 8%,var(--bg-elev-2))}}[data-theme=light] .btn-primary:disabled{color:var(--accent)}@supports (color:color-mix(in lab,red,red)){[data-theme=light] .btn-primary:disabled{color:color-mix(in oklch,var(--accent) 42%,var(--fg-muted))}}[data-theme=light] .btn-primary:disabled{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){[data-theme=light] .btn-primary:disabled{border-color:color-mix(in oklch,var(--accent) 24%,var(--border-strong))}}[data-theme=light] .btn-primary:disabled{box-shadow:var(--shadow-sm);filter:none}.btn-ghost{color:var(--fg-muted);box-shadow:none;background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-elev-2);color:var(--fg)}.btn-danger{border-color:var(--danger-border);color:var(--danger-fg);background:0 0}.btn-danger:hover{background:var(--danger-soft)}.btn-sm{height:28px;padding:0 10px;font-size:12px}.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{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle);font-size:10px}.section-link{color:var(--fg-muted);font-size:11.5px;font-family:var(--font-mono);text-decoration:none}.section-link:hover{color:var(--fg)}.shelf{gap:var(--gap);scroll-snap-type:x proximity;grid-auto-columns:168px;grid-auto-flow:column;padding-bottom:8px;display:grid;overflow:auto hidden}.shelf::-webkit-scrollbar{height:6px}.card{scroll-snap-align:start;border-radius:var(--r-lg);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,transform .14s;display:flex;position:relative}.card:hover{background:var(--bg-elev-2)}.card-art{aspect-ratio:1;border-radius:var(--r-md);width:100%;box-shadow:var(--shadow-md);background:var(--bg-inset);background-position:50%;background-size:cover;position:relative;overflow:hidden}.cover-art{position:relative;overflow:hidden}.cover-art-img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;top:0;right:0;bottom:0;left:0}.cover-art-letter{color:#ffffffd9;letter-spacing:-.02em;text-shadow:0 1px 2px #00000059;place-items:center;font-size:clamp(18px,36%,48px);font-weight:700;display:grid;position:absolute;top:0;right:0;bottom:0;left:0}.card:hover .card-art{box-shadow:var(--shadow-lg),0 0 0 1px var(--accent)}@supports (color:color-mix(in lab,red,red)){.card:hover .card-art{box-shadow:var(--shadow-lg),0 0 0 1px color-mix(in oklch,var(--accent) 30%,transparent)}}.card-play{background:var(--accent);width:36px;height:36px;color:var(--accent-fg);cursor:pointer;box-shadow:var(--shadow-md),0 0 calc(var(--d) * 12px) var(--accent);border:0;border-radius:999px;place-items:center;display:grid;position:absolute;bottom:8px;right:8px}@supports (color:color-mix(in lab,red,red)){.card-play{box-shadow:var(--shadow-md),0 0 calc(var(--d) * 12px) color-mix(in oklch,var(--accent) 50%,transparent)}}.card-play{opacity:0;transition:opacity .14s,transform .14s;transform:translateY(8px)scale(.9)}.card:hover .card-play,.card:focus-within .card-play{opacity:1;transform:translateY(0)scale(1)}.card-title{text-overflow:ellipsis;white-space:nowrap;color:var(--fg);font-size:13px;font-weight:500;overflow:hidden}.card-sub{color:var(--fg-subtle);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-family:var(--font-mono);overflow:hidden}.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{font-size:12px}[data-density=dense] .card-sub{font-size:10.5px}.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(--fg-subtle);font-family:var(--font-mono);font-variant-numeric:tabular-nums;flex:1;align-items:center;gap:10px;font-size:11px;display:flex;overflow:hidden}.track-selectbar-status span{text-overflow:ellipsis;white-space:nowrap;color:var(--fg-muted);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:12.5px}.table thead th{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle);text-align:left;border-bottom:1px solid var(--border-soft);background:var(--bg-elev-1);padding:8px 10px;font-size:10px;font-weight:500;position:sticky;top:0}@supports (color:color-mix(in lab,red,red)){.table thead th{background:color-mix(in oklch,var(--bg-elev-1) 94%,transparent)}}.table thead th{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2}.table tbody tr{cursor:pointer}.table tbody tr:hover td{background:var(--bg-elev-2)}.table tbody tr.selected td{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.table tbody tr.selected td{background:color-mix(in oklch,var(--accent) 12%,var(--bg-elev-2))}}.table tbody tr.selected td{color:var(--fg)}.table tbody tr.selected:hover td{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.table tbody tr.selected:hover td{background:color-mix(in oklch,var(--accent) 16%,var(--bg-elev-2))}}.table tbody tr.playing td{color:var(--fg)}.table tbody tr.playing td:first-child{color:var(--accent)}.table tbody td{height:var(--row-h);border-bottom:1px solid var(--border-soft);color:var(--fg-muted);vertical-align:middle;padding:0 10px;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;width:40px;font-family:var(--font-mono);color:var(--fg-subtle);font-size:11px}.table .col-select{text-align:center;width:34px}.track-check{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;vertical-align:middle;margin:0}.track-check:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.table .col-art{width:44px}.table .col-dur{text-align:right;width:64px;font-family:var(--font-mono);color:var(--fg-subtle);font-size:11px}.table .col-added{width:130px;font-family:var(--font-mono);color:var(--fg-subtle);font-size:11px}.table .col-acts{text-align:right;width:80px}.table .track-title{color:var(--fg);font-size:12.5px;font-weight:500}.table .track-sub{color:var(--fg-subtle);font-size:11px}.table .mini-art{border-radius:var(--r-sm);width:32px;height:32px;box-shadow:var(--shadow-sm);background:var(--bg-inset);background-position:50%;background-size:cover;overflow:hidden}.row-actions{opacity:0;gap:2px;transition:opacity .12s;display:inline-flex}.table tbody tr:hover .row-actions,.table tbody tr:focus-within .row-actions{opacity:1}.row-actions button{width:26px;height:26px;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.row-actions button:hover{background:var(--bg-elev-3);color:var(--fg)}.row-actions button.active{color:var(--accent);opacity:1}.play-cell{width:18px;height:18px;color:inherit;place-items:center;display:inline-grid}.table tbody tr.playing .idx-num,.table tbody tr .idx-bars{display:none}.table tbody tr.playing .idx-bars{display:inline-flex}.playing-bars{align-items:flex-end;gap:2px;width:14px;height:14px;display:inline-flex}.playing-bars span{background:var(--accent);border-radius:1px;width:2px;animation:1s ease-in-out infinite barDance;display:block}.playing-bars span:first-child{height:40%;animation-delay:0s}.playing-bars span:nth-child(2){height:80%;animation-delay:.2s}.playing-bars span:nth-child(3){height:60%;animation-delay:.4s}@keyframes barDance{0%,to{height:30%}50%{height:90%}}.segmented{background:var(--bg-inset);border:1px solid var(--border);border-radius:calc(var(--r-md) + 3px);box-shadow:var(--shadow-inset);padding:3px;display:inline-flex}.segmented button{border-radius:var(--r-sm);height:26px;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 10px;font-size:11.5px;font-weight:500;display:inline-flex}.segmented button.active{background:var(--bg-elev-2);color:var(--fg);box-shadow:var(--shadow-sm)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--bg-elev-2);border:1px solid var(--border);height:26px;color:var(--fg-muted);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:11.5px;font-weight:500;display:inline-flex}.chip:hover{color:var(--fg)}.chip.active{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.chip.active{background:color-mix(in oklch,var(--accent) 16%,var(--bg-elev-2))}}.chip.active{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.chip.active{border-color:color-mix(in oklch,var(--accent) 40%,var(--border))}}.chip.active{color:var(--fg)}.detail-header{border-radius:var(--r-lg);background:var(--bg-elev-2);border:1px solid var(--border);box-shadow:var(--shadow-sm);align-items:flex-end;gap:24px;min-height:200px;padding:28px 28px 24px;display:flex;position:relative;overflow:hidden}.detail-header:after{content:"";background:linear-gradient(180deg,var(--highlight),transparent 22%);border-radius:inherit;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.detail-header-main{display:contents}.detail-art{border-radius:var(--r-lg);width:200px;height:200px;box-shadow:var(--shadow-lg),0 0 0 1px #ffffff0f;z-index:1;background:var(--bg-inset);color:var(--fg-faint);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{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted);font-size:10px}.detail-title{letter-spacing:-.03em;text-wrap:balance;margin:6px 0 10px;font-size:44px;font-weight:700;line-height:1}.detail-meta{color:var(--fg-muted);font-size:13px;font-family:var(--font-mono);flex-wrap:wrap;align-items:center;gap:10px;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-corner{z-index:2;pointer-events:auto;justify-content:flex-end;max-width:calc(100% - 56px);display:flex;position:absolute;bottom:24px;right:28px}.detail-track-search{justify-content:flex-end;align-items:center;gap:12px;max-width:100%;display:flex}.detail-track-search .search{background:var(--bg-elev-1);width:260px;max-width:min(260px,40vw)}@supports (color:color-mix(in lab,red,red)){.detail-track-search .search{background:color-mix(in oklch,var(--bg-elev-1) 42%,transparent)}}.detail-track-search-count{color:var(--fg-subtle);white-space:nowrap;font-size:11px}@media (max-width:900px){.detail-header.has-corner{flex-wrap:wrap}.detail-corner{width:100%;max-width:none;margin-top:4px;position:relative;bottom:auto;right:auto}.detail-track-search{width:100%}.detail-track-search .search{width:100%;max-width:none}}.player-bar{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);grid-area:player;grid-template-columns:1fr 1.3fr 1fr;align-items:center;gap:16px;height:72px;padding:10px 14px;display:grid;position:relative;overflow:hidden}.player-bar:before{content:"";background:linear-gradient(180deg,var(--highlight),transparent 18%);border-radius:inherit;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.player-bar:after{content:"";background:radial-gradient(400px 120px at 30% 50%,var(--accent),transparent 70%);position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%}@supports (color:color-mix(in lab,red,red)){.player-bar:after{background:radial-gradient(400px 120px at 30% 50%,color-mix(in oklch,var(--accent) 16%,transparent),transparent 70%)}}.player-bar:after{pointer-events:none;opacity:calc(.4 + var(--d) * .15);z-index:0}.player-bar>*{z-index:1;position:relative}.np{align-items:center;gap:12px;min-width:0;display:flex}.np-art{border-radius:var(--r-md);width:52px;height:52px;box-shadow:var(--shadow-md),0 0 calc(var(--d) * 10px) var(--accent)}@supports (color:color-mix(in lab,red,red)){.np-art{box-shadow:var(--shadow-md),0 0 calc(var(--d) * 10px) color-mix(in oklch,var(--accent) 30%,transparent)}}.np-art{background:var(--bg-inset);background-position:50%;background-size:cover;flex:0 0 52px;overflow:hidden}.np-text{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;height:52px;display:flex}.np-title{white-space:nowrap;text-overflow:ellipsis;color:var(--fg);font-size:12.5px;font-weight:500;overflow:hidden}.np-artist{color:var(--fg-subtle);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-family:var(--font-mono);overflow:hidden}.np-like{margin-left:4px}.transport{flex-direction:column;align-items:center;gap:6px;width:100%;min-width:0;display:flex}.transport-row{align-items:center;gap:4px;display:flex}.t-btn{width:28px;height:28px;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.t-btn:hover{color:var(--fg);background:var(--bg-elev-2)}.t-btn.active{color:var(--accent)}.t-btn:disabled{opacity:.4;cursor:default}.play-btn{background:var(--fg);width:34px;height:34px;color:var(--bg);cursor:pointer;box-shadow:var(--shadow-md);border:0;border-radius:999px;place-items:center;transition:transform 80ms;display:grid}.play-btn:hover{transform:scale(1.04)}.play-btn:disabled{opacity:.4;cursor:default;transform:none}.progress{width:100%;font-family:var(--font-mono);color:var(--fg-subtle);align-items:center;gap:10px;font-size:10px;display:flex}.progress-time{tabular-nums:on;font-variant-numeric:tabular-nums;text-align:center;min-width:32px}.bar{background:var(--bg-inset);height:5px;box-shadow:var(--shadow-inset);cursor:pointer;border-radius:999px;outline:none;flex:1;position:relative}.bar:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.bar-fill{background:linear-gradient(90deg,var(--accent),var(--accent));border-radius:999px;position:absolute;top:0;bottom:0;left:0}@supports (color:color-mix(in lab,red,red)){.bar-fill{background:linear-gradient(90deg,color-mix(in oklch,var(--accent) 90%,transparent),var(--accent))}}.bar-fill{box-shadow:0 0 calc(var(--d) * 8px) var(--accent)}@supports (color:color-mix(in lab,red,red)){.bar-fill{box-shadow:0 0 calc(var(--d) * 8px) color-mix(in oklch,var(--accent) 50%,transparent)}}.bar-fill{pointer-events:none}.bar-thumb{background:var(--fg);width:11px;height:11px;box-shadow:var(--shadow-sm);opacity:0;pointer-events:none;border-radius:999px;transition:opacity .12s;position:absolute;top:50%;transform:translate(-50%,-50%)}.bar:hover .bar-thumb,.bar:focus-within .bar-thumb,.bar.dragging .bar-thumb{opacity:1}.utility{justify-content:flex-end;align-items:center;gap:4px;display:flex}.mini-divider{display:none}.volume{align-items:center;gap:8px;width:130px;display:flex}.volume .bar{height:4px}.transport-volume{display:none}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] .sidebar,html[data-mini-player] .main{display:none}html[data-mini-player] .player-bar{border-radius:var(--r-xl);border:1px solid var(--accent);grid-template:"art head head util"1fr"art controls progress progress"/152px auto minmax(0,1fr) auto;align-items:center;gap:6px 12px;height:100vh;min-height:168px;padding:12px 14px;display:grid}@supports (color:color-mix(in lab,red,red)){html[data-mini-player] .player-bar{border:1px solid color-mix(in oklch,var(--accent) 16%,var(--border))}}html[data-mini-player] .player-bar{background:radial-gradient(460px 200px at 100% -10%,var(--accent),transparent 70%),linear-gradient(180deg,var(--bg-elev-2),var(--bg-elev-1)),var(--bg-elev-1)}@supports (color:color-mix(in lab,red,red)){html[data-mini-player] .player-bar{background:radial-gradient(460px 200px at 100% -10%,color-mix(in oklch,var(--accent) calc(8% + var(--d) * 3%),transparent),transparent 70%),linear-gradient(180deg,color-mix(in oklch,var(--bg-elev-2) 78%,transparent),var(--bg-elev-1)),var(--bg-elev-1)}}html[data-mini-player] .player-bar{box-shadow:0 1px 0 var(--highlight) inset,0 0 0 1px var(--fg) inset,0 calc(var(--d) * 10px) calc(var(--d) * 32px) oklch(0 0 0 / calc(.18 + var(--d) * .08))}@supports (color:color-mix(in lab,red,red)){html[data-mini-player] .player-bar{box-shadow:0 1px 0 var(--highlight) inset,0 0 0 1px color-mix(in oklch,var(--fg) 4%,transparent) inset,0 calc(var(--d) * 10px) calc(var(--d) * 32px) oklch(0 0 0 / calc(.18 + var(--d) * .08))}}html[data-mini-player] .player-bar{-webkit-app-region:drag}html[data-mini-player] .player-bar:before{background:linear-gradient(180deg,var(--highlight),transparent 36%)}@supports (color:color-mix(in lab,red,red)){html[data-mini-player] .player-bar:before{background:linear-gradient(180deg,color-mix(in oklch,var(--highlight) 140%,transparent),transparent 36%)}}html[data-mini-player] .player-bar:after{background:radial-gradient(closest-side,var(--accent),transparent 72%);width:60%;height:80%;inset:auto -10% -40% auto}@supports (color:color-mix(in lab,red,red)){html[data-mini-player] .player-bar:after{background:radial-gradient(closest-side,color-mix(in oklch,var(--accent) 14%,transparent),transparent 72%)}}html[data-mini-player] .player-bar:after{opacity:.7}html[data-mini-player] .np{display:contents}html[data-mini-player] .np-art{border-radius:var(--r-lg);width:152px;height:152px;box-shadow:0 1px 0 var(--highlight) inset,0 0 0 1px var(--accent),0 calc(var(--d) * 6px) calc(var(--d) * 18px) oklch(0 0 0 / calc(.22 + var(--d) * .08)),0 calc(var(--d) * 8px) calc(var(--d) * 28px) var(--accent);flex-basis:152px;grid-area:art;align-self:center}@supports (color:color-mix(in lab,red,red)){html[data-mini-player] .np-art{box-shadow:0 1px 0 var(--highlight) inset,0 0 0 1px color-mix(in oklch,var(--accent) 20%,transparent),0 calc(var(--d) * 6px) calc(var(--d) * 18px) oklch(0 0 0 / calc(.22 + var(--d) * .08)),0 calc(var(--d) * 8px) calc(var(--d) * 28px) color-mix(in oklch,var(--accent) calc(8% + var(--d) * 4%),transparent)}}html[data-mini-player] .player-bar[data-has-track=false] .np-art{background:radial-gradient(circle at 50% 50%,var(--fg) 0 2px,transparent 3px),linear-gradient(145deg,var(--accent),var(--bg-elev-2))}@supports (color:color-mix(in lab,red,red)){html[data-mini-player] .player-bar[data-has-track=false] .np-art{background:radial-gradient(circle at 50% 50%,color-mix(in oklch,var(--fg) 92%,transparent) 0 2px,transparent 3px),linear-gradient(145deg,color-mix(in oklch,var(--accent) 62%,var(--bg-elev-3)),color-mix(in oklch,var(--bg-elev-2) 88%,var(--accent)))}}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{letter-spacing:-.01em;font-size:18px;font-weight:600;line-height:1.15}html[data-mini-player] .np-artist{font-size:12.5px;line-height:1.25;font-family:var(--font-sans);color:var(--fg-muted)}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(--fg-muted)}html[data-mini-player] .transport-row .t-btn:hover{color:var(--fg);background:var(--bg-elev-2)}html[data-mini-player] .transport-row .t-btn.active{color:var(--accent)}html[data-mini-player] .transport-row .t-btn svg{width:14px;height:14px}html[data-mini-player] .play-btn{background:var(--fg);width:40px;height:40px;color:var(--bg);box-shadow:var(--shadow-md),0 0 calc(var(--d) * 14px) var(--accent);border:0;margin:0 6px}@supports (color:color-mix(in lab,red,red)){html[data-mini-player] .play-btn{box-shadow:var(--shadow-md),0 0 calc(var(--d) * 14px) color-mix(in oklch,var(--accent) 26%,transparent)}}html[data-mini-player] .play-btn:hover{transform:scale(1.05)}html[data-mini-player] .play-btn svg{width:18px;height:18px}html[data-mini-player] .transport-volume{display:none}html[data-mini-player] .progress{font-family:var(--font-mono);color:var(--fg-subtle);grid-area:progress;align-self:center;align-items:center;gap:10px;padding-left:8px;font-size:10.5px;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:5px}html[data-mini-player] .progress .bar-thumb{background:var(--accent);box-shadow:0 0 0 3px var(--accent),var(--shadow-sm)}@supports (color:color-mix(in lab,red,red)){html[data-mini-player] .progress .bar-thumb{box-shadow:0 0 0 3px color-mix(in oklch,var(--accent) 14%,transparent),var(--shadow-sm)}}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(--fg-muted)}html[data-mini-player] .utility>.t-btn:hover{color:var(--fg);background:var(--bg-elev-2)}html[data-mini-player] .utility>.t-btn.active{color:var(--accent)}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(--fg);width:1px;height:14px;margin:0 6px;display:block}@supports (color:color-mix(in lab,red,red)){html[data-mini-player] .mini-divider{background:color-mix(in oklch,var(--fg) 14%,transparent)}}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(--fg-muted)}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{width:28px;height:28px;color:var(--fg-muted);background:var(--bg-elev-2);border-radius:999px;margin-left:4px}@supports (color:color-mix(in lab,red,red)){html[data-mini-player] .mini-mode-toggle{background:color-mix(in oklch,var(--bg-elev-2) 70%,transparent)}}html[data-mini-player] .mini-mode-toggle{border:1px solid var(--border-soft);box-shadow:var(--shadow-sm)}html[data-mini-player] .mini-mode-toggle:hover{color:var(--fg);background:var(--bg-elev-2)}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:radial-gradient(900px 420px at 50% 0%,var(--accent),transparent 65%),var(--bg);place-items:center;height:100vh;padding:24px;display:grid;overflow-y:auto}@supports (color:color-mix(in lab,red,red)){.share-preview-page{background:radial-gradient(900px 420px at 50% 0%,color-mix(in oklch,var(--accent) 7%,transparent),transparent 65%),var(--bg)}}.share-preview-shell{gap:16px;width:min(100%,980px);display:grid}.share-preview-brand{color:var(--fg);letter-spacing:0;justify-self:start;align-items:center;gap:10px;font-weight:600;text-decoration:none;display:inline-flex}.share-preview-panel{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--r-xl);min-height:420px;box-shadow:var(--shadow-lg);grid-template-columns:minmax(220px,340px) minmax(0,1fr);align-items:center;gap:32px;padding:28px;display:grid;position:relative;overflow:hidden}.share-preview-panel:before{content:"";border-radius:inherit;background:linear-gradient(180deg,var(--highlight),transparent 20%);pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.share-preview-panel:after{content:"";background:radial-gradient(420px 180px at 28% 52%,var(--accent),transparent 72%);position:absolute;top:-35%;right:-35%;bottom:-35%;left:-35%}@supports (color:color-mix(in lab,red,red)){.share-preview-panel:after{background:radial-gradient(420px 180px at 28% 52%,color-mix(in oklch,var(--accent) 18%,transparent),transparent 72%)}}.share-preview-panel:after{pointer-events:none;opacity:calc(.35 + var(--d) * .12)}.share-preview-panel>*{z-index:1;position:relative}.share-preview-art-wrap{place-items:center;min-width:0;display:grid}.share-preview-art{aspect-ratio:1;border-radius:var(--r-lg);background:var(--bg-inset);width:100%;max-width:340px;box-shadow:var(--shadow-lg),0 0 calc(var(--d) * 18px) var(--accent)}@supports (color:color-mix(in lab,red,red)){.share-preview-art{box-shadow:var(--shadow-lg),0 0 calc(var(--d) * 18px) color-mix(in oklch,var(--accent) 28%,transparent)}}.share-preview-copy{gap:14px;min-width:0;display:grid}.share-preview-kicker{color:var(--fg-subtle);letter-spacing:.12em;text-transform:uppercase;font-size:10px}.share-preview-copy h1{letter-spacing:0;text-wrap:balance;margin:0;font-size:42px;font-weight:650;line-height:1.02}.share-preview-copy p{color:var(--fg-muted);max-width:52ch;margin:0}.share-preview-meta{color:var(--fg-muted);font-family:var(--font-mono);flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.share-preview-meta .dot{background:currentColor;border-radius:999px;width:3px;height:3px}.share-preview-player{border-radius:var(--r-lg);background:var(--bg-elev-2);align-items:center;gap:14px;margin-top:4px;padding:14px;display:flex}@supports (color:color-mix(in lab,red,red)){.share-preview-player{background:color-mix(in oklch,var(--bg-elev-2) 74%,transparent)}}.share-preview-player{border:1px solid var(--border-soft);box-shadow:var(--shadow-sm)}.share-preview-play{flex:0 0 46px;width:46px;height:46px}.share-preview-progress{flex:1;gap:7px;min-width:0;display:grid}.share-preview-window{color:var(--fg-subtle);font-size:10.5px}.share-preview-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.share-preview-status{min-height:260px;color:var(--fg-subtle);background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-md);place-items:center;display:grid}.share-preview-media{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}@media (max-width:760px){.share-preview-page{place-items:start center;padding:14px}.share-preview-panel{grid-template-columns:1fr;gap:20px;min-height:0;padding:18px}.share-preview-art{max-width:360px}.share-preview-copy h1{font-size:30px}.share-preview-player{align-items:stretch}.share-preview-actions .btn{flex:160px}}.tweaks{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--r-lg);width:280px;box-shadow:var(--shadow-lg);z-index:100;padding:14px;position:fixed;bottom:88px;right:14px}.tweaks-title{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-subtle);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:10px;display:flex}.tweak-row{border-top:1px solid var(--border-soft);flex-direction:column;gap:6px;padding:8px 0;display:flex}.tweak-row:first-of-type{border-top:0;padding-top:0}.tweak-label{justify-content:space-between;font-size:12px;font-weight:500;display:flex}.tweak-label span:last-child{font-family:var(--font-mono);color:var(--fg-subtle);font-size:11px}.tweak-seg{gap:4px;display:flex}.tweak-seg button{background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--r-sm);height:28px;color:var(--fg-muted);font-size:11px;font-weight:500;font-family:var(--font-mono);cursor:pointer;flex:1}.tweak-seg button.active{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.tweak-seg button.active{background:color-mix(in oklch,var(--accent) 16%,var(--bg-elev-2))}}.tweak-seg button.active{color:var(--fg);border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.tweak-seg button.active{border-color:color-mix(in oklch,var(--accent) 40%,var(--border))}}.tweak-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-inset);width:100%;height:6px;box-shadow:var(--shadow-inset);border-radius:999px;outline:none}.tweak-select{background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--r-sm);width:100%;height:28px;color:var(--fg);font-family:var(--font-mono);cursor:pointer;outline:none;padding:0 8px;font-size:11px}.tweak-select:focus{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.tweak-select:focus{border-color:color-mix(in oklch,var(--accent) 40%,var(--border))}}.tweak-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--fg);cursor:pointer;width:14px;height:14px;box-shadow:var(--shadow-sm);border-radius:999px}.tweak-slider::-moz-range-thumb{background:var(--fg);cursor:pointer;width:14px;height:14px;box-shadow:var(--shadow-sm);border:0;border-radius:999px}.menu{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--r-lg);min-width:220px;box-shadow:var(--shadow-lg);padding:6px;overflow:hidden}.menu-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle);padding:8px 10px 4px;font-size:10px}.menu-item{border-radius:var(--r-sm);color:var(--fg);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:7px 10px;font-size:12.5px;display:flex}.menu-item:hover{background:var(--bg-elev-3)}.menu-sep{background:var(--border-soft);height:1px;margin:4px 0}.surface{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.surface-inset{background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-inset)}.divider{border-top:1px solid var(--border-soft)}.text-fg{color:var(--fg)}.text-muted{color:var(--fg-muted)}.text-subtle{color:var(--fg-subtle)}.text-faint{color:var(--fg-faint)}.text-accent{color:var(--accent)}.mono{font-family:var(--font-mono)}.h-full-view{height:100%}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--r-sm)}.auth-wrap{background:radial-gradient(800px 500px at 80% -10%,var(--accent),transparent 60%),radial-gradient(600px 400px at -10% 110%,var(--accent),transparent 60%),var(--bg);place-items:center;min-height:100dvh;padding:24px;display:grid}@supports (color:color-mix(in lab,red,red)){.auth-wrap{background:radial-gradient(800px 500px at 80% -10%,color-mix(in oklch,var(--accent) 8%,transparent),transparent 60%),radial-gradient(600px 400px at -10% 110%,color-mix(in oklch,var(--accent) 6%,transparent),transparent 60%),var(--bg)}}.auth-wrap{overflow-y:auto}.auth-card{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--r-xl);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:28px;position:relative}.auth-card:before{content:"";border-radius:inherit;background:linear-gradient(180deg,var(--highlight),transparent 20%);pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.input,.select-trigger{background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-inset);color:var(--fg);box-sizing:border-box;outline:none;width:100%;height:32px;padding:0 10px;font-size:13px}.input:focus,.select-trigger:focus-within{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.input:focus,.select-trigger:focus-within{border-color:color-mix(in oklch,var(--accent) 50%,var(--border))}}.input:focus,.select-trigger:focus-within{box-shadow:var(--shadow-inset),0 0 0 3px var(--ring)}.input::placeholder{color:var(--fg-subtle)}[data-theme=dark] select.input option,[data-theme=dark] select option{color:var(--fg);background:var(--bg-elev-2)}.overlay{background:var(--bg);position:fixed;top:0;right:0;bottom:0;left:0}@supports (color:color-mix(in lab,red,red)){.overlay{background:color-mix(in oklch,var(--bg) 40%,black)}}.overlay{z-index:40}.overlay.light,[data-theme=light] .overlay{background:#14161b4d}.dialog-layer{z-index:120;pointer-events:auto}.dialog{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);color:var(--fg);min-height:0}.dialog-scroll{overscroll-behavior:contain;min-height:0;overflow:auto}.error-banner{border-radius:var(--r-md);background:var(--danger-soft);border:1px solid var(--danger-border);color:var(--danger-fg);padding:10px 14px;font-size:12.5px}.empty-state{text-align:center;color:var(--fg-subtle);align-content:center;justify-items:center;gap:8px;padding:48px 24px;display:grid}.empty-state-icon{color:var(--fg-faint);place-items:center;display:grid}.empty-state-icon svg{width:32px;height:32px}.empty-state-title{color:var(--fg-muted);font-size:13px}.empty-state-hint{color:var(--fg-subtle);font-size:12px}.loading-state{color:var(--fg-subtle);padding:20px;font-size:11px}.eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle);font-size:10px;font-weight:500}.page-header{flex-wrap:wrap;align-items:baseline;gap:16px;display:flex}.page-title{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:600}.page-count{color:var(--fg-subtle);font-size:11px}[cmdk-overlay]{background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:79;animation:.14s ease-out cmdk-fade;position:fixed;top:0;right:0;bottom:0;left:0}[cmdk-dialog]{z-index:80;outline:none;width:calc(100% - 32px);max-width:720px;animation:.18s cubic-bezier(.2,.9,.2,1) cmdk-pop;position:fixed;top:12vh;left:50%;transform:translate(-50%)}[cmdk-root]{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg),0 0 0 1px var(--accent),0 calc(var(--d) * 10px) calc(var(--d) * 40px) var(--accent);position:relative}@supports (color:color-mix(in lab,red,red)){[cmdk-root]{box-shadow:var(--shadow-lg),0 0 0 1px color-mix(in oklch,var(--accent) 14%,transparent),0 calc(var(--d) * 10px) calc(var(--d) * 40px) color-mix(in oklch,var(--accent) calc(16% * var(--d)),transparent)}}[cmdk-root]{flex-direction:column;max-height:70vh;display:flex;overflow:hidden}[cmdk-root]:before{content:"";pointer-events:none;background:linear-gradient(180deg,var(--highlight),transparent 18%);border-radius:inherit;position:absolute;top:0;right:0;bottom:0;left:0}@keyframes cmdk-pop{0%{opacity:0;transform:translate(-50%,-8px)scale(.98)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes cmdk-fade{0%{opacity:0}to{opacity:1}}.cmdk-input-row{border-bottom:1px solid var(--border-soft);z-index:1;flex:0 0 48px;align-items:center;gap:10px;height:48px;padding:0 14px;display:flex;position:relative}.cmdk-input-row input[cmdk-input]{color:var(--fg);letter-spacing:-.005em;background:0 0;border:0;outline:none;flex:1;font-family:inherit;font-size:14px}.cmdk-input-row input[cmdk-input]::placeholder{color:var(--fg-subtle)}.cmdk-kbd{font-family:var(--font-mono);background:var(--bg-elev-2);border:1px solid var(--border);color:var(--fg-subtle);border-radius:4px;padding:1px 6px;font-size:10px}.cmdk-list{z-index:1;flex:auto;min-height:0;padding:6px;scroll-padding:8px;position:relative;overflow-y:auto}.cmdk-empty{text-align:center;color:var(--fg-muted);padding:28px 12px;font-size:13px}[cmdk-group-heading]{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle);padding:10px 10px 6px;font-size:10px}[cmdk-item]{border-radius:var(--r-md);color:var(--fg);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;align-items:center;gap:10px;min-height:36px;padding:8px 10px;font-size:13px;display:flex}[cmdk-item][data-selected=true]{background:var(--bg-elev-2);box-shadow:var(--shadow-sm)}[cmdk-item][data-selected=true]:before{content:"";background:var(--accent);border-radius:2px;width:2px;margin-left:-6px;position:absolute;top:6px;bottom:6px;left:0}[cmdk-item][data-disabled=true]{opacity:.4;cursor:not-allowed}.cmdk-art{border-radius:var(--r-sm);background:var(--bg-inset);width:28px;height:28px;box-shadow:var(--shadow-sm);background-position:50%;background-size:cover;flex:0 0 28px}.cmdk-item-main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.cmdk-item-title{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.cmdk-item-sub{color:var(--fg-subtle);font-size:11px;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cmdk-shortcut{font-family:var(--font-mono);color:var(--fg-subtle);text-transform:lowercase;letter-spacing:.04em;flex:none;font-size:10px}.cmdk-footer{border-top:1px solid var(--border-soft);color:var(--fg-subtle);z-index:1;flex:none;align-items:center;gap:14px;padding:8px 14px;font-size:11px;display:flex;position:relative}.badge{background:var(--bg-elev-2);border:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-muted);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;display:inline-flex}.badge-accent{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.badge-accent{background:color-mix(in oklch,var(--accent) 16%,var(--bg-elev-2))}}.badge-accent{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.badge-accent{border-color:color-mix(in oklch,var(--accent) 40%,var(--border))}}.badge-accent{color:var(--fg)}.fh6-radio-view{gap:16px;display:grid}.fh6-status-strip{flex-wrap:wrap;gap:8px;display:flex}.fh6-status-pill{border:1px solid var(--border);border-radius:var(--r-sm);min-height:28px;color:var(--fg-subtle);background:var(--bg-elev);align-items:center;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.fh6-status-pill.ok{color:var(--fg);border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.fh6-status-pill.ok{border-color:color-mix(in oklch,var(--accent) 42%,var(--border))}}.fh6-status-pill.ok{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.fh6-status-pill.ok{background:color-mix(in oklch,var(--accent) 12%,var(--bg-elev))}}.fh6-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:14px;display:grid}.fh6-grid-single{grid-template-columns:1fr}.fh6-panel{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-elev);box-shadow:var(--shadow-soft);gap:14px;min-width:0;padding:16px;display:grid}.fh6-panel h2,.fh6-track h3{color:var(--fg);margin:0}.fh6-panel h2{font-size:15px;font-weight:650}.fh6-panel p,.fh6-track p,.fh6-note{color:var(--fg-subtle);overflow-wrap:anywhere;margin:4px 0 0;font-size:12px;line-height:1.45}.fh6-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.fh6-field-row{flex-wrap:wrap;gap:8px;display:flex}.fh6-path{border-radius:var(--r-sm);border:1px solid var(--border-soft);background:var(--bg-inset);min-height:34px;color:var(--fg-subtle);overflow-wrap:anywhere;align-items:center;padding:8px 10px;font-size:11px;display:flex}.fh6-candidates{gap:6px;display:grid}.fh6-candidates button{border:1px solid var(--border-soft);border-radius:var(--r-sm);background:var(--bg-inset);min-height:32px;color:var(--fg-muted);text-align:left;cursor:pointer;overflow-wrap:anywhere;padding:7px 9px;font-size:11px}.fh6-candidates button:hover{color:var(--fg);border-color:var(--border)}.fh6-source-grid{grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;display:grid}.fh6-source-grid label{color:var(--fg-subtle);gap:6px;font-size:11px;font-weight:600;display:grid}.fh6-queue{border:1px solid var(--border-soft);border-radius:var(--r-md);display:grid;overflow:hidden}.fh6-queue-row{border-top:1px solid var(--border-soft);background:var(--bg-elev);grid-template-columns:minmax(0,1fr) minmax(120px,.4fr);align-items:center;gap:10px;min-height:34px;padding:7px 10px;font-size:12px;display:grid}.fh6-queue-row:first-child{border-top:0}.fh6-queue-row span,.fh6-queue-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fh6-queue-row small{color:var(--fg-subtle);font-size:11px}@media (max-width:920px){.fh6-grid,.fh6-source-grid{grid-template-columns:1fr}}.queue-pop{z-index:95;background:var(--bg-elev-2);flex-direction:column;display:flex;position:fixed}@supports (color:color-mix(in lab,red,red)){.queue-pop{background:color-mix(in oklch,var(--bg-elev-2) 92%,transparent)}}.queue-pop{-webkit-backdrop-filter:blur(14px)saturate(1.1);backdrop-filter:blur(14px)saturate(1.1);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg),0 0 0 1px var(--accent),0 calc(var(--d) * 8px) calc(var(--d) * 28px) var(--accent)}@supports (color:color-mix(in lab,red,red)){.queue-pop{box-shadow:var(--shadow-lg),0 0 0 1px color-mix(in oklch,var(--accent) 12%,transparent),0 calc(var(--d) * 8px) calc(var(--d) * 28px) color-mix(in oklch,var(--accent) calc(14% * var(--d)),transparent)}}.queue-pop{transform-origin:100% 100%;animation:.18s cubic-bezier(.2,.9,.2,1) queue-pop-in;overflow:hidden}.queue-pop:before{content:"";pointer-events:none;background:linear-gradient(180deg,var(--highlight),transparent 18%);border-radius:inherit;position:absolute;top:0;right:0;bottom:0;left:0}.queue-pop>*{z-index:1;position:relative}.queue-pop-mini{border-radius:calc(var(--r-xl) + 10px);animation:none}.queue-pop-mini .queue-pop-body{padding-bottom:6px}.queue-pop-mini .queue-pop-row{padding:5px 8px}.queue-pop-mini .queue-pop-art{flex-basis:30px;width:30px;height:30px}.queue-pop-mini .queue-pop-title{font-size:12px}.queue-pop-mini .queue-pop-artist{font-size:10.5px}@keyframes queue-pop-in{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.queue-pop-head{border-bottom:1px solid var(--border-soft);flex:none;align-items:center;gap:10px;padding:8px 8px 8px 14px;display:flex}.queue-pop-title-h{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-subtle);font-size:10px}.queue-pop-pos{font-family:var(--font-mono);letter-spacing:.06em;color:var(--fg-faint);font-variant-numeric:tabular-nums;background:var(--bg-elev-3);border:1px solid var(--border-soft);border-radius:4px;padding:2px 6px;font-size:10px}.queue-pop-close{flex:0 0 28px;width:28px;height:28px}.queue-pop-body{flex:auto;min-height:0;padding:4px 6px 8px;overflow-y:auto}.queue-pop-heading{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-faint);padding:10px 8px 4px;font-size:9px}.queue-pop-row{border-radius:var(--r-sm);cursor:pointer;text-align:left;width:100%;color:var(--fg);font:inherit;background:0 0;border:0;align-items:center;gap:10px;padding:6px 8px;transition:background .12s;display:flex;position:relative}.queue-pop-row:hover:not(.active){background:var(--bg-elev-3)}.queue-pop-row:focus-visible{background:var(--bg-elev-3);box-shadow:0 0 0 1px var(--ring) inset;outline:none}.queue-pop-row.active{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.queue-pop-row.active{background:color-mix(in oklch,var(--accent) 12%,var(--bg-elev-3))}}.queue-pop-row.active{cursor:default}.queue-pop-row.active:before{content:"";background:var(--accent);width:2px;box-shadow:0 0 8px var(--accent);border-radius:2px;position:absolute;top:8px;bottom:8px;left:0}@supports (color:color-mix(in lab,red,red)){.queue-pop-row.active:before{box-shadow:0 0 8px color-mix(in oklch,var(--accent) 60%,transparent)}}.queue-pop-row.active .queue-pop-title{color:var(--accent)}.queue-pop-hint{font-size:11px;font-family:var(--font-mono);letter-spacing:.02em;color:var(--fg-faint);padding:10px 12px 14px}.queue-pop-art{border-radius:var(--r-sm);flex:0 0 36px;width:36px;height:36px;overflow:hidden}.queue-pop-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.queue-pop-title{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:500;overflow:hidden}.queue-pop-artist{color:var(--fg-subtle);font-size:11px;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.queue-pop-empty{text-align:center;color:var(--fg-subtle);flex-direction:column;align-items:center;gap:8px;padding:24px 16px;font-size:12px;display:flex}.ctx-menu{z-index:9999;pointer-events:auto;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--r-md);min-width:220px;max-width:280px;box-shadow:var(--shadow-lg);color:var(--fg);padding:4px;font-size:12.5px;animation:.12s ease-out ctx-fade;position:fixed}@keyframes ctx-fade{0%{opacity:0;transform:translateY(-2px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.ctx-item{border-radius:var(--r-sm);width:100%;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:6px 10px;display:flex}.ctx-item:hover:not(:disabled),.ctx-item:focus-visible{background:var(--bg-elev-3);outline:none}.ctx-item:disabled{opacity:.55;cursor:default}.ctx-item-active{color:var(--accent)}.ctx-sep{background:var(--border-soft);height:1px;margin:4px 2px}.ctx-heading{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle);padding:6px 10px 4px;font-size:10px}.ctx-hint{color:var(--fg-subtle);padding:4px 10px 6px;font-size:11px}.ctx-scroll{max-height:220px;overflow-y:auto}.tooltip{z-index:10000;pointer-events:none;background:var(--bg-elev-3);border:1px solid var(--border);border-radius:var(--r-sm);max-width:320px;box-shadow:var(--shadow-md);color:var(--fg);opacity:1;padding:6px 10px;font-size:11.5px;line-height:1.35;transition:opacity .12s ease-out,transform .12s ease-out;position:fixed;transform:translateY(0)}.tooltip[data-closed]{opacity:0;transform:translateY(2px)}.track-aka-hint{color:var(--fg-subtle);letter-spacing:.04em;cursor:help;margin-left:6px;font-size:10px;font-weight:400}.track-aka-hint:hover,.track-aka-hint:focus-visible{color:var(--fg-muted);outline:none}[data-glow=off] .app{background:var(--bg)}[data-glow=off] .player-bar:after{display:none}[data-glow=off] .np-art{box-shadow:var(--shadow-md)}[data-glow=off] .auth-wrap{background:var(--bg)}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(--r-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-soft);border-radius:var(--r-md);background:var(--bg-elev-1);flex:none;align-items:center;gap:2px;height:32px;padding:2px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.window-controls{background:color-mix(in oklch,var(--bg-elev-1) 86%,transparent)}}.window-controls{box-shadow:var(--shadow-sm);-webkit-app-region:no-drag}.root-window-controls{z-index:1000;position:fixed;top:6px;right:6px}.window-control{border-radius:var(--r-sm);width:34px;height:28px;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;place-items:center;transition:background .12s,color .12s;display:grid}.window-control:hover{color:var(--fg);background:var(--bg-elev-2)}.window-control.close:hover{color:#fff;background:#df202e}html[data-mini-player] .window-controls{display:none}.replay-hero{background:radial-gradient(900px 400px at 110% -20%,var(--accent),transparent 60%),linear-gradient(140deg,var(--accent),var(--bg-elev-2) 60%,var(--bg-elev-3))}@supports (color:color-mix(in lab,red,red)){.replay-hero{background:radial-gradient(900px 400px at 110% -20%,color-mix(in oklch,var(--accent) 28%,transparent),transparent 60%),linear-gradient(140deg,color-mix(in oklch,var(--accent) 14%,var(--bg-elev-2)),var(--bg-elev-2) 60%,var(--bg-elev-3))}}.replay-hero-art{background:var(--bg-inset);place-items:center;display:grid}.replay-collage{background:#0006;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2px;display:grid;position:absolute;top:0;right:0;bottom:0;left:0}.replay-collage-cell{background-position:50%;background-size:cover;background-color:var(--bg-inset)}.period-pills{flex-wrap:wrap;gap:6px;display:flex}.period-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg-elev-1);color:var(--fg-muted);font:inherit;cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12px;transition:background .12s,color .12s,border-color .12s}.period-pill:hover{background:var(--bg-elev-2);color:var(--fg)}.period-pill.active{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.period-pill.active{background:color-mix(in oklch,var(--accent) 22%,var(--bg-elev-2))}}.period-pill.active{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.period-pill.active{border-color:color-mix(in oklch,var(--accent) 55%,var(--border))}}.period-pill.active{color:var(--fg);box-shadow:inset 0 0 0 1px var(--accent)}@supports (color:color-mix(in lab,red,red)){.period-pill.active{box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--accent) 30%,transparent)}}.period-pill:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.stat-grid{background:var(--border);border:1px solid var(--border);border-radius:var(--r-md);grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}@media (max-width:900px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:420px){.stat-grid{grid-template-columns:1fr}}.stat-card{background:var(--bg-elev-1);gap:4px;min-width:0;padding:16px 18px;display:grid}.stat-card-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-subtle);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.stat-card-value{letter-spacing:-.02em;color:var(--fg);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:28px;font-weight:600}.stat-card-sub{color:var(--fg-muted);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.replay-shelf{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-flow:row;grid-auto-columns:initial;scroll-snap-type:none;padding-bottom:0;display:grid;overflow:visible}.replay-shelf .card{cursor:default}.replay-rank{font-family:var(--font-mono);letter-spacing:.04em;font-variant-numeric:tabular-nums;color:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 6px;font-size:10px;display:inline-flex;position:absolute;top:6px;left:6px}.activity-chart{height:140px;padding:8px 0 28px;position:relative}.activity-bars{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(--accent)}@supports (color:color-mix(in lab,red,red)){.activity-bar{background:color-mix(in oklch,var(--accent) 70%,transparent)}}.activity-bar{border-radius:2px 2px 0 0;min-height:2px}.activity-col:hover .activity-bar{background:var(--accent)}.activity-chart:after{content:"";background:var(--border);pointer-events:none;height:1px;position:absolute;bottom:28px;left:0;right:0}.activity-tick{font-family:var(--font-mono);color:var(--fg-subtle);white-space:nowrap;font-size:10px;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.activity-empty{text-align:center;color:var(--fg-muted);background:var(--bg-elev-1);border-radius:var(--r-md);padding:28px;font-size:12.5px}.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(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.genre-bar-track{background:var(--bg-elev-2);border-radius:999px;height:8px;overflow:hidden}.genre-bar-fill{background:linear-gradient(90deg,var(--accent),var(--accent));height:100%}@supports (color:color-mix(in lab,red,red)){.genre-bar-fill{background:linear-gradient(90deg,color-mix(in oklch,var(--accent) 60%,transparent),var(--accent))}}.genre-bar-fill{border-radius:999px}.genre-count{color:var(--fg-subtle);text-align:right;font-variant-numeric:tabular-nums;font-size:11px}.table .col-extra,.table .col-plays{text-align:right;width:64px;font-family:var(--font-mono);color:var(--fg-muted);font-variant-numeric:tabular-nums;font-size:11px}.table thead .col-extra,.table thead .col-plays{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-subtle);font-size:10px}@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-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-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}@keyframes spin{to{transform:rotate(360deg)}}@keyframes heart-pop{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}