:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: #f8f7f4;--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.-bottom-16{bottom:-4rem}.-bottom-8{bottom:-2rem}.-left-1{left:-.25rem}.-top-1{top:-.25rem}.-top-96{top:-24rem}.bottom-0{bottom:0}.bottom-2{bottom:.5rem}.bottom-28{bottom:7rem}.bottom-4{bottom:1rem}.bottom-44{bottom:11rem}.left-0{left:0}.left-1\/3{left:33.333333%}.left-2{left:.5rem}.left-4{left:1rem}.right-0{right:0}.right-5{right:1.25rem}.top-0{top:0}.top-1\/2{top:50%}.top-\[-31rem\]{top:-31rem}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.m-72{margin:18rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0\.5{margin-top:.125rem;margin-bottom:.125rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mr-6{margin-right:1.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1\/2{height:50%}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-96{height:24rem}.h-\[250px\]{height:250px}.h-\[31rem\]{height:31rem}.h-full{height:100%}.h-screen{height:100vh}.max-h-20{max-height:5rem}.min-h-0{min-height:0px}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-14{width:3.5rem}.w-16{width:4rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-4{width:1rem}.w-44{width:11rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-72{min-width:18rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-y-0{--tw-scale-y: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.space-x-1\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.375rem * var(--tw-space-x-reverse));margin-left:calc(.375rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-xl{border-radius:.75rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\[3\.5px\]{border-width:3.5px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#6e6e96\]{--tw-border-opacity: 1;border-color:rgb(110 110 150 / var(--tw-border-opacity))}.border-amber-400{--tw-border-opacity: 1;border-color:rgb(251 191 36 / var(--tw-border-opacity))}.border-emerald-400{--tw-border-opacity: 1;border-color:rgb(52 211 153 / var(--tw-border-opacity))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.border-orange-300{--tw-border-opacity: 1;border-color:rgb(253 186 116 / var(--tw-border-opacity))}.border-slate-400{--tw-border-opacity: 1;border-color:rgb(148 163 184 / var(--tw-border-opacity))}.border-transparent{border-color:transparent}.\!bg-transparent{background-color:transparent!important}.bg-\[\#D94E1F\]{--tw-bg-opacity: 1;background-color:rgb(217 78 31 / var(--tw-bg-opacity))}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity))}.bg-amber-200{--tw-bg-opacity: 1;background-color:rgb(253 230 138 / var(--tw-bg-opacity))}.bg-amber-300{--tw-bg-opacity: 1;background-color:rgb(252 211 77 / var(--tw-bg-opacity))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-black\/40{background-color:#0006}.bg-black\/50{background-color:#00000080}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.bg-emerald-50{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.bg-gray-900\/95{background-color:#111827f2}.bg-orange-300{--tw-bg-opacity: 1;background-color:rgb(253 186 116 / var(--tw-bg-opacity))}.bg-orange-400{--tw-bg-opacity: 1;background-color:rgb(251 146 60 / var(--tw-bg-opacity))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity))}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity))}.bg-purple-600\/80{background-color:#9333eacc}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.bg-slate-200{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity))}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.bg-slate-500{--tw-bg-opacity: 1;background-color:rgb(100 116 139 / var(--tw-bg-opacity))}.bg-stone-300{--tw-bg-opacity: 1;background-color:rgb(214 211 209 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-zinc-200{--tw-bg-opacity: 1;background-color:rgb(228 228 231 / var(--tw-bg-opacity))}.bg-opacity-50{--tw-bg-opacity: .5}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\[\#6dd9d1\]{--tw-gradient-from: #6dd9d1 var(--tw-gradient-from-position);--tw-gradient-to: rgb(109 217 209 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-stone-400{--tw-gradient-from: #a8a29e var(--tw-gradient-from-position);--tw-gradient-to: rgb(168 162 158 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-\[\#fca269\]{--tw-gradient-to: #fca269 var(--tw-gradient-to-position)}.to-slate-600{--tw-gradient-to: #475569 var(--tw-gradient-to-position)}.bg-clip-content{background-clip:content-box}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-14{padding-left:3.5rem;padding-right:3.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-px{padding-left:1px;padding-right:1px}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-3{padding-bottom:.75rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-11{padding-left:2.75rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.indent-8{text-indent:2rem}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-5xl{font-size:3rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.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)}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.tracking-wide{letter-spacing:.025em}.text-\[\#C4411A\]{--tw-text-opacity: 1;color:rgb(196 65 26 / var(--tw-text-opacity))}.text-\[\#D94E1F\]{--tw-text-opacity: 1;color:rgb(217 78 31 / var(--tw-text-opacity))}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity))}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.text-cyan-400{--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity))}.text-emerald-700{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity))}.text-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity))}.text-purple-300{--tw-text-opacity: 1;color:rgb(216 180 254 / var(--tw-text-opacity))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity))}.text-stone-600{--tw-text-opacity: 1;color:rgb(87 83 78 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-white\/80{color:#fffc}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.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)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.delay-200{transition-delay:.2s}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}a{text-decoration:none;color:inherit}@media (min-width: 1024px){body{display:flex;place-items:center}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;height:100vh;width:100vw}}.hover\:top-0:hover{top:0}.hover\:z-20:hover{z-index:20}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-gray-200:hover{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.hover\:border-gray-300:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.hover\:bg-\[\#C4411A\]:hover{--tw-bg-opacity: 1;background-color:rgb(196 65 26 / var(--tw-bg-opacity))}.hover\:bg-\[\#ffa3b7\]:hover{--tw-bg-opacity: 1;background-color:rgb(255 163 183 / var(--tw-bg-opacity))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.hover\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.hover\:bg-green-400:hover{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity))}.hover\:bg-orange-500:hover{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity))}.hover\:bg-orange-600:hover{--tw-bg-opacity: 1;background-color:rgb(234 88 12 / var(--tw-bg-opacity))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.hover\:text-amber-900:hover{--tw-text-opacity: 1;color:rgb(120 53 15 / var(--tw-text-opacity))}.hover\:text-blue-700:hover{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.hover\:text-gray-800:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.hover\:text-gray-900:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow:hover{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:drop-shadow-xl:hover{--tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / .03)) drop-shadow(0 8px 5px rgb(0 0 0 / .08));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)}.focus\:border-orange-300:focus{--tw-border-opacity: 1;border-color:rgb(253 186 116 / var(--tw-border-opacity))}.focus\:border-transparent:focus{border-color:transparent}.focus\:text-gray-700:focus{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity))}.focus\:ring-gray-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity))}.focus\:ring-orange-200:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(254 215 170 / var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.active\:bg-slate-100:active{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.active\:shadow-inner:active{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:-bottom-8{bottom:-2rem}.group:hover .group-hover\:scale-y-0{--tw-scale-y: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 640px){.sm\:inline{display:inline}.sm\:px-3{padding-left:.75rem;padding-right:.75rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-16{padding-top:4rem;padding-bottom:4rem}.sm\:py-8{padding-top:2rem;padding-bottom:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}}@media (min-width: 768px){.md\:m-8{margin:2rem}.md\:ml-4{margin-left:1rem}.md\:mt-8{margin-top:2rem}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-\[300px\]{height:300px}.md\:w-1\/2{width:50%}.md\:min-w-\[400px\]{min-width:400px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:gap-0{gap:0px}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-4{padding-top:1rem;padding-bottom:1rem}.md\:pr-4{padding-right:1rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width: 1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media (prefers-color-scheme: dark){.dark\:border-gray-500{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity))}.dark\:border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.dark\:bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.dark\:bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.dark\:text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity))}.dark\:text-gray-100{--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity))}.dark\:text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.dark\:hover\:border-gray-500:hover{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity))}.dark\:hover\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.dark\:hover\:bg-gray-800:hover{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}}.fade-enter-active[data-v-b1b422f9],.fade-leave-active[data-v-b1b422f9]{transition:opacity .2s ease}.fade-enter-from[data-v-b1b422f9],.fade-leave-to[data-v-b1b422f9]{opacity:0}.fade-enter-active .progress-dialog[data-v-b1b422f9],.fade-leave-active .progress-dialog[data-v-b1b422f9]{transition:transform .2s ease,opacity .2s ease}.fade-enter-from .progress-dialog[data-v-b1b422f9],.fade-leave-to .progress-dialog[data-v-b1b422f9]{transform:scale(.95);opacity:0}.progress-dialog[data-v-b1b422f9]{position:relative;border-radius:16px;padding:20px;max-width:320px;width:100%;margin:16px;border:1px solid rgba(255,255,255,.35);background:#f8f7f4d9;box-shadow:0 16px 40px -30px #0f172a40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dialog-header[data-v-b1b422f9]{display:flex;align-items:center;gap:14px;margin-bottom:16px}.vinyl-container[data-v-b1b422f9]{flex-shrink:0}.vinyl[data-v-b1b422f9]{width:44px;height:44px;background:conic-gradient(from 0deg,#1a1a1a,#333,#1a1a1a,#333,#1a1a1a,#333,#1a1a1a,#333,#1a1a1a,#333,#1a1a1a,#333,#1a1a1a 360deg);border-radius:50%;animation:spin-b1b422f9 2s linear infinite;position:relative;box-shadow:0 4px 12px #0000004d}.vinyl-label[data-v-b1b422f9]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:linear-gradient(135deg,#22c55e,#4ade80);border-radius:50%}.vinyl-center[data-v-b1b422f9]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:5px;height:5px;background:#f8f7f4;border-radius:50%}@keyframes spin-b1b422f9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header-text[data-v-b1b422f9]{flex:1;min-width:0}.dialog-title[data-v-b1b422f9]{font-size:15px;font-weight:600;color:#1e293b;margin:0 0 3px}.dialog-message[data-v-b1b422f9]{font-size:12px;color:#6b7280;margin:0}.progress-section[data-v-b1b422f9]{margin-bottom:12px}.progress-bar[data-v-b1b422f9]{height:6px;background:#00000014;border-radius:3px;overflow:hidden;position:relative}.progress-fill[data-v-b1b422f9]{height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:3px;transition:width .3s ease-out;position:relative}.progress-fill.completed[data-v-b1b422f9]{background:linear-gradient(90deg,#22c55e,#4ade80)}.progress-fill[data-v-b1b422f9]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shine-b1b422f9 2s ease-in-out infinite}@keyframes shine-b1b422f9{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-fill.completed[data-v-b1b422f9]:after{animation:none}.progress-info[data-v-b1b422f9]{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.progress-percent[data-v-b1b422f9]{display:flex;align-items:baseline;gap:2px}.percent-value[data-v-b1b422f9]{font-size:22px;font-weight:700;color:#22c55e;font-variant-numeric:tabular-nums}.percent-value.completed[data-v-b1b422f9]{color:#22c55e}.percent-sign[data-v-b1b422f9]{font-size:13px;color:#6b7280}.progress-time[data-v-b1b422f9]{display:flex;align-items:center;gap:5px;color:#6b7280}.time-icon[data-v-b1b422f9]{width:13px;height:13px}.time-text[data-v-b1b422f9]{font-size:12px;font-variant-numeric:tabular-nums}.fade-enter-active[data-v-847b3c6e],.fade-leave-active[data-v-847b3c6e]{transition:opacity .2s ease}.fade-enter-from[data-v-847b3c6e],.fade-leave-to[data-v-847b3c6e]{opacity:0}.fade-enter-active .dialog-container[data-v-847b3c6e],.fade-leave-active .dialog-container[data-v-847b3c6e]{transition:transform .2s ease,opacity .2s ease}.fade-enter-from .dialog-container[data-v-847b3c6e],.fade-leave-to .dialog-container[data-v-847b3c6e]{transform:scale(.95);opacity:0}.dialog-container[data-v-847b3c6e]{position:relative;display:flex;flex-direction:column;overflow:hidden;width:520px;max-width:calc(100vw - 32px);border-radius:20px;border:1px solid rgba(0,0,0,.06);background:#faf6ee;box-shadow:0 20px 50px -20px #0f172a33}.dialog-header[data-v-847b3c6e]{z-index:10;width:100%;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid rgba(0,0,0,.06)}.dialog-header-left[data-v-847b3c6e]{display:flex;align-items:center;gap:8px;min-width:0}.header-icon[data-v-847b3c6e]{width:20px;height:20px;color:#f97316;flex-shrink:0}.dialog-title[data-v-847b3c6e]{font-size:15px;font-weight:700;color:#1e293b;letter-spacing:-.01em}.close-btn[data-v-847b3c6e]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;padding:0;border-radius:8px;background:transparent;border:none;color:#9ca3af;cursor:pointer;transition:all .15s ease}.close-btn[data-v-847b3c6e]:hover{background:#0000000f;color:#6b7280}.close-btn[data-v-847b3c6e]:active{transform:scale(.95)}.dialog-body[data-v-847b3c6e]{display:flex;flex:1;overflow:hidden}.sidebar[data-v-847b3c6e]{width:130px;flex-shrink:0;display:flex;flex-direction:column;gap:16px;padding:16px 10px;background:#faf6ee;border-right:1px solid rgba(0,0,0,.06)}.sidebar-group[data-v-847b3c6e]{display:flex;flex-direction:column;gap:2px}.sidebar-heading[data-v-847b3c6e]{font-size:10px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;padding:0 8px;margin-bottom:4px}.menu-item[data-v-847b3c6e]{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border-radius:8px;background:transparent;border:none;cursor:pointer;transition:all .15s ease;text-align:left}.menu-item[data-v-847b3c6e]:hover{background:#f5efe4;color:#374151}.menu-item.active[data-v-847b3c6e]{background:#fff0e0;color:#ea580c}.menu-icon[data-v-847b3c6e]{width:16px;height:16px;color:#9ca3af;flex-shrink:0;transition:color .15s}.menu-item:hover .menu-icon[data-v-847b3c6e]{color:#6b7280}.menu-item.active .menu-icon[data-v-847b3c6e]{color:#ea580c}.menu-text[data-v-847b3c6e]{font-size:12px;font-weight:500;color:#6b7280;white-space:nowrap;transition:color .15s}.menu-item:hover .menu-text[data-v-847b3c6e]{color:#374151}.menu-item.active .menu-text[data-v-847b3c6e]{color:#ea580c;font-weight:600}.content-area[data-v-847b3c6e]{flex:1;min-width:0;overflow-y:auto;max-height:min(78vh,520px);background:#fff}.content-area[data-v-847b3c6e]::-webkit-scrollbar{width:6px}.content-area[data-v-847b3c6e]::-webkit-scrollbar-track{background:transparent}.content-area[data-v-847b3c6e]::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.content-area[data-v-847b3c6e]::-webkit-scrollbar-thumb:hover{background:#0003}.panel[data-v-847b3c6e]{display:flex;flex-direction:column;gap:10px;padding:20px 20px 16px}.panel-title[data-v-847b3c6e]{font-size:14px;font-weight:700;color:#111827;letter-spacing:-.01em}.panel-desc[data-v-847b3c6e]{font-size:12px;color:#6b7280;line-height:1.6;margin:0}.section-divider[data-v-847b3c6e]{flex-shrink:0;width:100%;height:1px;margin:0;background:#f3f4f6;border:none}.color-scheme-list[data-v-847b3c6e]{display:flex;flex-direction:column;gap:6px}.color-scheme-card[data-v-847b3c6e]{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:10px;background:#fafaf9;border:1px solid #f3f4f6;cursor:pointer;transition:all .15s ease;text-align:left}.color-scheme-card[data-v-847b3c6e]:hover{background:#fff;border-color:#e5e7eb;box-shadow:0 1px 3px #0000000a}.color-scheme-card.selected[data-v-847b3c6e]{background:#fff7ed;border-color:#fed7aa}.color-preview[data-v-847b3c6e]{display:flex;gap:4px;flex-shrink:0}.color-dot[data-v-847b3c6e]{width:20px;height:20px;border-radius:6px}.color-info[data-v-847b3c6e]{flex:1;min-width:0}.color-name[data-v-847b3c6e]{font-size:13px;font-weight:500;color:#1f2937}.color-desc[data-v-847b3c6e]{font-size:11px;color:#9ca3af;margin-top:1px}.check-indicator[data-v-847b3c6e]{width:20px;height:20px;border-radius:50%;background:#f97316;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stats-bar[data-v-847b3c6e]{display:flex;align-items:center;justify-content:space-between;padding:12px 0;margin-top:4px;border-top:1px solid #f3f4f6}.stat-item[data-v-847b3c6e]{flex:1;text-align:center}.stat-item.highlight .stat-value[data-v-847b3c6e]{color:#f97316}.stat-value[data-v-847b3c6e]{font-size:16px;font-weight:700;color:#111827}.stat-label[data-v-847b3c6e]{font-size:10px;color:#9ca3af;margin-top:2px}.stat-divider[data-v-847b3c6e]{width:1px;height:28px;background:#f3f4f6}.slider-item[data-v-847b3c6e]{display:flex;flex-direction:column;gap:4px}.slider-item.collapsible[data-v-847b3c6e]{padding-left:12px;border-left:2px solid #fed7aa;margin-top:4px}.slider-header[data-v-847b3c6e]{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.slider-label[data-v-847b3c6e]{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#374151}.label-icon[data-v-847b3c6e]{width:14px;height:14px;opacity:.6}.slider-value[data-v-847b3c6e]{min-width:44px;padding:2px 6px;border-radius:6px;background:#f3f4f6;font-size:12px;font-weight:600;color:#6b7280;text-align:right}.slider-track-wrapper[data-v-847b3c6e]{position:relative;padding:8px 0}.slider-track[data-v-847b3c6e]{position:relative;width:100%;height:6px;background:#e5e7eb;border-radius:3px}.slider-fill[data-v-847b3c6e]{position:absolute;height:100%;background:#f97316;border-radius:3px;pointer-events:none;transition:width .1s ease}.slider-fill.secondary[data-v-847b3c6e]{background:#0ea5e9}.slider-input[data-v-847b3c6e]{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer;margin:0;z-index:2}.slider-input[data-v-847b3c6e]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 2px 6px #00000026;cursor:grab;position:relative;z-index:10;margin-top:-6px}.slider-input[data-v-847b3c6e]::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider-input[data-v-847b3c6e]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.1)}.slider-input[data-v-847b3c6e]::-moz-range-thumb{width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 2px 6px #00000026;cursor:grab;border:none}.slider-help[data-v-847b3c6e]{font-size:11px;color:#9ca3af;margin:2px 0 0;line-height:1.5}.toggle-item[data-v-847b3c6e]{display:flex;flex-direction:column;gap:4px;padding:8px 0}.toggle-header[data-v-847b3c6e]{display:flex;align-items:center;justify-content:space-between;gap:10px}.toggle-label[data-v-847b3c6e]{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#374151}.toggle-help[data-v-847b3c6e]{font-size:11px;color:#9ca3af;margin:0;line-height:1.5}.toggle-switch[data-v-847b3c6e]{position:relative;width:40px;height:22px;border-radius:11px;background:#d1d5db;border:none;cursor:pointer;transition:all .2s ease;flex-shrink:0}.toggle-switch[data-v-847b3c6e]:hover{background:#9ca3af}.toggle-switch.active[data-v-847b3c6e]{background:#f97316}.toggle-thumb[data-v-847b3c6e]{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000026;transition:all .2s ease;pointer-events:none}.toggle-switch.active .toggle-thumb[data-v-847b3c6e]{transform:translate(18px)}.track-list[data-v-847b3c6e]{display:flex;flex-direction:column;gap:4px}.track-item[data-v-847b3c6e]{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#fafaf9;border:1px solid #f3f4f6;cursor:pointer;transition:all .15s}.track-item[data-v-847b3c6e]:hover{background:#fff;border-color:#e5e7eb}.track-color[data-v-847b3c6e]{width:24px;height:24px;border-radius:6px;flex-shrink:0}.track-info[data-v-847b3c6e]{flex:1;min-width:0}.track-name[data-v-847b3c6e]{font-size:13px;font-weight:600;color:#1f2937}.track-desc[data-v-847b3c6e]{font-size:11px;color:#9ca3af;margin-top:1px}.action-buttons[data-v-847b3c6e]{display:flex;gap:8px}.action-btn[data-v-847b3c6e]{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.action-btn[data-v-847b3c6e]:active{transform:scale(.97)}.action-btn.secondary[data-v-847b3c6e]{background:#fff7ed;color:#ea580c}.action-btn.secondary[data-v-847b3c6e]:hover{background:#ffedd5}.btn-icon[data-v-847b3c6e]{width:14px;height:14px}.account-card[data-v-847b3c6e]{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:#fafaf9;border:1px solid #f3f4f6}.account-avatar[data-v-847b3c6e]{width:40px;height:40px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.avatar-img[data-v-847b3c6e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder[data-v-847b3c6e]{width:20px;height:20px;color:#9ca3af}.account-meta[data-v-847b3c6e]{flex:1;min-width:0}.account-name[data-v-847b3c6e]{font-size:13px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-email[data-v-847b3c6e]{font-size:11px;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.account-badge[data-v-847b3c6e]{display:inline-block;font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px;margin-top:4px}.account-badge.pro[data-v-847b3c6e]{background:#fef3c7;color:#92400e}.account-badge.free[data-v-847b3c6e]{background:#f3f4f6;color:#6b7280}.account-action-btn[data-v-847b3c6e]{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border-radius:10px;border:1px solid #f3f4f6;background:#fafaf9;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .15s ease}.account-action-btn[data-v-847b3c6e]:hover{background:#fff;border-color:#e5e7eb}.account-action-btn[data-v-847b3c6e]:active{transform:scale(.98)}.account-action-btn .btn-chevron[data-v-847b3c6e]{margin-left:auto;width:12px;height:12px;color:#d1d5db}.account-action-btn.logout[data-v-847b3c6e]{color:#dc2626}.account-action-btn.logout[data-v-847b3c6e]:hover{background:#fef2f2;border-color:#fecaca}.account-action-btn.login[data-v-847b3c6e]{justify-content:center;background:#fff7ed;border-color:#fed7aa;color:#ea580c;font-weight:600}.account-action-btn.login[data-v-847b3c6e]:hover{background:#ffedd5}.fade-enter-active[data-v-23439f6d],.fade-leave-active[data-v-23439f6d]{transition:opacity .2s ease}.fade-enter-from[data-v-23439f6d],.fade-leave-to[data-v-23439f6d]{opacity:0}.fade-enter-active .dialog-container[data-v-23439f6d],.fade-leave-active .dialog-container[data-v-23439f6d]{transition:transform .2s ease,opacity .2s ease}.fade-enter-from .dialog-container[data-v-23439f6d],.fade-leave-to .dialog-container[data-v-23439f6d]{transform:scale(.95);opacity:0}.dialog-container[data-v-23439f6d]{position:relative;display:flex;flex-direction:column;overflow:hidden;width:520px;max-width:calc(100vw - 32px);border-radius:16px;border:1px solid rgba(255,255,255,.35);background:#f8f7f4eb;box-shadow:0 16px 40px -30px #0f172a40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dialog-header[data-v-23439f6d]{z-index:10;width:100%;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.08)}.dialog-header-left[data-v-23439f6d]{display:flex;align-items:center;gap:8px;min-width:0}.header-icon[data-v-23439f6d]{width:20px;height:20px;color:#f59e0b;flex-shrink:0}.dialog-title[data-v-23439f6d]{font-size:14px;font-weight:600;color:#1e293b}.close-btn[data-v-23439f6d]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:8px;background:transparent;border:none;color:#6b7280;cursor:pointer;transition:all .15s ease}.close-btn[data-v-23439f6d]:hover{background:#0000000d;color:#374151}.dialog-body[data-v-23439f6d]{display:flex;flex-direction:row;gap:10px;padding:14px}.mode-card[data-v-23439f6d]{position:relative;display:flex;flex-direction:column;gap:6px;flex:1;min-width:0;padding:14px 12px;border-radius:12px;background:#fff9;border:1.5px solid rgba(0,0,0,.06);cursor:pointer;transition:all .2s ease}.mode-card[data-v-23439f6d]:hover{background:#fffffff2}.mode-card.selected[data-v-23439f6d]{border-color:#f59e0b}.mode-card.pro.selected[data-v-23439f6d]{border-color:#06b6d4}.mode-badge[data-v-23439f6d]{position:absolute;top:10px;right:10px;padding:2px 8px;border-radius:6px;font-size:10px;font-weight:600}.mode-badge.free[data-v-23439f6d]{background:#22c55e26;color:#166534}.mode-badge.pro-badge[data-v-23439f6d]{background:#06b6d426;color:#0e7490}.mode-icon[data-v-23439f6d]{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.mode-icon.local[data-v-23439f6d]{background:#22c55e1f;color:#22c55e}.mode-icon.pro-icon[data-v-23439f6d]{background:#06b6d41f;color:#06b6d4}.mode-icon svg[data-v-23439f6d]{width:20px;height:20px}.mode-info[data-v-23439f6d]{margin-top:2px}.mode-name[data-v-23439f6d]{font-size:14px;font-weight:600;color:#1e293b}.mode-desc[data-v-23439f6d]{font-size:11px;color:#6b7280;margin-top:2px}.mode-features[data-v-23439f6d]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:3px}.mode-features li[data-v-23439f6d]{font-size:11px;color:#4b5563;padding-left:12px;position:relative}.mode-features li[data-v-23439f6d]:before{content:"";position:absolute;left:0;top:5px;width:5px;height:5px;border-radius:50%;background:#d1d5db}.mode-card.pro .mode-features li[data-v-23439f6d]:before{background:#06b6d4}.mode-btn[data-v-23439f6d]{margin-top:4px;width:100%;height:32px;border-radius:8px;font-size:12px;font-weight:600;border:none;cursor:pointer;transition:all .15s ease}.mode-btn.local-btn[data-v-23439f6d]{background:#22c55e26;color:#166534}.mode-btn.local-btn[data-v-23439f6d]:hover{background:#22c55e40}.mode-btn.pro-btn[data-v-23439f6d]{background:#06b6d426;color:#0e7490}.mode-btn.pro-btn[data-v-23439f6d]:hover{background:#06b6d440}.mode-btn[data-v-23439f6d]:active{transform:scale(.97)}.quota-hint[data-v-23439f6d]{font-size:11px;color:#9ca3af;text-align:center;margin-top:2px}.quota-link[data-v-23439f6d]{color:#f59e0b;font-weight:600;text-decoration:none}.quota-link[data-v-23439f6d]:hover{text-decoration:underline}.fade-enter-active[data-v-0adcf02b],.fade-leave-active[data-v-0adcf02b]{transition:opacity .2s ease}.fade-enter-from[data-v-0adcf02b],.fade-leave-to[data-v-0adcf02b]{opacity:0}.fade-enter-active .dialog-container[data-v-0adcf02b],.fade-leave-active .dialog-container[data-v-0adcf02b]{transition:transform .2s ease,opacity .2s ease}.fade-enter-from .dialog-container[data-v-0adcf02b],.fade-leave-to .dialog-container[data-v-0adcf02b]{transform:scale(.95);opacity:0}.dialog-container[data-v-0adcf02b]{position:relative;display:flex;flex-direction:column;overflow:hidden;width:360px;max-width:calc(100vw - 32px);border-radius:16px;border:1px solid rgba(255,255,255,.35);background:#f8f7f4eb;box-shadow:0 16px 40px -30px #0f172a40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dialog-header[data-v-0adcf02b]{z-index:10;width:100%;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.08)}.dialog-header-left[data-v-0adcf02b]{display:flex;align-items:center;gap:8px;min-width:0}.header-icon-wrap[data-v-0adcf02b]{width:28px;height:28px;border-radius:8px;background:#06b6d41f;display:flex;align-items:center;justify-content:center}.header-icon[data-v-0adcf02b]{width:16px;height:16px;color:#06b6d4}.dialog-title[data-v-0adcf02b]{font-size:14px;font-weight:600;color:#1e293b}.close-btn[data-v-0adcf02b]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:8px;background:transparent;border:none;color:#6b7280;cursor:pointer;transition:all .15s ease}.close-btn[data-v-0adcf02b]:hover{background:#0000000d}.dialog-body[data-v-0adcf02b]{display:flex;flex-direction:column;gap:14px;padding:16px}.login-desc[data-v-0adcf02b]{font-size:12px;color:#6b7280;margin:0}.input-group[data-v-0adcf02b]{display:flex;flex-direction:column;gap:6px}.input-label[data-v-0adcf02b]{font-size:12px;font-weight:600;color:#374151}.input-row[data-v-0adcf02b]{display:flex;gap:8px}.input-field[data-v-0adcf02b]{flex:1;height:36px;padding:0 12px;border-radius:8px;border:1.5px solid rgba(0,0,0,.1);background:#ffffffb3;font-size:13px;color:#1e293b;outline:none;transition:border-color .15s}.input-field[data-v-0adcf02b]:focus{border-color:#06b6d4}.input-field[data-v-0adcf02b]:disabled{opacity:.5}.send-code-btn[data-v-0adcf02b]{flex-shrink:0;height:36px;padding:0 14px;border-radius:8px;background:#06b6d41f;border:none;font-size:12px;font-weight:600;color:#0e7490;cursor:pointer;transition:all .15s;white-space:nowrap}.send-code-btn[data-v-0adcf02b]:hover:not(:disabled){background:#06b6d438}.send-code-btn[data-v-0adcf02b]:disabled{opacity:.5;cursor:not-allowed}.otp-inputs[data-v-0adcf02b]{display:flex;gap:6px}.otp-input[data-v-0adcf02b]{width:44px;height:44px;border-radius:10px;border:1.5px solid rgba(0,0,0,.1);background:#ffffffb3;text-align:center;font-size:18px;font-weight:700;color:#1e293b;outline:none;transition:border-color .15s}.otp-input[data-v-0adcf02b]:focus{border-color:#06b6d4}.otp-input[data-v-0adcf02b]:disabled{opacity:.5}.error-msg[data-v-0adcf02b]{font-size:12px;color:#ef4444;padding:6px 10px;border-radius:6px;background:#ef444414}.login-btn[data-v-0adcf02b]{width:100%;height:40px;border-radius:10px;background:#06b6d4;border:none;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px}.login-btn[data-v-0adcf02b]:hover:not(:disabled){background:#0891b2}.login-btn[data-v-0adcf02b]:disabled{opacity:.5;cursor:not-allowed}.login-btn[data-v-0adcf02b]:active:not(:disabled){transform:scale(.97)}.spinner[data-v-0adcf02b]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-0adcf02b .6s linear infinite}@keyframes spin-0adcf02b{to{transform:rotate(360deg)}}.fade-enter-active[data-v-fcb1a945],.fade-leave-active[data-v-fcb1a945]{transition:opacity .2s ease}.fade-enter-from[data-v-fcb1a945],.fade-leave-to[data-v-fcb1a945]{opacity:0}.fade-enter-active .dialog-container[data-v-fcb1a945],.fade-leave-active .dialog-container[data-v-fcb1a945]{transition:transform .2s ease,opacity .2s ease}.fade-enter-from .dialog-container[data-v-fcb1a945],.fade-leave-to .dialog-container[data-v-fcb1a945]{transform:scale(.95);opacity:0}.dialog-container[data-v-fcb1a945]{position:relative;display:flex;flex-direction:column;overflow:hidden;width:340px;max-width:calc(100vw - 32px);border-radius:16px;border:1px solid rgba(255,255,255,.35);background:#f8f7f4eb;box-shadow:0 16px 40px -30px #0f172a40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dialog-header[data-v-fcb1a945]{z-index:10;width:100%;flex-shrink:0;display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.08)}.dialog-header-left[data-v-fcb1a945]{display:flex;align-items:center;gap:8px}.header-icon-wrap[data-v-fcb1a945]{width:28px;height:28px;border-radius:8px;background:#06b6d41f;display:flex;align-items:center;justify-content:center}.header-icon[data-v-fcb1a945]{width:16px;height:16px;color:#06b6d4}.dialog-title[data-v-fcb1a945]{font-size:14px;font-weight:600;color:#1e293b}.dialog-body[data-v-fcb1a945]{display:flex;flex-direction:column;gap:14px;padding:16px}.progress-section[data-v-fcb1a945]{display:flex;flex-direction:column;gap:8px}.stage-label[data-v-fcb1a945]{font-size:13px;font-weight:500;color:#374151}.progress-track[data-v-fcb1a945]{position:relative;width:100%;height:8px;border-radius:4px;background:#00000014;overflow:hidden}.progress-fill[data-v-fcb1a945]{height:100%;border-radius:4px;background:linear-gradient(90deg,#06b6d4,#22d3ee);transition:width .5s ease;position:relative;overflow:hidden}.progress-shine[data-v-fcb1a945]{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shine-fcb1a945 2s ease infinite}@keyframes shine-fcb1a945{0%{left:-100%}to{left:100%}}.progress-percent[data-v-fcb1a945]{font-size:12px;font-weight:600;color:#06b6d4;text-align:right}.time-info[data-v-fcb1a945]{font-size:12px;color:#6b7280;text-align:center}.action-buttons[data-v-fcb1a945]{display:flex;gap:8px}.background-btn[data-v-fcb1a945]{flex:1;height:34px;border-radius:8px;background:#06b6d41a;border:none;font-size:12px;font-weight:500;color:#06b6d4;cursor:pointer;transition:all .15s}.background-btn[data-v-fcb1a945]:hover{background:#06b6d42e}.background-btn[data-v-fcb1a945]:active{transform:scale(.97)}.status-msg[data-v-fcb1a945]{text-align:center;font-size:13px;font-weight:600;padding:8px;border-radius:8px}.status-msg.success[data-v-fcb1a945]{background:#22c55e1a;color:#166534}.status-msg.failed[data-v-fcb1a945]{background:#ef44441a;color:#dc2626}.close-btn[data-v-fcb1a945]{width:100%;height:34px;border-radius:8px;background:#0000000f;border:none;font-size:12px;font-weight:500;color:#374151;cursor:pointer;transition:all .15s}.close-btn[data-v-fcb1a945]:hover{background:#0000001a}.close-btn[data-v-fcb1a945]:active{transform:scale(.97)}.fade-enter-active[data-v-a77a20a8],.fade-leave-active[data-v-a77a20a8]{transition:opacity .2s ease}.fade-enter-from[data-v-a77a20a8],.fade-leave-to[data-v-a77a20a8]{opacity:0}.fade-enter-active .dialog-container[data-v-a77a20a8],.fade-leave-active .dialog-container[data-v-a77a20a8]{transition:transform .2s ease,opacity .2s ease}.fade-enter-from .dialog-container[data-v-a77a20a8],.fade-leave-to .dialog-container[data-v-a77a20a8]{transform:scale(.95);opacity:0}.dialog-container[data-v-a77a20a8]{position:relative;display:flex;flex-direction:column;overflow:hidden;width:400px;max-width:calc(100vw - 32px);border-radius:16px;border:1px solid rgba(255,255,255,.35);background:#f8f7f4eb;box-shadow:0 16px 40px -30px #0f172a40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dialog-header[data-v-a77a20a8]{z-index:10;width:100%;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.08)}.dialog-header-left[data-v-a77a20a8]{display:flex;align-items:center;gap:8px}.header-icon[data-v-a77a20a8]{width:20px;height:20px;color:#f59e0b}.dialog-title[data-v-a77a20a8]{font-size:14px;font-weight:600;color:#1e293b}.close-btn[data-v-a77a20a8]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:8px;background:transparent;border:none;color:#6b7280;cursor:pointer}.close-btn[data-v-a77a20a8]:hover{background:#0000000d}.dialog-body[data-v-a77a20a8]{display:flex;flex-direction:column;gap:10px;padding:14px}.quota-info[data-v-a77a20a8]{font-size:13px;color:#374151;margin:0}.quota-hint[data-v-a77a20a8]{font-size:12px;color:#6b7280;margin:0}.project-list[data-v-a77a20a8]{max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.project-list[data-v-a77a20a8]::-webkit-scrollbar{width:5px}.project-list[data-v-a77a20a8]::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}.project-item[data-v-a77a20a8]{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:#ffffff80;border:1px solid rgba(0,0,0,.04);cursor:pointer;transition:all .15s}.project-item[data-v-a77a20a8]:hover{background:#fffc}.project-item.selected[data-v-a77a20a8]{background:#ef44440f;border-color:#ef444433}.project-checkbox[data-v-a77a20a8]{width:18px;height:18px;border-radius:4px;border:1.5px solid rgba(0,0,0,.2);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s}.project-item.selected .project-checkbox[data-v-a77a20a8]{background:#ef4444;border-color:#ef4444}.check-icon[data-v-a77a20a8]{width:12px;height:12px;color:#fff}.project-info[data-v-a77a20a8]{flex:1;min-width:0}.project-name[data-v-a77a20a8]{font-size:13px;font-weight:500;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-date[data-v-a77a20a8]{font-size:11px;color:#9ca3af}.delete-btn[data-v-a77a20a8]{width:28px;height:28px;border-radius:6px;background:transparent;border:none;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.delete-btn[data-v-a77a20a8]:hover{background:#ef44441a;color:#ef4444}.action-bar[data-v-a77a20a8]{display:flex;flex-direction:column;gap:10px;padding-top:8px;border-top:1px solid rgba(0,0,0,.06)}.selection-info[data-v-a77a20a8]{font-size:12px;color:#6b7280}.action-buttons[data-v-a77a20a8]{display:flex;gap:8px}.action-btn[data-v-a77a20a8]{flex:1;height:34px;border-radius:8px;font-size:12px;font-weight:600;border:none;cursor:pointer;transition:all .15s}.action-btn[data-v-a77a20a8]:active{transform:scale(.97)}.action-btn.cancel[data-v-a77a20a8]{background:#0000000f;color:#6b7280}.action-btn.cancel[data-v-a77a20a8]:hover{background:#0000001a}.action-btn.confirm[data-v-a77a20a8]{background:#06b6d426;color:#0e7490}.action-btn.confirm[data-v-a77a20a8]:hover{background:#06b6d440}.action-btn.confirm[data-v-a77a20a8]:disabled{opacity:.5;cursor:not-allowed}.fade-enter-active[data-v-51fa14dd],.fade-leave-active[data-v-51fa14dd]{transition:opacity .2s ease}.fade-enter-from[data-v-51fa14dd],.fade-leave-to[data-v-51fa14dd]{opacity:0}.fade-enter-active .dialog-container[data-v-51fa14dd],.fade-leave-active .dialog-container[data-v-51fa14dd]{transition:transform .2s ease,opacity .2s ease}.fade-enter-from .dialog-container[data-v-51fa14dd],.fade-leave-to .dialog-container[data-v-51fa14dd]{transform:scale(.95);opacity:0}.dialog-container[data-v-51fa14dd]{position:relative;display:flex;flex-direction:column;overflow:hidden;width:380px;max-width:calc(100vw - 32px);border-radius:16px;border:1px solid rgba(255,255,255,.35);background:#f8f7f4eb;box-shadow:0 16px 40px -30px #0f172a40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dialog-header[data-v-51fa14dd]{z-index:10;width:100%;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.08)}.dialog-header-left[data-v-51fa14dd]{display:flex;align-items:center;gap:8px;min-width:0}.header-icon[data-v-51fa14dd]{width:20px;height:20px;color:#f59e0b;flex-shrink:0}.dialog-title[data-v-51fa14dd]{font-size:14px;font-weight:600;color:#1e293b}.close-btn[data-v-51fa14dd]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:8px;background:transparent;border:none;color:#6b7280;cursor:pointer;transition:all .15s ease}.close-btn[data-v-51fa14dd]:hover{background:#0000000d;color:#374151}.dialog-body[data-v-51fa14dd]{display:flex;flex-direction:column;gap:14px;padding:16px}.info-text[data-v-51fa14dd]{font-size:13px;color:#4b5563;line-height:1.7}.info-text p[data-v-51fa14dd]{margin:0}.info-text p+p[data-v-51fa14dd]{margin-top:6px}.info-text strong[data-v-51fa14dd]{color:#1e293b}.quota-visual[data-v-51fa14dd]{display:flex;flex-direction:column;gap:6px}.quota-bar-track[data-v-51fa14dd]{width:100%;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.quota-bar-fill[data-v-51fa14dd]{height:100%;border-radius:3px;transition:width .3s ease}.quota-bar-fill.used[data-v-51fa14dd]{background:#ef4444}.quota-label[data-v-51fa14dd]{font-size:11px;color:#9ca3af}.action-buttons[data-v-51fa14dd]{display:flex;gap:8px}.action-btn[data-v-51fa14dd]{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 16px;border-radius:10px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .15s ease}.action-btn[data-v-51fa14dd]:active{transform:scale(.97)}.action-btn.cancel[data-v-51fa14dd]{background:#0000000d;color:#6b7280}.action-btn.cancel[data-v-51fa14dd]:hover{background:#00000014}.action-btn.confirm[data-v-51fa14dd]{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}.action-btn.confirm[data-v-51fa14dd]:hover{opacity:.9}.btn-icon[data-v-51fa14dd]{width:16px;height:16px}.empty-guide[data-v-3d8b1208]{position:absolute;top:50%;left:50%;transform-origin:center;margin-left:-120px;margin-top:-60px;width:240px;text-align:center;cursor:pointer;padding:24px 20px;border-radius:16px;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffd9c4;box-shadow:0 8px 24px #d94e1f1a;transition:all .3s ease;z-index:5}.empty-guide[data-v-3d8b1208]:hover{transform:rotateX(180deg) scale(1.04);box-shadow:0 12px 32px #d94e1f2e}.empty-guide-staff[data-v-3d8b1208]{width:100%;max-width:280px;background:linear-gradient(135deg,#fefcf8,#f8f0e3);border-radius:10px;overflow:hidden;border:1px solid #e8d5be;margin-bottom:12px}.empty-guide-staff svg[data-v-3d8b1208]{display:block;width:100%;height:auto}.empty-staff-notes[data-v-3d8b1208]{animation:notesFadeIn-3d8b1208 1s ease forwards;opacity:0}@keyframes notesFadeIn-3d8b1208{0%{opacity:0}to{opacity:1}}.empty-guide-title[data-v-3d8b1208]{font-size:15px;font-weight:700;color:#d94e1f;margin:0 0 4px}.empty-guide-sub[data-v-3d8b1208]{font-size:12px;color:#999;margin:0}h3[data-v-3d8b1208]{margin:40px 0 0}ul[data-v-3d8b1208]{list-style-type:none;padding:0}li[data-v-3d8b1208]{display:inline-block;margin:0 10px}a[data-v-3d8b1208]{color:#42b983}.key-black[data-v-3d8b1208]{width:7.14%}.key-black[data-v-3d8b1208]:hover{background-color:#ccc}.key-white[data-v-3d8b1208]{width:14.28%}.key-white[data-v-3d8b1208]:first-child:hover{background-color:#ccc}.key-active[data-v-3d8b1208]{background:linear-gradient(to bottom,#fbbf24,#f59e0b)!important}.key-active>div[data-v-3d8b1208]{background:linear-gradient(to bottom,#fef3c7,#fcd34d)!important}.key-black-active[data-v-3d8b1208]{background:linear-gradient(to bottom,#f59e0b,#d97706)!important}.hover-state[data-v-3d8b1208]{top:0!important;z-index:20!important}.fade-enter-active[data-v-3d8b1208],.fade-leave-active[data-v-3d8b1208]{transition:opacity .3s ease}.fade-enter-from[data-v-3d8b1208],.fade-leave-to[data-v-3d8b1208]{opacity:0}.fade-enter-active .relative[data-v-3d8b1208],.fade-leave-active .relative[data-v-3d8b1208]{transition:transform .3s ease,opacity .3s ease}.fade-enter-from .relative[data-v-3d8b1208],.fade-leave-to .relative[data-v-3d8b1208]{transform:scale(.95);opacity:0}.tooltip-enter-active[data-v-3d8b1208],.tooltip-leave-active[data-v-3d8b1208]{transition:opacity .2s ease}.tooltip-enter-from[data-v-3d8b1208],.tooltip-leave-to[data-v-3d8b1208]{opacity:0}.status-badge[data-v-3d8b1208]{font-size:10px;padding:1px 6px;border-radius:8px;font-weight:500;white-space:nowrap;flex-shrink:0}.status-badge.analyzing[data-v-3d8b1208]{background:#fef3c7;color:#92400e}.status-badge.completed[data-v-3d8b1208]{background:#d1fae5;color:#065f46}.status-badge.failed[data-v-3d8b1208]{background:#fee2e2;color:#991b1b}.status-badge.pending[data-v-3d8b1208]{background:#e5e7eb;color:#374151}.analysis-done-banner[data-v-3d8b1208]{position:fixed;top:16px;right:16px;z-index:60;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;border:1px solid rgba(5,150,105,.2);box-shadow:0 8px 24px #0000001f;padding:10px 14px;max-width:340px}.banner-content[data-v-3d8b1208]{display:flex;align-items:center;gap:8px}.banner-icon[data-v-3d8b1208]{width:18px;height:18px;color:#059669;flex-shrink:0}.banner-text[data-v-3d8b1208]{font-size:13px;font-weight:500;color:#1e293b;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner-view-btn[data-v-3d8b1208]{padding:3px 12px;font-size:12px;font-weight:600;color:#fff;background:#f59e0b;border:none;border-radius:6px;cursor:pointer;transition:all .15s;flex-shrink:0}.banner-view-btn[data-v-3d8b1208]:hover{background:#d97706}.banner-view-btn[data-v-3d8b1208]:active{transform:scale(.97)}.banner-close-btn[data-v-3d8b1208]{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#9ca3af;background:none;border:none;cursor:pointer;border-radius:4px;transition:all .15s;flex-shrink:0}.banner-close-btn[data-v-3d8b1208]:hover{background:#0000000f;color:#374151}.slide-down-enter-active[data-v-3d8b1208],.slide-down-leave-active[data-v-3d8b1208]{transition:all .35s ease}.slide-down-enter-from[data-v-3d8b1208],.slide-down-leave-to[data-v-3d8b1208]{opacity:0;transform:translateY(-20px)}.pitch-demo[data-v-2e7d239d]{width:100%;height:100%;cursor:pointer}.demo-container[data-v-2e7d239d]{width:100%;height:100%;display:flex;flex-direction:column;background:#1a1a2e;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000004d}.note-canvas[data-v-2e7d239d]{flex:1;width:100%;min-height:0}.piano-keyboard[data-v-2e7d239d]{height:25%;display:flex;position:relative;padding:0;background:linear-gradient(to bottom,#f5f5f5,#e0e0e0)}.white-key[data-v-2e7d239d]{height:100%;background:linear-gradient(to bottom,#f5f5f5,#e0e0e0);border-radius:0 0 4px 4px;transition:background .1s ease;border-right:1px solid #bbb;box-sizing:border-box}.white-key[data-v-2e7d239d]:last-child{border-right:none}.white-key.active[data-v-2e7d239d]{background:linear-gradient(to bottom,gold,#ffb700);box-shadow:0 0 10px #ffd70080}.black-key[data-v-2e7d239d]{position:absolute;height:60%;background:linear-gradient(to bottom,#333,#111);border-radius:0 0 3px 3px;z-index:2;transition:background .1s ease}.black-key.active[data-v-2e7d239d]{background:linear-gradient(to bottom,#ff8c00,#f60);box-shadow:0 0 10px #ff8c0080}body{font-family:Arial,sans-serif;margin:0;padding:0;color:#333}.container{max-width:1100px;margin:0 auto;padding:20px}header{text-align:center;margin-bottom:40px}header h1{font-size:2.5rem;color:#d94e1f}header p{font-size:1.2rem;color:#666}section{margin-bottom:40px}h2{font-size:1.8rem;color:#d94e1f;margin-bottom:10px}ul{list-style-type:disc;padding-left:20px}footer{text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid #ffd9c4;color:#888}.demo-song-section{margin-bottom:40px}.demo-song-card{display:flex;flex-direction:column;align-items:center;gap:24px;background:linear-gradient(135deg,#fff7f0,#fff);border:1px solid #ffd9c4;border-radius:16px;padding:24px;margin-top:16px}@media (min-width: 768px){.demo-song-card{flex-direction:row}.demo-song-info{flex:1}}.demo-song-info{text-align:left}.demo-song-preview{width:100%;max-width:280px;flex-shrink:0}.note-preview{position:relative;width:100%;height:140px;background:#1a1a2e;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #00000026}.staff-preview{width:100%;background:linear-gradient(135deg,#fefcf8,#f8f0e3);border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #5a3e2b1f;border:1px solid #e8d5be}.staff-preview svg{display:block;width:100%;height:auto}.staff-notes{animation:notesFadeIn 1s ease forwards;opacity:0}@keyframes notesFadeIn{0%{opacity:0}to{opacity:1}}.waveform-canvas[data-v-1b24bdb6]{background:#f3f4f6;border-radius:0;transition:all .3s ease}.waveform-canvas{background:#f3f4f6;border-radius:8px;transition:all .3s ease}.profile-card[data-v-2e071f35]{background:#fff;border-radius:16px;padding:20px;border:1px solid #f3f4f6}.profile-display[data-v-2e071f35]{display:flex;align-items:center;gap:16px}.profile-meta[data-v-2e071f35]{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.profile-name[data-v-2e071f35]{font-size:17px;font-weight:600;color:#1e293b;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-email[data-v-2e071f35]{font-size:13px;color:#9ca3af;margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-btn[data-v-2e071f35]{flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:500;color:#ea580c;background:#fff7ed;border-radius:10px;border:none;cursor:pointer;transition:all .15s}.edit-btn[data-v-2e071f35]:hover{background:#ffedd5}.edit-btn[data-v-2e071f35]:active{transform:scale(.97)}.avatar-ring[data-v-2e071f35]{width:56px;height:56px;border-radius:50%;padding:2px;background:linear-gradient(135deg,#f97316,#f59e0b);flex-shrink:0}.avatar-inner[data-v-2e071f35]{width:100%;height:100%;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.plan-badge[data-v-2e071f35]{font-size:10px;font-weight:700;padding:2px 8px;border-radius:6px;display:inline-block}.plan-info-card[data-v-2e071f35]{background:#fff;border-radius:14px;padding:16px;border:1px solid #f3f4f6;display:flex;flex-direction:column;gap:10px}.plan-info-row[data-v-2e071f35]{display:flex;align-items:center;justify-content:space-between}.plan-info-label[data-v-2e071f35]{font-size:13px;color:#6b7280}.plan-info-value[data-v-2e071f35]{font-size:13px;color:#374151;display:flex;align-items:center;gap:6px}.plan-info-value.expired[data-v-2e071f35]{color:#ef4444}.expired-tag[data-v-2e071f35]{font-size:10px;padding:1px 6px;border-radius:4px;background:#fef2f2;color:#dc2626;font-weight:600}.upgrade-link[data-v-2e071f35]{font-size:12px;color:#ea580c;font-weight:600;text-decoration:none}.upgrade-link[data-v-2e071f35]:hover{text-decoration:underline}.section-title[data-v-2e071f35]{font-size:10px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.stats-grid[data-v-2e071f35]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat-card[data-v-2e071f35]{text-align:center;padding:16px 8px;border-radius:14px;background:#fff;border:1px solid #f3f4f6}.stat-value[data-v-2e071f35]{font-size:24px;font-weight:700;color:#111827}.stat-label[data-v-2e071f35]{font-size:11px;color:#9ca3af;margin-top:2px}.progress-track[data-v-2e071f35]{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.progress-fill[data-v-2e071f35]{height:100%;border-radius:3px;transition:width .5s ease}.upgrade-tip[data-v-2e071f35]{display:block;font-size:12px;color:#92400e;background:#fef3c7;border-radius:10px;padding:8px 12px;text-align:center;text-decoration:none;cursor:pointer;transition:background .15s}.upgrade-tip[data-v-2e071f35]:hover{background:#fde68a}.tab-btn[data-v-2e071f35]{padding:4px 14px;border-radius:8px;font-size:12px;font-weight:500;color:#9ca3af;background:transparent;border:none;cursor:pointer;transition:all .15s}.tab-btn.active[data-v-2e071f35]{background:#fff;color:#ea580c;font-weight:600;box-shadow:0 1px 3px #0000000f}.song-item[data-v-2e071f35]{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:#fff;border:1px solid #f3f4f6;transition:all .15s}.song-item[data-v-2e071f35]:hover{border-color:#e5e7eb;box-shadow:0 1px 3px #0000000a}.song-icon[data-v-2e071f35]{width:32px;height:32px;border-radius:8px;background:#fff7ed;color:#f97316;display:flex;align-items:center;justify-content:center;flex-shrink:0}.song-tag[data-v-2e071f35]{font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px}.song-tag.local[data-v-2e071f35]{background:#dcfce7;color:#166534}.song-tag.cloud[data-v-2e071f35]{background:#e0f2fe;color:#075985}.song-btn[data-v-2e071f35]{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;border:none;cursor:pointer;transition:all .15s}.song-btn.open[data-v-2e071f35]{background:#fff7ed;color:#ea580c}.song-btn.open[data-v-2e071f35]:hover{background:#ffedd5}.song-analyzing[data-v-2e071f35]{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;background:#eff6ff;color:#2563eb;font-size:12px;font-weight:500}.song-btn.delete[data-v-2e071f35]{background:#fef2f2;color:#dc2626}.song-btn.delete[data-v-2e071f35]:hover{background:#fee2e2}.action-row[data-v-2e071f35]{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border-radius:12px;background:#fff;border:1px solid #f3f4f6;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .15s}.action-row[data-v-2e071f35]:hover{border-color:#e5e7eb;box-shadow:0 1px 3px #0000000a}.action-row.danger[data-v-2e071f35]{color:#dc2626}.action-row.danger[data-v-2e071f35]:hover{background:#fef2f2;border-color:#fecaca}.dialog-box[data-v-2e071f35]{background:#fff;border-radius:20px;padding:24px;max-width:360px;width:calc(100% - 32px);box-shadow:0 20px 50px -20px #0f172a33}.nav-link[data-v-1acc375c]{display:flex;align-items:center;border-radius:.375rem;padding:.375rem .625rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.nav-link[data-v-1acc375c]:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.nav-link.active[data-v-1acc375c]{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity))}.mobile-nav-link[data-v-1acc375c]{display:flex;align-items:center;border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.mobile-nav-link[data-v-1acc375c]:hover{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(120 53 15 / var(--tw-text-opacity))}.mobile-nav-link.active[data-v-1acc375c]{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity))}.login-btn[data-v-1acc375c]{display:inline-flex;align-items:center;padding:4px 14px;border-radius:8px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .15s ease;white-space:nowrap}.login-btn[data-v-1acc375c]:hover{opacity:.9;transform:scale(1.02)}.login-btn[data-v-1acc375c]:active{transform:scale(.97)}[data-notivue=success],[data-notivue=promise-resolve]{--nv-bg: var(--nv-success-bg);--nv-fg: var(--nv-success-fg);--nv-accent: var(--nv-success-accent, var(--nv-global-accent));--nv-border: var(--nv-success-border)}[data-notivue=error],[data-notivue=promise-reject]{--nv-bg: var(--nv-error-bg);--nv-fg: var(--nv-error-fg);--nv-accent: var(--nv-error-accent, var(--nv-global-accent));--nv-border: var(--nv-error-border)}[data-notivue=warning]{--nv-bg: var(--nv-warning-bg);--nv-fg: var(--nv-warning-fg);--nv-accent: var(--nv-warning-accent, var(--nv-global-accent));--nv-border: var(--nv-warning-border)}[data-notivue=info]{--nv-bg: var(--nv-info-bg);--nv-fg: var(--nv-info-fg);--nv-accent: var(--nv-info-accent, var(--nv-global-accent));--nv-border: var(--nv-info-border)}[data-notivue=promise]{--nv-bg: var(--nv-promise-bg);--nv-fg: var(--nv-promise-fg);--nv-accent: var(--nv-promise-accent, var(--nv-global-accent));--nv-border: var(--nv-promise-border)}.Notivue__notification{--tip-width: calc(var(--tip-width-fx, 1) * var(--nv-tip-width, 0px));box-sizing:border-box;position:relative;width:var(--nv-min-width, auto);max-width:var(--nv-width, 100%);background-color:var(--nv-bg, var(--nv-global-bg));display:flex;align-items:var(--nv-y-align);border-radius:var(--nv-radius, 0);border:var(--nv-border-width, 0) solid var(--nv-border, var(--nv-global-border));box-shadow:var(--nv-shadow, 0 0 rgba(0, 0, 0, 0)),inset var(--tip-width) 0 0 var(--nv-accent)}.Notivue__notification *{box-sizing:border-box;touch-action:manipulation}.Notivue__notification[data-notivue-has-title=true]{align-items:var(--nv-y-align-has-title, var(--nv-y-align))}.Notivue__icon{display:flex;justify-content:center;align-items:center;overflow:visible;min-width:var(--nv-icon-size);width:var(--nv-icon-size);height:var(--nv-icon-size);margin:var(--nv-spacing) 0 var(--nv-spacing) var(--nv-spacing);color:var(--nv-accent)}.Notivue__content{--nv-content-space: calc(var(--nv-spacing) + var(--nv-spacing) * .15);display:flex;flex-direction:column;flex-grow:1;text-align:inherit;padding:var(--nv-content-space)}.Notivue__content-title{line-height:1.15;font-weight:700;color:var(--nv-fg, var(--nv-global-fg));font-size:var(--nv-title-size);margin:0 0 .33em;padding:0}.Notivue__transition-enter-active{--dur-easing: .5s cubic-bezier(.16, 1, .3, 1);transition:opacity var(--dur-easing),transform var(--dur-easing)}@media (prefers-reduced-motion: reduce){.Notivue__transition-enter-active{transition:none}}.Notivue__transition-enter-from{opacity:0;transform:scale(.8)}.Notivue__transition-enter-to{opacity:1;transform:scale(1)}.Notivue__transition-leave-active{transition:opacity 0ms ease}.Notivue__transition-leave-from,.Notivue__transition-leave-to{opacity:0}.Notivue__content-message{max-height:250px;overflow:auto;line-height:1.375;color:var(--nv-fg, var(--nv-global-fg));margin:0;padding:0;font-size:var(--nv-message-size);white-space:pre-line}.Notivue__close{position:relative;cursor:pointer;padding:calc(var(--nv-spacing) / 2);margin:var(--nv-spacing) var(--nv-spacing) var(--nv-spacing) 0;font-weight:700;border:none;background:none;line-height:1;font-size:var(--nv-message-size);color:var(--nv-fg, var(--nv-global-fg));-webkit-tap-highlight-color:rgba(0,0,0,0)}.Notivue__close:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:var(--nv-fg, var(--nv-global-fg));opacity:0;border-radius:calc(var(--nv-radius) / 2);transition:opacity .1s ease-out}@media (hover: hover){.Notivue__close:hover{opacity:1}.Notivue__close:hover:after{opacity:.1}.Notivue__close:hover .Notivue__close-icon{opacity:1}}.Notivue__close-icon{width:var(--nv-icon-size);height:var(--nv-icon-size);display:flex;color:var(--nv-fg, var(--nv-global-fg));pointer-events:none;opacity:.65}.Notivue__spinner{transform-origin:center;animation:Notivue__spinner-kf .75s infinite linear}@keyframes Notivue__spinner-kf{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.Notivue__spinner,.Notivue__duplicate{animation:none}}[dir=rtl] .Notivue__notification{--tip-width-fx: -1}[dir=rtl] .Notivue__icon{margin:var(--nv-spacing) var(--nv-spacing) var(--nv-spacing) 0}[dir=rtl] .Notivue__content-message{font-size:calc(var(--nv-message-size) + .1em)}[dir=rtl] .Notivue__content-title{font-size:calc(var(--nv-title-size) + .1em)}[dir=rtl] .Notivue__close{margin:var(--nv-spacing) 0 var(--nv-spacing) var(--nv-spacing)}.Notivue__duplicate{animation:Notivue__duplicate-kf .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes Notivue__duplicate-kf{0%{transform:scale(1);opacity:1}50%{transform:scale(1.035);opacity:.8}to{transform:scale(1);opacity:1}}[data-notivue-align=top] .Notivue__enter,[data-notivue-align=top] .Notivue__leave{--notivue-ty: -200%}[data-notivue-align=bottom] .Notivue__enter,[data-notivue-align=bottom] .Notivue__leave{--notivue-ty: 200%}.Notivue__enter{animation:Notivue__enter-kf .35s cubic-bezier(.5,1,.25,1)}.Notivue__leave{animation:Notivue__leave-kf .35s ease}.Notivue__clearAll{animation:Notivue__clearAll-kf .5s cubic-bezier(.22,1,.36,1)}@keyframes Notivue__enter-kf{0%{transform:translate3d(0,var(--notivue-ty),0) scale(.25);opacity:0}to{transform:translateZ(0) scale(1);opacity:1}}@keyframes Notivue__leave-kf{0%{transform:translateZ(0) scale(1);opacity:.7}to{transform:translate3d(0,var(--notivue-ty),0) scale(0);opacity:0}}@keyframes Notivue__clearAll-kf{0%{opacity:1}to{opacity:0}}