*,: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:JetBrains Mono,Fira Code,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}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.right-3{right:.75rem}.top-0{top:0}.top-10{top:2.5rem}.top-3{top:.75rem}.z-0{z-index:0}.z-10{z-index:10}.z-\[1100\]{z-index:1100}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.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}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-2\.5{height:.625rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.min-h-\[calc\(100vh-64px\)\]{min-height:calc(100vh - 64px)}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2\.5{width:.625rem}.w-32{width:8rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-\[1em\]{width:1em}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[1\.5rem\]{min-width:1.5rem}.min-w-\[2\.5rem\]{min-width:2.5rem}.min-w-\[36px\]{min-width:36px}.min-w-\[4rem\]{min-width:4rem}.min-w-\[5\.5rem\]{min-width:5.5rem}.min-w-\[6rem\]{min-width:6rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.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))}.rotate-90{--tw-rotate: 90deg;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))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-move{cursor:move}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.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-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.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-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))}.self-center{align-self:center}.self-stretch{align-self:stretch}.overflow-y-auto{overflow-y:auto}.whitespace-pre{white-space:pre}.break-words{overflow-wrap:break-word}.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-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-\[\#fb923c\]{--tw-border-opacity: 1;border-color:rgb(251 146 60 / var(--tw-border-opacity, 1))}.border-amber-500{--tw-border-opacity: 1;border-color:rgb(245 158 11 / var(--tw-border-opacity, 1))}.border-amber-500\/30{border-color:#f59e0b4d}.border-amber-500\/40{border-color:#f59e0b66}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-blue-300{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.border-blue-800{--tw-border-opacity: 1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1))}.border-current{border-color:currentColor}.border-cyan-200{--tw-border-opacity: 1;border-color:rgb(165 243 252 / var(--tw-border-opacity, 1))}.border-cyan-300{--tw-border-opacity: 1;border-color:rgb(103 232 249 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-green-300{--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))}.border-green-800{--tw-border-opacity: 1;border-color:rgb(22 101 52 / var(--tw-border-opacity, 1))}.border-indigo-200{--tw-border-opacity: 1;border-color:rgb(199 210 254 / var(--tw-border-opacity, 1))}.border-indigo-300{--tw-border-opacity: 1;border-color:rgb(165 180 252 / var(--tw-border-opacity, 1))}.border-orange-200{--tw-border-opacity: 1;border-color:rgb(254 215 170 / var(--tw-border-opacity, 1))}.border-orange-300{--tw-border-opacity: 1;border-color:rgb(253 186 116 / var(--tw-border-opacity, 1))}.border-pink-200{--tw-border-opacity: 1;border-color:rgb(251 207 232 / var(--tw-border-opacity, 1))}.border-pink-300{--tw-border-opacity: 1;border-color:rgb(249 168 212 / var(--tw-border-opacity, 1))}.border-primary-400{--tw-border-opacity: 1;border-color:rgb(240 146 53 / var(--tw-border-opacity, 1))}.border-purple-200{--tw-border-opacity: 1;border-color:rgb(233 213 255 / var(--tw-border-opacity, 1))}.border-purple-300{--tw-border-opacity: 1;border-color:rgb(216 180 254 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-red-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.border-red-800{--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity, 1))}.border-slate-500\/50{border-color:#64748b80}.border-white\/15{border-color:#ffffff26}.border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}.border-yellow-300{--tw-border-opacity: 1;border-color:rgb(253 224 71 / var(--tw-border-opacity, 1))}.border-zinc-700{--tw-border-opacity: 1;border-color:rgb(63 63 70 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-amber-500\/10{background-color:#f59e0b1a}.bg-black\/40{background-color:#0006}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-900\/30{background-color:#1e3a8a4d}.bg-cyan-100{--tw-bg-opacity: 1;background-color:rgb(207 250 254 / var(--tw-bg-opacity, 1))}.bg-cyan-50{--tw-bg-opacity: 1;background-color:rgb(236 254 255 / var(--tw-bg-opacity, 1))}.bg-emerald-100{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.bg-fuchsia-100{--tw-bg-opacity: 1;background-color:rgb(250 232 255 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-green-900\/30{background-color:#14532d4d}.bg-indigo-100{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}.bg-indigo-50{--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))}.bg-lime-100{--tw-bg-opacity: 1;background-color:rgb(236 252 203 / var(--tw-bg-opacity, 1))}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-pink-100{--tw-bg-opacity: 1;background-color:rgb(252 231 243 / var(--tw-bg-opacity, 1))}.bg-pink-50{--tw-bg-opacity: 1;background-color:rgb(253 242 248 / var(--tw-bg-opacity, 1))}.bg-primary-100{--tw-bg-opacity: 1;background-color:rgb(252 236 211 / var(--tw-bg-opacity, 1))}.bg-primary-600{--tw-bg-opacity: 1;background-color:rgb(221 89 10 / var(--tw-bg-opacity, 1))}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-900\/30{background-color:#7f1d1d4d}.bg-red-950\/50{background-color:#450a0a80}.bg-rose-100{--tw-bg-opacity: 1;background-color:rgb(255 228 230 / var(--tw-bg-opacity, 1))}.bg-sky-100{--tw-bg-opacity: 1;background-color:rgb(224 242 254 / var(--tw-bg-opacity, 1))}.bg-slate-900\/65{background-color:#0f172aa6}.bg-teal-100{--tw-bg-opacity: 1;background-color:rgb(204 251 241 / var(--tw-bg-opacity, 1))}.bg-violet-100{--tw-bg-opacity: 1;background-color:rgb(237 233 254 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.bg-zinc-800{--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1))}.fill-red-500{fill:#ef4444}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-12{padding:3rem}.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-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-6{padding-left:1.5rem;padding-right:1.5rem}.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-12{padding-top:3rem;padding-bottom:3rem}.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}.pb-4{padding-bottom:1rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pr-1{padding-right:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:JetBrains Mono,Fira Code,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.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-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.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-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-amber-800{--tw-text-opacity: 1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-cyan-400{--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.text-cyan-500{--tw-text-opacity: 1;color:rgb(6 182 212 / var(--tw-text-opacity, 1))}.text-cyan-700{--tw-text-opacity: 1;color:rgb(14 116 144 / var(--tw-text-opacity, 1))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-emerald-500{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.text-fuchsia-600{--tw-text-opacity: 1;color:rgb(192 38 211 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-indigo-400{--tw-text-opacity: 1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}.text-indigo-500{--tw-text-opacity: 1;color:rgb(99 102 241 / var(--tw-text-opacity, 1))}.text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.text-indigo-700{--tw-text-opacity: 1;color:rgb(67 56 202 / var(--tw-text-opacity, 1))}.text-lime-600{--tw-text-opacity: 1;color:rgb(101 163 13 / var(--tw-text-opacity, 1))}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.text-orange-700{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.text-pink-500{--tw-text-opacity: 1;color:rgb(236 72 153 / var(--tw-text-opacity, 1))}.text-pink-700{--tw-text-opacity: 1;color:rgb(190 24 93 / var(--tw-text-opacity, 1))}.text-primary-600{--tw-text-opacity: 1;color:rgb(221 89 10 / var(--tw-text-opacity, 1))}.text-primary-700{--tw-text-opacity: 1;color:rgb(183 64 11 / var(--tw-text-opacity, 1))}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-rose-500{--tw-text-opacity: 1;color:rgb(244 63 94 / var(--tw-text-opacity, 1))}.text-sky-400{--tw-text-opacity: 1;color:rgb(56 189 248 / var(--tw-text-opacity, 1))}.text-sky-500{--tw-text-opacity: 1;color:rgb(14 165 233 / var(--tw-text-opacity, 1))}.text-slate-100{--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}.text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-teal-400{--tw-text-opacity: 1;color:rgb(45 212 191 / var(--tw-text-opacity, 1))}.text-teal-500{--tw-text-opacity: 1;color:rgb(20 184 166 / var(--tw-text-opacity, 1))}.text-transparent{color:transparent}.text-violet-600{--tw-text-opacity: 1;color:rgb(124 58 237 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.text-zinc-400{--tw-text-opacity: 1;color:rgb(161 161 170 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.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-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-black\/20{--tw-shadow-color: rgb(0 0 0 / .2);--tw-shadow: var(--tw-shadow-colored)}.outline{outline-style:solid}.\!ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important}.ring{--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(3px + 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)}.ring-2{--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)}.ring-primary-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(236 117 20 / var(--tw-ring-opacity, 1))}.ring-offset-1{--tw-ring-offset-width: 1px}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));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)}.grayscale{--tw-grayscale: grayscale(100%);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)}.sepia{--tw-sepia: sepia(100%);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)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,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-opacity{transition-property:opacity;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}.duration-150{transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]),textarea,select{background-color:var(--bg);color:var(--fg)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--fg-muted)}input::placeholder,textarea::placeholder{color:var(--fg-muted)}:root,[data-theme=light],[data-theme=sepia]{color-scheme:light}[data-theme=dark]{color-scheme:dark}:root,[data-theme=light]{--bg: #ffffff;--sheet-bg: #fafafa;--bg-soft: #f4f4f5;--fg: #18181b;--fg-muted: #71717a;--fg-faint: #a1a1aa;--chord: #0e7490;--chord-hover: #155e75;--bar-line: #d4d4d8;--section-tag: #6366f1;--section-tag-bg: #eef2ff;--nav-grad-from: #1c1917;--nav-grad-to: #292524;--card: #ffffff;--card-border: #e4e4e7;--accent: #6366f1;--accent-2: #84cc16;--chord-active-fg: #ffffff;--btn-primary-fg: #ffffff}[data-theme=sepia]{--bg: #faf3e0;--sheet-bg: #f5ecd9;--bg-soft: #efe5cd;--fg: #3a2e1f;--fg-muted: #6b5a44;--fg-faint: #998871;--chord: #8b4513;--chord-hover: #b45a0e;--bar-line: #b89a6e;--section-tag: #92400e;--section-tag-bg: #fef3c7;--nav-grad-from: #92400e;--nav-grad-to: #b45309;--card: #faf3e0;--card-border: #d6c79a;--accent: #b45309;--accent-2: #0f7d4a;--chord-active-fg: #ffffff;--btn-primary-fg: #ffffff}[data-theme=dark]{--bg: #09090b;--sheet-bg: #18181b;--bg-soft: #1f1f23;--fg: #fafafa;--fg-muted: #a1a1aa;--fg-faint: #71717a;--chord: #38bdf8;--chord-hover: #0ea5e9;--bar-line: #404040;--section-tag: #fbbf24;--section-tag-bg: #422006;--nav-grad-from: #18181b;--nav-grad-to: #27272a;--card: #18181b;--card-border: #27272a;--accent: #f59e0b;--accent-2: #22d3ee;--chord-active-fg: #09090b;--btn-primary-fg: #09090b}[data-perf=on] .header-nav,[data-perf=on] .sheet-toolbar__row--utility,[data-perf=on] .sheet-meta,[data-perf=on] .sheet-aside,[data-perf=on] .site-footer{display:none!important}[data-perf=on] .sheet-toolbar{position:fixed;bottom:0;top:auto;left:0;right:0;border-top:1px solid var(--card-border);border-bottom:none;z-index:50}[data-perf=on] .sheet-toolbar__row{padding-block:4px}body{font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;background-color:var(--bg);color:var(--fg)}.header-nav{background:linear-gradient(90deg,var(--nav-grad-from),var(--nav-grad-to));color:#fff}.header-nav a,.header-nav button{color:#fff}.header-nav__link{padding:.5rem 1rem;font-weight:500;border-radius:.375rem;transition:background-color .15s}.header-nav__link:hover{background:#ffffff1f}.header-nav__link.is-active{background:#fff3}.search-suggest{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--card, #fff);color:var(--fg);border:1px solid var(--card-border);border-radius:6px;box-shadow:0 8px 24px #0000002e;max-height:420px;overflow-y:auto;z-index:50;font-size:13px}.search-suggest__empty{padding:12px 14px;color:var(--fg-muted);font-size:12px}.search-suggest__group+.search-suggest__group{border-top:1px solid var(--card-border)}.search-suggest__label{padding:6px 12px 4px;font-size:11px;font-weight:700;letter-spacing:.05em;color:#fb923c;text-transform:uppercase;background:#fb923c0f}.search-suggest__item{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:8px 12px;background:transparent;border:none;cursor:pointer;text-align:left;color:var(--fg-muted);gap:2px}.search-suggest__item:hover{background:#fb923c1a}.search-suggest__primary{font-weight:600;color:var(--fg)}.search-suggest__meta{font-size:11px;color:var(--fg-faint)}.search-suggest__snippet{font-size:12px;color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.search-results__group-title{font-size:.95rem;font-weight:600;color:var(--fg-muted);margin:0 0 .6rem;letter-spacing:.04em;display:flex;align-items:center;gap:8px}.search-results__count{display:inline-block;padding:1px 8px;font-size:11px;font-weight:500;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:999px}.search-results__row{display:flex;flex-direction:column;padding:8px 12px;background:var(--card);border:1px solid var(--card-border);border-radius:6px;text-decoration:none;color:var(--fg);transition:background .12s,border-color .12s}.search-results__row:hover{background:color-mix(in srgb,var(--accent) 8%,var(--card));border-color:var(--accent)}.search-results__row-primary{font-size:14px;font-weight:500;color:var(--fg)}.search-results__row-meta{font-size:12px;color:var(--fg-muted);margin-top:2px}.search-results__row-snippet{font-size:12px;color:var(--fg-muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-results__artist-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--card);border:1px solid var(--card-border);border-radius:999px;cursor:pointer;color:var(--fg);font-family:inherit;font-size:13px}.search-results__artist-chip:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.search-results__artist-chip:hover .search-results__artist-count{color:#fffc}.search-results__artist-name{font-weight:600}.search-results__artist-count{font-size:11px;color:var(--fg-faint)}.sheet-toolbar{position:sticky;top:0;z-index:50;background:var(--card);border-bottom:1px solid var(--card-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .3s cubic-bezier(.4,0,.2,1)}.sheet-toolbar.is-collapsed-scroll{transform:translateY(-100%);box-shadow:none;pointer-events:none}.sheet-toolbar__perf-hint{position:absolute;top:calc(100% + 9px);left:12px;max-width:min(340px,calc(100vw - 24px));z-index:60;display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--accent);color:#1c1206;border-radius:12px;box-shadow:0 8px 28px #00000059;font-size:13px;line-height:1.4;cursor:pointer;transform-origin:top left;animation:perf-hint-pop .22s cubic-bezier(.34,1.3,.5,1) both}@keyframes perf-hint-pop{0%{opacity:0;transform:translateY(-8px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.sheet-toolbar__perf-hint-arrow{position:absolute;top:-6px;left:26px;width:12px;height:12px;background:var(--accent);transform:rotate(45deg);border-radius:2px}.sheet-toolbar__perf-hint-text{flex:1;min-width:0;font-weight:500}.sheet-toolbar__perf-hint-close{flex-shrink:0;align-self:flex-start;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;background:#0000001f;border:none;border-radius:50%;color:#1c1206;font-size:12px;cursor:pointer;touch-action:manipulation}.sheet-toolbar__container{display:flex;align-items:stretch;max-width:1100px;margin:0 auto;padding:0 1.25rem}.sheet-toolbar__sidebar-trigger,.sheet-sticky-bar__sidebar-trigger{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;cursor:pointer;z-index:10;transition:transform .2s ease}.sheet-toolbar__sidebar-trigger:hover,.sheet-sticky-bar__sidebar-trigger:hover{transform:translateY(-50%) scale(1.08)}.sheet-toolbar__sidebar-logo,.sheet-sticky-bar__sidebar-logo{width:30px;height:30px;-o-object-fit:contain;object-fit:contain}.sheet-toolbar__rows{flex:1;min-width:0;display:flex;flex-direction:column}.sheet-toolbar__row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.5rem 0;border-bottom:1px solid var(--card-border)}.sheet-toolbar__row:last-child{border-bottom:none}.sheet-toolbar__row--utility{gap:.75rem}.sheet-toolbar__row-label{font-size:.75rem;font-weight:600;color:var(--fg-muted);min-width:4rem}.sheet-toolbar__keys{display:flex;flex-wrap:wrap;gap:4px}.sheet-toolbar__key{min-width:36px;padding:4px 8px;font-size:13px;font-family:JetBrains Mono,monospace;background:transparent;color:var(--fg);border:1px solid var(--card-border);border-radius:4px;cursor:pointer;transition:background .12s,border-color .12s}.sheet-toolbar__key:hover{background:var(--section-tag-bg)}.sheet-toolbar__key.is-original{border-color:var(--accent)}.sheet-toolbar__key.is-current{background:var(--chord);color:var(--chord-active-fg, white);border-color:var(--chord);font-weight:600}.sheet-toolbar__capo{padding:4px 10px;font-size:13px;font-family:JetBrains Mono,monospace;background:transparent;border:1px solid var(--card-border);border-radius:4px;cursor:pointer;color:var(--fg)}.sheet-toolbar__capo--easy{border-color:#16a34a;color:#166534;background:#f0fdf4}.sheet-toolbar__capo--medium{border-color:#ca8a04;color:#854d0e;background:#fefce8}.sheet-toolbar__capo--hard{border-color:#dc2626;color:#991b1b;background:#fef2f2}[data-theme=dark] .sheet-toolbar__capo--easy{background:#052e1a;color:#86efac}[data-theme=dark] .sheet-toolbar__capo--medium{background:#2e2305;color:#fcd34d}[data-theme=dark] .sheet-toolbar__capo--hard{background:#2e0808;color:#fca5a5}.sheet-toolbar__capo.is-current{outline:2px solid var(--chord);outline-offset:1px}.sheet-toolbar__reset{margin-left:auto;padding:4px 10px;font-size:13px;background:transparent;border:1px solid var(--card-border);border-radius:4px;color:var(--accent);cursor:pointer}.sheet-toolbar__hint{font-size:13px;color:var(--fg-muted)}.sheet-toolbar__row--collapsed{padding:4px 12px;gap:8px}.sheet-toolbar__collapse-btn{padding:4px 12px;font-size:12px;font-weight:600;background:var(--card);border:1px solid var(--card-border);border-radius:4px;color:var(--fg-muted);cursor:pointer;transition:background .15s,color .15s}.sheet-toolbar__collapse-btn:hover{background:var(--accent);color:#fff}.sheet-toolbar__collapse-btn--inline{margin-left:auto;padding:2px 8px;font-size:11px;opacity:.7}.sheet-toolbar__collapse-btn--inline:hover{opacity:1}.sheet-toolbar__group{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--card-border);border-radius:4px;padding:2px}.sheet-toolbar__mode{padding:4px 10px;font-size:13px;background:transparent;border:none;border-radius:3px;color:var(--fg);cursor:pointer}.sheet-toolbar__mode.is-current{background:var(--chord);color:var(--chord-active-fg, white);font-weight:600}.sheet-toolbar__icon{padding:4px 10px;font-size:13px;background:transparent;border:1px solid var(--card-border);border-radius:4px;color:var(--fg);cursor:pointer}.sheet-toolbar__icon:hover:not(:disabled){background:var(--section-tag-bg)}.sheet-toolbar__icon:disabled{opacity:.4;cursor:not-allowed}.sheet-toolbar__icon.is-active{background:var(--chord);color:var(--chord-active-fg, white);border-color:var(--chord)}.sheet-toolbar__font-label{padding:0 6px;font-size:12px;color:var(--fg-muted);min-width:16px;text-align:center}.sheet-toolbar__slider{width:80px}.sheet-toolbar__save{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--fg);cursor:pointer;margin-left:auto}.sheet-toolbar__layers{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border:1px solid var(--card-border);border-radius:6px}.sheet-toolbar__layers-label{font-size:11px;font-weight:600;color:var(--fg-muted)}.sheet-toolbar__icon--glow{position:relative;border-color:transparent}.sheet-toolbar__icon--glow:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:5px;padding:1.5px;background:linear-gradient(90deg,#ef4444,#f59e0b,#eab308,#22c55e,#3b82f6,#8b5cf6,#ec4899,#ef4444);background-size:200% 100%;animation:rainbow-flow 4s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.theme-swatch{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:12px;background:transparent;border:none;border-radius:3px;color:var(--fg);cursor:pointer}.theme-swatch.is-current{background:var(--chord);color:var(--chord-active-fg, white)}.theme-swatch__color{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid var(--card-border)}.theme-swatch__label{font-size:12px}.sheet-meta{background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1rem;display:flex;justify-content:space-between;gap:2rem}.sheet-meta__left{flex:4;min-width:0;display:flex;flex-direction:column;gap:.6rem}.sheet-meta__right{flex:6;min-width:0;display:flex;flex-direction:column;gap:.75rem}.sheet-meta__stats-row{display:flex;align-items:center;gap:.5rem;font-size:12px;color:var(--fg-muted);margin-top:.15rem}.sheet-meta__favorite-btn{background:none;border:none;padding:0;color:inherit;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:color .15s ease}.sheet-meta__favorite-btn:hover{color:var(--fg)}.sheet-meta__favorite-btn svg{width:14px!important;height:14px!important}.sheet-meta__favorite-btn span{font-size:12px!important}.sheet-meta__title{font-size:1.625rem;font-weight:700;color:var(--fg);margin:0;letter-spacing:-.01em}.sheet-meta__title.is-editable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .15s ease}.sheet-meta__title.is-editable:hover{color:var(--accent)}.sheet-meta__actions{display:flex;gap:.5rem}.sheet-meta__credits{display:flex;flex-wrap:wrap;align-items:baseline;gap:1.25rem;font-size:14px;color:var(--fg)}.sheet-meta__credit{display:inline-flex;align-items:baseline;gap:.4rem;white-space:nowrap}.sheet-meta__credit-label{color:var(--fg-muted);font-size:12px;font-weight:500;letter-spacing:.02em}.sheet-meta__credit-value{color:var(--fg);font-weight:500}.sheet-meta__credit-collab{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}.sheet-meta__credit-collab-sep{font-size:13px;font-weight:700;color:#9333ea;margin:0 1px}.sheet-meta__credit-link{display:inline-flex;align-items:center;gap:6px;padding:2px 9px 2px 3px;background:var(--card);border:1px solid var(--card-border);border-radius:999px;text-decoration:none;color:var(--fg);font-weight:600;font-size:13.5px;transition:background .12s,border-color .12s,color .12s}.sheet-meta__credit-link:hover{background:color-mix(in srgb,var(--accent) 10%,var(--card));border-color:var(--accent);color:var(--accent)}.sheet-meta__credit-avatar{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.18);flex-shrink:0}.sheet-meta__keys{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .5rem;font-size:13px}.sheet-meta__chip-group{display:inline-flex;align-items:center;gap:.4rem;padding:4px 10px;background:var(--bg);border:1px solid var(--card-border);border-radius:999px}.sheet-meta__chip-group--current{background:linear-gradient(180deg,var(--chord) 0%,color-mix(in srgb,var(--chord) 85%,black) 100%);border-color:var(--chord);color:var(--chord-active-fg, white);box-shadow:0 1px 3px #0000001a}.sheet-meta__chip-group--current .sheet-meta__chip-key,.sheet-meta__chip-group--current .sheet-meta__chip-val{color:var(--chord-active-fg, white)}.sheet-meta__chip-key{color:var(--fg-muted);font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.sheet-meta__chip-val{font-family:JetBrains Mono,monospace;font-weight:700;color:var(--fg);font-size:14px}.sheet-meta__chip-sub{color:var(--fg-muted);font-size:11px;font-family:JetBrains Mono,monospace;padding-left:.3rem;border-left:1px solid var(--card-border)}.sheet-meta__chip-play{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;background:var(--chord);color:var(--chord-active-fg, white);padding:1px 7px;border-radius:999px;margin-left:.2rem}.sheet-meta__chip-divider{color:var(--fg-muted);opacity:.5;font-size:14px}.sheet-meta__chip-tempo{color:var(--fg-muted);font-size:12px;font-family:JetBrains Mono,monospace;padding-left:.5rem}.sheet-meta__chip-suggests{display:inline-flex;gap:.4rem;margin-left:auto}.sheet-meta__suggest{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;background:transparent;border:1px solid var(--card-border);border-radius:999px;color:var(--fg);cursor:pointer;transition:all .15s;font-family:JetBrains Mono,monospace;font-weight:600}.sheet-meta__suggest:hover{transform:translateY(-1px);box-shadow:0 2px 4px #00000014}.sheet-meta__suggest--male:hover{background:#dbeafe;color:#1e40af;border-color:#3b82f6}.sheet-meta__suggest--female:hover{background:#fce7f3;color:#9f1239;border-color:#ec4899}.sheet-meta__suggest-capo{font-size:10px;opacity:.7;padding-left:2px}.sheet-meta__patterns{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;padding-top:.5rem;border-top:1px dashed var(--card-border);font-size:13px}.sheet-meta__pattern-item{display:inline-flex;align-items:baseline;gap:.5rem}.sheet-meta__pattern-label{color:var(--fg-muted);font-size:12px;font-weight:500}.sheet-meta__pattern-value{font-family:JetBrains Mono,monospace;background:var(--card);color:var(--fg);padding:4px 12px;border-radius:6px;border:1px solid var(--card-border);font-size:14px;letter-spacing:.02em;line-height:1.6}.sheet-meta__pattern-value--structured{display:inline-flex;align-items:flex-end;gap:0;padding-bottom:6px}.sheet-meta__pattern-seg{display:inline-block;padding-bottom:6px;background-repeat:no-repeat}.sheet-meta__pattern-seg--ul1{background-image:linear-gradient(currentColor,currentColor);background-size:100% 2px;background-position:left bottom 3px}.sheet-meta__pattern-seg--ul2{background-image:linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor);background-size:100% 2px;background-position:left bottom 3px,left bottom}.sheet-meta__pattern-seg--ul3{padding-bottom:9px;background-image:linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor);background-size:100% 2px;background-position:left bottom 6px,left bottom 3px,left bottom}.sheet-meta__pattern-gap{display:inline-block;width:.6em}.sheet-meta__stats{display:flex;align-items:center;gap:.6rem;font-size:12px;color:var(--fg-muted)}.sheet-meta__stats-divider{opacity:.5}.sheet-sticky-bar{position:fixed;top:0;left:0;right:0;height:52px;background:var(--card);border-bottom:1px solid var(--card-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:45;display:flex;align-items:center;transform:translateY(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #00000014}.sheet-sticky-bar.is-visible{transform:translateY(0)}.sheet-sticky-bar__container{width:100%;max-width:1100px;margin:0 auto;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.sheet-sticky-bar__left{display:flex;align-items:baseline;gap:8px;min-width:0}.sheet-sticky-bar__title{font-weight:700;font-size:15px;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet-sticky-bar__artist{font-size:12px;color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet-sticky-bar__right{display:flex;align-items:center;gap:16px;flex-shrink:0}.sheet-sticky-bar__keys{display:flex;align-items:center;gap:12px;font-size:12.5px}.sheet-sticky-bar__key-item{color:var(--fg-muted)}.sheet-sticky-bar__key-item strong{color:var(--fg);font-family:JetBrains Mono,monospace}.sheet-sticky-bar__favorite{background:none;border:none;padding:0;color:inherit;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.sheet-sticky-bar__favorite svg{width:14px!important;height:14px!important}.sheet-sticky-bar__favorite span{font-size:12px!important}@media (max-width: 768px){.sheet-meta{flex-direction:column;gap:.75rem;padding:.85rem 1rem}.sheet-meta__left,.sheet-meta__right{flex:none;width:100%}.sheet-meta__chip-suggests{margin-left:0}.sheet-sticky-bar__keys{display:none}.sheet-meta__title{font-size:1.3rem}.sheet-meta__title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.sheet-meta__title-row .sheet-meta__title{min-width:0}.sheet-meta__credits{align-items:center;gap:.6rem .75rem}.sheet-meta__credit-extras{display:inline-flex;align-items:center;gap:.5rem;margin-left:auto}.sheet-meta__credit-extras .sheet-meta__chip-tempo{padding-left:0}.sheet-meta--collapsed .sheet-meta__credit:not(:first-child){display:none}.sheet-meta--collapsed .sheet-meta__stats-row,.sheet-meta--collapsed .sheet-meta__patterns{display:none}.sheet-meta__details-toggle{flex-shrink:0;padding:3px 12px;background:transparent;border:1px dashed var(--card-border);border-radius:999px;color:var(--fg-muted);font-size:12px;cursor:pointer;touch-action:manipulation}}.sheet-meta__details-toggle{display:none}@media (max-width: 768px){.sheet-meta__details-toggle{display:inline-block}}@media (max-width: 1200px){.sheet-toolbar__container,.sheet-sticky-bar__container{padding-left:3.5rem}}.sheet-container{--beat-unit: 1.6rem;background:var(--sheet-bg);border:1px solid var(--card-border);border-radius:8px;padding:1.5rem 1.75rem;position:relative;color:var(--fg)}.sheet-container>:not(.sheet-watermark){position:relative;z-index:1}.sheet-watermark{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:url(/bandq-q.png);background-repeat:no-repeat;background-position:center center;background-attachment:fixed;background-size:min(460px,56vmin);opacity:.06}[data-theme=light] .sheet-watermark{opacity:.09}[data-theme=sepia] .sheet-watermark{opacity:.08}[data-theme=dark] .sheet-watermark{opacity:.05}.print-preview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;flex-direction:column;background:#080a0ecc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.print-preview__bar{flex:0 0 auto;display:flex;align-items:center;gap:14px;padding:10px 16px;background:#17181c;color:#fafafa;border-bottom:1px solid rgba(255,255,255,.1)}.print-preview__bar-title{font-size:13px;opacity:.55}.print-preview__themes{display:flex;gap:8px}.print-preview__actions{margin-left:auto;display:flex;gap:8px}.print-preview__theme{padding:6px 14px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:700;border:2px solid rgba(255,255,255,.16);background:transparent;color:#d4d4d8;transition:border-color .15s,color .15s}.print-preview__theme.is-active{border-color:#38bdf8;color:#fff;box-shadow:0 0 0 3px #38bdf838}.print-preview__btn{padding:8px 16px;border-radius:8px;cursor:pointer;font-size:13.5px;font-weight:600;border:1px solid rgba(255,255,255,.18);background:transparent;color:#fafafa}.print-preview__btn--primary{background:#38bdf8;color:#062a3a;border-color:#38bdf8}.print-preview__scroll{flex:1 1 auto;overflow:auto;padding:24px 16px 48px;display:flex;justify-content:center;align-items:flex-start}.print-preview__page{width:210mm;max-width:100%;min-height:297mm;box-sizing:border-box;padding:14mm 12mm 16mm;background:var(--sheet-bg, #fff);color:var(--fg);box-shadow:0 10px 40px #00000080;-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-preview__page .sheet-container{border:none;box-shadow:none;margin:0;padding:0;background:transparent}.print-sheet-header{margin-bottom:7mm;padding-bottom:4mm;border-bottom:1.5px solid var(--fg-muted, rgba(0, 0, 0, .28))}.print-sheet-header__title{margin:0 0 4px;font-size:21pt;font-weight:800;letter-spacing:.01em}.print-sheet-header__credits{font-size:11pt;opacity:.82;margin-bottom:4px}.print-sheet-header__keys{display:flex;flex-wrap:wrap;gap:3px 16px;font-size:10.5pt;opacity:.78}.print-sheet-header__keys b{font-weight:700;opacity:1}@media print{@page{size:A4;margin:14mm 12mm 16mm}html,body{background:#fff!important}body.print-preview-open>*:not(.print-preview){display:none!important}body.print-preview-open .print-preview{position:static!important;inset:auto!important;background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;display:block!important}body.print-preview-open .print-preview__bar{display:none!important}body.print-preview-open .print-preview__scroll{display:block!important;overflow:visible!important;padding:0!important}body.print-preview-open .print-preview__page{width:auto!important;max-width:none!important;min-height:0!important;box-shadow:none!important;margin:0!important;padding:0!important}body.print-preview-open .print-sheet-header{-moz-column-break-after:avoid;break-after:avoid;page-break-after:avoid}body.print-preview-open .sheet-section,body.print-preview-open .sheet-section__header,body.print-preview-open .sheet-line2,body.print-preview-open .sheet-grid-line,body.print-preview-open .sheet-line2__chord-row,body.print-preview-open .sheet-line2__lyric-row{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}body.print-preview-open .sheet-watermark{background-attachment:scroll!important}body.print-preview-open *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}[data-theme=dark] .sheet-container{background:#18181ba6;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000004d}.sheet-section{margin-bottom:1.25rem}.sheet-section__head{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.sheet-section__tag{display:inline-block;font-weight:700;font-size:1rem;color:var(--section-tag);background:var(--section-tag-bg);padding:2px 10px;border-radius:4px;font-family:JetBrains Mono,monospace}.sheet-section__repeat{font-size:12px;background:var(--card);color:var(--fg-muted);padding:1px 6px;border-radius:8px;border:1px solid var(--card-border)}.sheet-section__hint{font-size:12px;color:var(--fg-faint);font-style:italic}.sheet-section__hint--clickable{cursor:pointer;font-style:normal;font-weight:600;color:var(--accent);-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:2px 8px;border-radius:4px;background:color-mix(in srgb,var(--accent) 12%,transparent)}.sheet-section__hint--clickable:hover{background:color-mix(in srgb,var(--accent) 20%,transparent)}.sheet-section__tag--rainbow{background:linear-gradient(90deg,#ef4444,#f59e0b,#eab308,#22c55e,#3b82f6,#8b5cf6,#ec4899,#ef4444);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;font-weight:700;animation:rainbow-flow 4s linear infinite}@keyframes rainbow-flow{0%{background-position:0% 0}to{background-position:200% 0}}.sheet-section__empty{color:var(--fg-faint);font-style:italic;padding:.5rem 0}.sheet-section__body{padding-left:.5rem;border-left:2px solid var(--bar-line)}.sheet-line{margin-bottom:.6rem;display:flex;align-items:flex-end;gap:.25rem;line-height:1.2}.sheet-line--lyrics-only{padding:.2rem 0}.sheet-line__marker{flex-shrink:0;min-width:1.5rem}.sheet-line__endmarker{flex-shrink:0;margin-left:.5rem;color:var(--fg-muted);font-size:12px}.sheet-line__text{color:var(--fg)}.sheet-line__content{flex:1;min-width:0}.sheet-line__grid{display:grid;grid-auto-rows:auto;-moz-column-gap:4px;column-gap:4px;align-items:end;min-width:0}.sheet-line__stacked{margin-top:2px;padding-left:1.2em;display:flex;flex-direction:column;gap:1px}.sheet-line__stacked .stacked-lyric{color:var(--fg)}.sheet-line__stacked .stacked-lyric-prefix{color:var(--chord);font-weight:600;margin-right:.5em;font-family:JetBrains Mono,monospace;font-size:.85em}.sheet-cell--stacked{color:var(--fg);opacity:.92}.sheet-cell--stacked-prefix{color:var(--chord);font-weight:600;font-family:JetBrains Mono,monospace;font-size:.85em;padding-right:.5em;align-self:end}.sheet-line2{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.6rem;line-height:1.2}.sheet-line2--empty{min-height:1.4em}.sheet-line2__marker{display:none}.sheet-line2__endmarker-inline{display:inline-block;margin-left:.6em;color:var(--fg-muted);font-size:.9em;font-family:JetBrains Mono,monospace;white-space:nowrap;vertical-align:baseline}.sheet-line2__rows{position:relative;padding-top:1.5em;padding-left:1.8em;flex:1;min-width:0}.sheet-line2__chords{position:absolute;top:0;left:1.9em;right:0;height:1.4em;font-family:JetBrains Mono,monospace;font-size:.95em;pointer-events:none}.sheet-line2__chord{position:absolute;display:inline-flex;align-items:center;white-space:nowrap;pointer-events:auto;color:var(--chord);font-weight:600}.sheet-line2__chord--eighth .sheet-chord{border-bottom:2px solid currentColor;padding-bottom:1px}.sheet-line2__beam{position:absolute;height:2px;background:currentColor;pointer-events:none;color:var(--chord)}.sheet-line2__bar{color:var(--bar-line);margin:0 2px;font-weight:400}.sheet-line2__sustain{color:var(--bar-line);font-family:JetBrains Mono,monospace;margin-left:2px}.sheet-line2__annotation{color:var(--fg-muted, var(--bar-line));font-size:.75em;font-style:italic;font-weight:400;margin-left:4px;opacity:.75;white-space:nowrap}.sheet-line2__lyric{position:relative;white-space:nowrap;color:var(--fg);font-size:1em}.sheet-line2__lyric>span{display:inline-block;min-width:0}.sheet-line2__pickup{opacity:.3;font-style:italic}.sheet-line2__pickup--gap{margin-left:.7em}.sheet-line2__stacked{position:relative;white-space:nowrap;color:var(--fg);margin-top:1px;opacity:.95}.sheet-line2__stacked-prefix{color:var(--chord);font-weight:600;font-family:JetBrains Mono,monospace;font-size:.85em;margin-right:.25em}.sheet-line2__stacked-text{display:inline}.sheet-line2__stacked-mark{display:inline-block;font-family:JetBrains Mono,monospace;font-size:.9em;color:var(--chord);font-weight:600;white-space:nowrap;line-height:1.2;box-sizing:border-box;width:2em;margin-left:-2em;margin-right:0;text-align:right;padding-right:.3em}.chord-token{display:inline;font-family:JetBrains Mono,Times New Roman,serif;font-weight:600;white-space:nowrap}.chord-token__root,.chord-token__quality,.chord-token__slash{font-size:1em;font-weight:600}.chord-token__accidental{font-size:.62em;line-height:0;vertical-align:super;font-weight:600;position:relative;top:-.3em;margin:0}.sheet-cell{display:inline-flex;align-items:center}.sheet-cell--chord{color:var(--chord);font-weight:600;padding-right:4px;min-height:1.4em}.sheet-cell--bar-start{padding-left:0}.sheet-cell--lyric{color:var(--fg);padding-right:4px;white-space:nowrap;font-size:1em}.sheet-bar{color:var(--bar-line);margin-right:4px;font-weight:400;font-family:JetBrains Mono,monospace}.sheet-bar--end{margin-right:0;margin-left:4px}.sheet-chord{background:transparent;border:none;color:var(--chord);font-family:JetBrains Mono,monospace;font-weight:600;cursor:pointer;padding:0 2px;border-radius:2px}.sheet-chord:hover{background:var(--section-tag-bg);color:var(--chord-hover)}.sheet-chord__offset{font-size:.7em;opacity:.7;margin:0 1px}.sheet-sustain{color:var(--bar-line);font-family:JetBrains Mono,monospace;margin-left:2px}.sheet-anchor-flash{border-radius:3px;animation:sheet-anchor-pulse 1.6s ease-out}@keyframes sheet-anchor-pulse{0%{background:var(--chord-hover, #f59e0b);box-shadow:0 0 0 3px var(--chord-hover, #f59e0b);color:#fff}60%{background:var(--section-tag-bg, rgba(245,158,11,.25));box-shadow:0 0 0 2px var(--section-tag-bg, rgba(245,158,11,.25))}to{background:transparent;box-shadow:none}}.comments-section{margin-top:2rem;border-top:1px solid var(--card-border);padding-top:1.25rem}.comments-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.comments-title{font-size:1.05rem;font-weight:700;color:var(--fg);display:flex;align-items:center;gap:.4rem;margin:0}.comments-count{font-size:.8rem;font-weight:600;background:var(--section-tag-bg);color:var(--accent);border-radius:999px;padding:1px 8px}.comments-sort{display:flex;gap:.25rem}.comments-sort button{font-size:.8rem;padding:2px 8px;border-radius:6px;border:1px solid var(--card-border);background:transparent;color:var(--fg);opacity:.6;cursor:pointer}.comments-sort button.is-active{opacity:1;border-color:var(--accent);color:var(--accent)}.comment-login-cta{font-size:.9rem;color:var(--fg);opacity:.8;background:var(--card);border:1px dashed var(--card-border);border-radius:10px;padding:.75rem 1rem}.comment-login-cta a{color:var(--accent);font-weight:600}.comments-list{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.comments-empty{color:var(--fg);opacity:.55;font-size:.9rem;padding:1rem 0;text-align:center}.comments-more{margin:1rem auto 0;display:block}.comment-form{background:var(--card);border:1px solid var(--card-border);border-radius:10px;padding:.6rem .7rem}.comment-form__input{width:100%;box-sizing:border-box;resize:vertical;border:none;background:transparent;color:var(--fg);font:inherit;outline:none;line-height:1.5}.comment-form__bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.4rem}.comment-form__tools{display:flex;align-items:center;gap:.6rem}.comment-form__count{font-size:.72rem;color:var(--fg);opacity:.4}.comment-form__actions{display:flex;gap:.4rem}.comment-form__quotebtn{font-size:.78rem;padding:3px 9px;border-radius:6px;border:1px solid var(--card-border);background:transparent;color:var(--fg);opacity:.8;cursor:pointer}.comment-form__quotebtn.is-active{background:var(--accent);color:#fff;border-color:var(--accent);opacity:1}.comment-form__anchor{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--fg);opacity:.7;margin-bottom:.45rem}.comment-form__pickbanner{font-size:.78rem;color:var(--accent);background:var(--section-tag-bg);border-radius:6px;padding:.3rem .5rem;margin-bottom:.45rem}.comment-btn{font-size:.82rem;font-weight:600;padding:5px 14px;border-radius:7px;border:1px solid transparent;cursor:pointer}.comment-btn--primary{background:var(--accent);color:#fff}.comment-btn--primary:disabled{opacity:.45;cursor:not-allowed}.comment-btn--ghost{background:transparent;border-color:var(--card-border);color:var(--fg);opacity:.8}.comment-item__head{display:flex;align-items:center;gap:.5rem;font-size:.8rem;flex-wrap:wrap}.comment-item__author{font-weight:700;color:var(--fg)}.comment-item__badge{font-size:.66rem;font-weight:600;background:var(--accent);color:#fff;border-radius:4px;padding:0 5px;margin-left:.35rem}.comment-item__time,.comment-item__edited{color:var(--fg);opacity:.45;font-size:.72rem}.comment-item__quote{margin:.3rem 0}.comment-item__body{color:var(--fg);font-size:.92rem;line-height:1.55;white-space:pre-wrap;word-break:break-word;margin:.25rem 0 .15rem}.comment-item__body--deleted{opacity:.45;font-style:italic}.comment-item__actions{display:flex;gap:.9rem}.comment-item__action{background:none;border:none;padding:0;font-size:.76rem;color:var(--fg);opacity:.55;cursor:pointer}.comment-item__action:hover{opacity:1;color:var(--accent)}.comment-item__action--muted{cursor:default;opacity:.4}.comment-replies{margin:.6rem 0 0 1rem;padding-left:.9rem;border-left:2px solid var(--card-border);display:flex;flex-direction:column;gap:.7rem}.comment-quote-chip{display:inline-flex;align-items:center;gap:.25rem;max-width:100%;font-size:.76rem;background:var(--section-tag-bg);color:var(--accent);border-radius:999px;padding:2px 9px;cursor:pointer;vertical-align:middle}.comment-quote-chip:hover{filter:brightness(1.05);text-decoration:underline}.comment-quote-chip__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.comment-quote-chip__x{background:none;border:none;color:inherit;cursor:pointer;font-size:.9rem;line-height:1;padding:0 0 0 2px;opacity:.7}.comment-quote-float{z-index:1000;font-size:.78rem;font-weight:600;background:var(--accent);color:#fff;border:none;border-radius:8px;padding:5px 11px;box-shadow:0 2px 10px #00000040;cursor:pointer}.comments-head__left{display:flex;align-items:center;gap:.6rem}.comments-tour-btn{font-size:.76rem;font-weight:600;color:var(--accent);background:var(--section-tag-bg);border:1px solid var(--accent);border-radius:999px;padding:3px 11px;cursor:pointer;white-space:nowrap}.comments-tour-btn:hover{filter:brightness(1.06)}.ctour__spot{position:fixed;z-index:9998;display:none;border-radius:8px;border:2px solid var(--accent);box-shadow:0 0 0 9999px #0000008c,0 0 16px 2px var(--accent);pointer-events:none}.ctour__cursor{position:fixed;z-index:10000;display:none;left:0;top:0;font-size:26px;pointer-events:none;margin:-4px 0 0 -4px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45));transition:transform .7s cubic-bezier(.4,0,.2,1)}.ctour__tip{position:fixed;z-index:10000;max-width:280px;background:var(--card);border:1px solid var(--accent);border-radius:12px;padding:12px 14px;box-shadow:0 8px 28px #00000059;color:var(--fg)}.ctour__badge{font-size:11px;font-weight:700;color:var(--accent);margin-bottom:4px}.ctour__text{font-size:14px;line-height:1.55}.ctour__actions{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px}.ctour__skip{background:none;border:none;color:var(--fg);opacity:.5;font-size:12px;cursor:pointer}.ctour__skip:hover{opacity:.85}.ctour__next{background:var(--accent);color:#fff;border:none;border-radius:7px;padding:5px 14px;font-size:13px;font-weight:600;cursor:pointer}.ctour__waithint{font-size:12px;color:var(--accent);font-weight:700}@media (prefers-reduced-motion: reduce){.ctour__cursor{transition:none}}.notif-avatar{position:relative;display:inline-flex}.notif-avatar__btn{position:relative;padding:0;border:none;background:transparent;cursor:pointer;border-radius:50%;display:inline-flex;line-height:0}.notif-avatar__fallback{border-radius:50%;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:600}.notif-avatar__badge{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 4px;box-sizing:border-box;border-radius:999px;background:#dc2626;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;border:1.5px solid var(--card)}.notif-banners{position:fixed;top:14px;right:14px;z-index:1200;display:flex;flex-direction:column;gap:8px;max-width:92vw;pointer-events:none}.notif-banner{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;width:320px;max-width:92vw;background:var(--card);border:1px solid var(--accent);border-left:4px solid var(--accent);border-radius:10px;padding:11px 12px;box-shadow:0 8px 28px #00000052;cursor:pointer;animation:notif-banner-in .28s ease-out}.notif-banner:hover{filter:brightness(1.03)}.notif-banner__icon{font-size:18px;line-height:1.2}.notif-banner__body{flex:1;min-width:0}.notif-banner__text{font-size:13px;line-height:1.45;color:var(--fg)}.notif-banner__snippet{font-size:12px;opacity:.65;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-banner__close{background:none;border:none;color:var(--fg);opacity:.45;font-size:16px;line-height:1;cursor:pointer;padding:0 2px}.notif-banner__close:hover{opacity:.9}@keyframes notif-banner-in{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@media (prefers-reduced-motion: reduce){.notif-banner{animation:none}}.notif-dropdown{position:absolute;right:0;top:calc(100% + 6px);width:320px;max-width:92vw;max-height:440px;overflow:auto;background:var(--card);border:1px solid var(--card-border);border-radius:10px;box-shadow:0 8px 28px #00000052;z-index:1000}.notif-dropdown__head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--card-border);font-weight:700;font-size:14px;color:var(--fg);position:sticky;top:0;background:var(--card)}.notif-dropdown__head button{background:none;border:none;color:var(--accent);font-size:12px;cursor:pointer}.notif-empty{padding:24px;text-align:center;color:var(--fg);opacity:.5;font-size:13px}.notif-item{display:block;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--card-border);padding:10px 14px;cursor:pointer;color:var(--fg)}.notif-item:hover,.notif-item.is-unread{background:var(--section-tag-bg)}.notif-item.is-unread .notif-item__text:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:6px;vertical-align:middle}.notif-item__text{font-size:13px;line-height:1.45;color:var(--fg)}.notif-item__snippet{font-size:12px;opacity:.65;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-item__time{font-size:11px;opacity:.45;margin-top:3px}.notif-panel__head{display:flex;justify-content:space-between;align-items:center;padding:0 2px 12px;font-weight:700;font-size:14px;color:var(--fg)}.notif-panel__head button{background:none;border:none;color:var(--accent);font-size:12px;cursor:pointer}.notif-panel__list{border:1px solid var(--card-border);border-radius:8px;overflow:hidden}.notif-panel__list .notif-item:last-child{border-bottom:none}.my-comments__filters{display:flex;align-items:center;gap:8px;margin-bottom:14px}.my-comments__filters button{font-size:13px;padding:4px 12px;border-radius:999px;border:1px solid var(--card-border);background:transparent;color:var(--fg);opacity:.7;cursor:pointer}.my-comments__filters button.is-active{opacity:1;border-color:var(--accent);color:var(--accent);background:var(--section-tag-bg)}.my-comments__total{font-size:12px;opacity:.5;margin-left:auto}.my-comments__list{display:flex;flex-direction:column;gap:10px}.my-comment-row{display:block;text-decoration:none;background:var(--card);border:1px solid var(--card-border);border-radius:10px;padding:12px 14px;color:var(--fg);transition:border-color .15s}.my-comment-row:hover{border-color:var(--accent)}.my-comment-row__song{font-size:13px;font-weight:700;color:var(--accent)}.my-comment-row__artist{font-weight:400;opacity:.7}.my-comment-row__parent{font-size:12px;opacity:.6;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-comment-row__anchor{font-size:12px;color:var(--accent);margin-top:4px}.my-comment-row__body{font-size:14px;line-height:1.5;margin-top:4px;white-space:pre-wrap;word-break:break-word;color:var(--fg)}.my-comment-row__meta{font-size:11px;opacity:.5;margin-top:6px;display:flex;gap:8px;align-items:center}.my-comment-row__status{background:#a16207;color:#fff;border-radius:4px;padding:0 6px;font-weight:600}.comment-flash{animation:comment-flash-pulse 1.8s ease-out;border-radius:8px}@keyframes comment-flash-pulse{0%{background:var(--section-tag-bg);box-shadow:0 0 0 3px var(--accent)}70%{background:var(--section-tag-bg);box-shadow:0 0 0 1px var(--accent)}to{background:transparent;box-shadow:none}}.chord-popover{background:var(--card);border:1px solid var(--card-border);border-radius:6px;box-shadow:0 4px 16px #00000026;padding:8px;color:var(--fg)}.chord-popover__missing{padding:8px 16px;text-align:center}.chord{color:var(--chord);font-weight:600;cursor:pointer;font-family:JetBrains Mono,monospace}.chord:hover{color:var(--chord-hover)}.chord-lyric-line{font-family:JetBrains Mono,monospace;white-space:pre;position:relative;line-height:1.8}.chord-line{color:var(--chord);font-weight:600;height:1.5rem;font-family:JetBrains Mono,monospace}.lyrics-line{color:var(--fg)}.section-tag{display:inline-block;padding:2px 8px;font-size:12px;font-weight:500;border-radius:4px}.section-tag-intro{background:#ede9fe;color:#6d28d9}.section-tag-verse{background:#dbeafe;color:#1d4ed8}.section-tag-pre-chorus{background:#cffafe;color:#0e7490}.section-tag-chorus{background:#fed7aa;color:#c2410c}.section-tag-bridge{background:#d1fae5;color:#047857}.section-tag-outro{background:#ede9fe;color:#6d28d9}.section-tag-interlude{background:#fce7f3;color:#be185d}.section-tag-solo{background:#fee2e2;color:#b91c1c}.transpose-bar{position:sticky;top:0;z-index:10;background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid var(--card-border)}.song-card{background:var(--card);border:1px solid var(--card-border);border-radius:8px;padding:1rem;transition:box-shadow .15s}.song-card:hover{box-shadow:0 4px 8px #00000014}.btn{padding:.5rem 1rem;border-radius:.5rem;font-weight:500;transition:background-color .12s}.btn-primary{background:var(--accent);color:var(--btn-primary-fg, white)}.btn-primary:hover{background:var(--chord);color:var(--chord-active-fg, white)}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb}.btn-ghost{color:var(--fg-muted)}.btn-ghost:hover{background:#f3f4f6}.btn-sm{padding:.25rem .5rem;font-size:.875rem}.input{width:100%;padding:.5rem 1rem;border:1px solid var(--card-border);border-radius:.5rem;background-color:var(--bg);color:var(--fg)}.input:focus{outline:none;box-shadow:0 0 0 2px var(--chord);border-color:transparent}.select{padding:.5rem 1rem;border:1px solid var(--card-border);border-radius:.5rem;background-color:var(--bg);color:var(--fg)}.lyrics-highlight{color:#dc2626;font-weight:500}.stacked-lyrics-container{margin-top:.25rem}.stacked-lyric{display:flex;align-items:baseline;color:var(--fg)}.stacked-lyric-prefix{display:inline-block;width:2rem;text-align:right;padding-right:.25rem;flex-shrink:0;color:var(--chord);font-weight:700;font-size:.875rem}.stacked-lyric-text{flex:1}.beat-anticipation:before{content:"⌐";font-size:.75rem;color:var(--fg-faint);margin-right:1px}.beat-delay:before{content:"˥";font-size:.75rem;color:var(--fg-faint);margin-right:1px}.end-marker{display:inline-flex;align-items:center;margin-left:.5rem}.search-page{max-width:1180px;margin:0 auto;padding:0 0 3rem}.search-hero{position:relative;padding:24px 24px 14px;margin-bottom:1.25rem;background:radial-gradient(1100px 280px at 0% 0%,color-mix(in srgb,var(--accent) 14%,transparent) 0%,transparent 65%),radial-gradient(800px 220px at 100% 0%,color-mix(in srgb,var(--chord) 10%,transparent) 0%,transparent 60%),var(--card);border-bottom:1px solid var(--card-border)}.search-hero__inner{display:flex;flex-direction:column;gap:4px}.search-hero__title{margin:0;font-size:1.75rem;font-weight:700;letter-spacing:-.01em;color:var(--fg);line-height:1.1;display:flex;align-items:center;gap:10px}.search-hero__title-emoji{font-size:1.2em;filter:drop-shadow(0 2px 6px color-mix(in srgb,var(--accent) 30%,transparent))}.search-hero__meta{margin:4px 0 0;font-size:13px;color:var(--fg-muted)}.search-hero__keyword{color:var(--accent)}.search-hero__count{color:var(--fg-muted)}.search-hero__filters{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;margin-top:14px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--card-border) 70%,transparent)}.search-hero__filter-label{font-size:11px;color:var(--fg-muted);margin:0 2px}.search-hero__filter-divider{display:inline-block;width:1px;height:14px;background:var(--card-border);margin:0 6px}.search-hero__chip{padding:3px 11px;font-size:11.5px;background:var(--card);color:var(--fg-muted);border:1px solid var(--card-border);border-radius:999px;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background .12s,color .12s,border-color .12s}.search-hero__chip:hover{color:var(--fg)}.search-hero__chip.is-active{background:var(--chord);color:#fff;border-color:var(--chord);font-weight:600}.search-hero__clear{padding:3px 10px;font-size:11px;background:transparent;border:1px solid var(--accent);color:var(--accent);border-radius:999px;cursor:pointer;font-family:inherit;margin-left:4px}.search-hero__clear:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.search-results{display:flex;flex-direction:column;gap:1.75rem;padding:0 24px}.search-section{display:flex;flex-direction:column;gap:10px}.search-section__title{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;color:var(--fg)}.search-section__icon{font-size:17px}.search-section__count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:1px 7px;font-size:11px;font-weight:600;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);border-radius:999px;font-variant-numeric:tabular-nums}.search-artists__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.search-artist-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--card);border:1px solid var(--card-border);border-radius:8px;text-decoration:none;color:var(--fg);transition:background .12s,border-color .12s,transform .12s}.search-artist-card:hover{background:color-mix(in srgb,var(--accent) 8%,var(--card));border-color:var(--accent);transform:translateY(-1px)}.search-artist-card__avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--card)}.search-artist-card__avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.search-artist-card__avatar>span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:18px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.18)}.search-artist-card__body{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.search-artist-card__name{font-size:14px;font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-artist-card__count{font-size:11px;color:var(--fg-muted);font-variant-numeric:tabular-nums}.search-artist-card__arrow{color:var(--fg-muted);font-size:14px;flex-shrink:0;transition:transform .12s,color .12s}.search-artist-card:hover .search-artist-card__arrow{color:var(--accent);transform:translate(2px)}.search-songs__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px}.search-song-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:7px 12px;background:var(--card);border:1px solid var(--card-border);border-radius:6px;text-decoration:none;color:var(--fg);transition:background .12s,border-color .12s}.search-song-row:hover{background:color-mix(in srgb,var(--accent) 6%,var(--card));border-color:var(--accent)}.search-song-row__title{font-size:13.5px;font-weight:500;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-song-row__tab{filter:drop-shadow(0 0 3px color-mix(in srgb,var(--accent-2) 60%,transparent))}.search-song-row__artist{font-size:11.5px;color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.search-song-row__chips{display:flex;gap:4px;flex-shrink:0}.search-song-row__key{display:inline-block;padding:1px 7px;font-size:11px;font-weight:600;background:color-mix(in srgb,var(--chord) 12%,transparent);color:var(--chord);border-radius:3px;font-variant-numeric:tabular-nums}.search-song-row__capo{display:inline-block;padding:1px 6px;font-size:10.5px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);border-radius:3px;font-weight:500}.search-snippet__list{display:flex;flex-direction:column;gap:6px}.search-snippet{display:flex;flex-direction:column;gap:4px;padding:10px 14px;background:var(--card);border:1px solid var(--card-border);border-radius:6px;text-decoration:none;color:var(--fg);transition:background .12s,border-color .12s}.search-snippet:hover{background:color-mix(in srgb,var(--accent) 6%,var(--card));border-color:var(--accent)}.search-snippet__head{display:flex;gap:6px;align-items:baseline;font-size:13.5px;font-weight:600}.search-snippet__title{color:var(--fg)}.search-snippet__artist{color:var(--fg-muted);font-weight:400;font-size:12.5px}.search-snippet__body{font-size:12.5px;color:var(--fg-muted);line-height:1.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-mark{background:color-mix(in srgb,var(--accent) 25%,transparent);color:var(--accent);font-weight:700;padding:0 2px;border-radius:2px}.search-empty{text-align:center;padding:4rem 1rem;color:var(--fg-muted)}.search-empty__icon{font-size:48px;opacity:.5;margin-bottom:12px}.search-empty__text{font-size:16px;font-weight:600;color:var(--fg);margin-bottom:4px}.search-empty__hint{font-size:13px}.search-fallback{padding:0 24px}.search-fallback__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}.search-fallback__more{display:flex;justify-content:center;margin-top:1.5rem}@media (max-width: 720px){.search-hero{padding:18px 16px 12px}.search-hero__title{font-size:1.4rem}.search-results,.search-fallback{padding-left:16px;padding-right:16px}.search-songs__grid{grid-template-columns:1fr}.search-song-row{grid-template-columns:1fr auto}.search-song-row__artist{display:none}}.singer-index{background:var(--bg);overscroll-behavior-y:contain}.singer-hero{position:relative;padding:24px 24px 0;margin-bottom:1.25rem;background:radial-gradient(1100px 280px at 0% 0%,color-mix(in srgb,var(--accent) 14%,transparent) 0%,transparent 65%),radial-gradient(800px 220px at 100% 0%,color-mix(in srgb,var(--chord) 10%,transparent) 0%,transparent 60%),var(--card);border-bottom:1px solid var(--card-border)}.singer-hero__inner{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding-bottom:16px}.singer-hero__brand{min-width:0}.singer-hero__title{margin:0;font-size:1.85rem;font-weight:700;letter-spacing:-.02em;color:var(--fg);line-height:1.1;display:flex;align-items:center;gap:10px}.singer-hero__title-emoji{font-size:1.3em;filter:drop-shadow(0 2px 6px color-mix(in srgb,var(--accent) 35%,transparent))}.singer-hero__tagline{margin:6px 0 0;font-size:13px;color:var(--fg-muted)}.singer-hero__stats{display:flex;gap:22px}.singer-hero__stat{display:flex;flex-direction:column;gap:1px;text-align:center}.singer-hero__stat-value{font-size:1.25rem;font-weight:700;color:var(--fg);line-height:1.05;font-variant-numeric:tabular-nums}.singer-hero__stat-label{font-size:11px;color:var(--fg-muted);letter-spacing:.04em}.singer-hero__stat--accent .singer-hero__stat-value{color:var(--accent-2)}.singer-hero__toolbar{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;padding:10px 0 14px;border-top:1px solid color-mix(in srgb,var(--card-border) 70%,transparent)}.singer-hero__filters{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;flex:1;min-width:0}.singer-hero__filter-label{font-size:11px;color:var(--fg-muted);margin:0 2px}.singer-hero__filter-divider{display:inline-block;width:1px;height:16px;background:var(--card-border);margin:0 6px}.singer-hero__chip{padding:3px 11px;font-size:11.5px;background:var(--card);color:var(--fg-muted);border:1px solid var(--card-border);border-radius:999px;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background .12s,color .12s,border-color .12s}.singer-hero__chip:hover{color:var(--fg)}.singer-hero__chip.is-active{background:var(--chord);color:#fff;border-color:var(--chord);font-weight:600}.singer-hero__clear{padding:3px 10px;font-size:11px;background:transparent;border:1px solid var(--accent);color:var(--accent);border-radius:999px;cursor:pointer;font-family:inherit;font-variant-numeric:tabular-nums;margin-left:4px}.singer-hero__clear:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.singer-hero__search{display:flex;align-items:center;gap:8px;flex:0 1 240px}.singer-hero__search-input{flex:1;padding:6px 12px;font-size:13px;background:var(--card);color:var(--fg);border:1px solid var(--card-border);border-radius:6px;font-family:inherit;outline:none;transition:border-color .12s,box-shadow .12s}.singer-hero__search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.singer-hero__search-count{font-size:11px;color:var(--fg-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.singer-top5{padding:0 24px;margin-bottom:1.75rem}.singer-top5-carousel{position:relative;height:380px;border-radius:14px;overflow:hidden}.singer-top5-carousel__stage{position:relative;width:100%;height:100%}.singer-top5-slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;opacity:0;transform:translate(0);transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);pointer-events:none}.singer-top5-slide.is-active{opacity:1;transform:translate(0);pointer-events:auto;z-index:3}.singer-top5-slide.is-next{opacity:0;transform:translate(60px);z-index:2}.singer-top5-slide.is-prev{opacity:0;transform:translate(-60px);z-index:2}.singer-top5-slide.is-hidden{opacity:0;transform:translate(0);visibility:hidden}.singer-top5-slide__bg{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform 8s ease-out}.singer-top5-slide.is-active .singer-top5-slide__bg{transform:scale(1.06)}.singer-top5-slide__veil{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.singer-top5-slide__initial{position:absolute;top:50%;font-size:320px;font-weight:900;line-height:.85;letter-spacing:-.04em;z-index:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:.45;transform:translateY(-50%);font-family:Noto Sans TC,system-ui,sans-serif}.singer-top5-slide__initial.photo-right{right:60px}.singer-top5-slide__initial.photo-left{left:60px}.singer-top5-slide__content{position:relative;z-index:4;padding:32px 48px;display:flex;flex-direction:column;gap:12px;max-width:50%;min-width:320px}.singer-top5-slide.photo-right .singer-top5-slide__content{margin-right:auto;align-items:flex-start;text-align:left}.singer-top5-slide.photo-left .singer-top5-slide__content{margin-left:auto;align-items:flex-end;text-align:right}.singer-top5-slide__rank{font-size:1rem;font-weight:700;color:var(--accent);letter-spacing:.05em;font-variant-numeric:tabular-nums;text-transform:uppercase;opacity:0;transform:translateY(10px);transition:opacity .6s ease-out .15s,transform .6s ease-out .15s}.singer-top5-slide__name{margin:0;font-size:clamp(2.2rem,4vw,3.4rem);font-weight:800;letter-spacing:-.02em;color:var(--fg);line-height:1.05;text-shadow:0 2px 12px color-mix(in srgb,var(--bg) 80%,transparent);display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;opacity:0;transform:translateY(15px);transition:opacity .6s ease-out .25s,transform .6s ease-out .25s}.singer-top5-slide__meta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:14px;color:var(--fg-muted);opacity:0;transform:translateY(15px);transition:opacity .6s ease-out .35s,transform .6s ease-out .35s}.singer-top5-slide.photo-left .singer-top5-slide__meta{justify-content:flex-end}.singer-top5-slide__count{font-weight:600;font-variant-numeric:tabular-nums;color:var(--fg);font-size:15px}.singer-top5-slide__views{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:600;display:inline-flex;align-items:center;gap:4px}.singer-top5-slide__langs{display:inline-flex;gap:4px;flex-wrap:wrap}.singer-top5-slide__cta{margin-top:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;background:var(--accent);color:#fff;text-decoration:none;border-radius:999px;font-size:14px;font-weight:600;transition:background .15s,transform .15s,box-shadow .2s;box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 35%,transparent);width:-moz-fit-content;width:fit-content;opacity:0;transform:translateY(15px);transition:opacity .6s ease-out .45s,transform .6s ease-out .45s,background .15s,box-shadow .2s}.singer-top5-slide__cta:hover{background:color-mix(in srgb,var(--accent) 85%,black);box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 45%,transparent)}.singer-top5-slide__cta:hover .singer-top5-slide__cta-arrow{transform:translate(4px)}.singer-top5-slide__cta-arrow{transition:transform .2s}.singer-top5-slide.is-active .singer-top5-slide__rank,.singer-top5-slide.is-active .singer-top5-slide__name,.singer-top5-slide.is-active .singer-top5-slide__meta,.singer-top5-slide.is-active .singer-top5-slide__cta{opacity:1;transform:translateY(0)}.singer-top5-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#ffffffeb;border:1px solid var(--card-border);color:var(--fg);font-size:26px;line-height:1;cursor:pointer;z-index:5;display:flex;align-items:center;justify-content:center;font-family:inherit;font-weight:600;transition:background .15s,transform .15s,box-shadow .15s;box-shadow:0 2px 8px #0000001f;padding:0 0 4px}.singer-top5-carousel__arrow:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-50%) scale(1.1);box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 35%,transparent)}.singer-top5-carousel__arrow--prev{left:12px}.singer-top5-carousel__arrow--next{right:12px}.singer-top5-carousel__dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:5}.singer-top5-carousel__dot{width:8px;height:8px;padding:0;border-radius:50%;background:#0000002e;border:none;cursor:pointer;transition:background .2s,width .2s}.singer-top5-carousel__dot:hover{background:#00000059}.singer-top5-carousel__dot.is-active{background:var(--accent);width:22px;border-radius:4px}.singer-hot{padding:0 24px;margin-bottom:1.5rem}.singer-hot__title{display:flex;align-items:baseline;gap:10px;margin:0 0 12px;font-size:16px;font-weight:700;color:var(--fg)}.singer-hot__icon{font-size:18px}.singer-hot__hint{font-size:11.5px;font-weight:500;color:var(--fg-muted)}.singer-hot__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.singer-index__nav{position:sticky;top:52px;background:color-mix(in srgb,var(--card) 95%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:2px solid var(--accent);padding:8px 16px;z-index:20;display:flex;flex-wrap:wrap;gap:4px;font-family:JetBrains Mono,monospace}.singer-index__nav button{padding:3px 9px;font-size:13px;background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;color:var(--fg);transition:background .12s,color .12s}.singer-index__nav button:hover{background:color-mix(in srgb,var(--chord) 10%,transparent);color:var(--chord)}.singer-index__nav button.is-active{background:var(--chord);color:#fff;font-weight:600}.singer-index__group{padding:1rem 24px 1.25rem;border-bottom:1px solid color-mix(in srgb,var(--card-border) 70%,transparent);scroll-margin-top:100px}.singer-index__list .singer-card{content-visibility:auto;contain-intrinsic-size:auto 72px}.singer-index__group-title{font-size:1.4rem;font-weight:700;color:var(--accent)!important;margin:0 0 10px;font-family:JetBrains Mono,monospace;letter-spacing:.02em;border-bottom:2px solid var(--accent);padding-bottom:4px;display:inline-block}.singer-index__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}.singer-card{position:relative;display:flex;align-items:stretch;height:70px;background:var(--card);border:1px solid var(--card-border);border-radius:8px;overflow:hidden;text-decoration:none;color:var(--fg);transition:border-color .15s,transform .15s,box-shadow .15s,outline-color .15s}.singer-card.is-drag-over{outline:2px dashed var(--accent);outline-offset:-3px;border-color:var(--accent)}.singer-card.is-admin .singer-card__upload-btn{position:absolute;top:6px;right:6px;z-index:5;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;background:#0009;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:50%;cursor:pointer;opacity:0;transform:scale(.85);transition:opacity .15s,transform .15s,background .15s;font-family:inherit;padding:0}.singer-card.is-admin:hover .singer-card__upload-btn,.singer-card.is-admin.is-drag-over .singer-card__upload-btn{opacity:1;transform:scale(1)}.singer-card.is-admin .singer-card__upload-btn:hover{background:var(--accent);border-color:var(--accent);transform:scale(1.1)}.singer-card__uploading{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;z-index:6;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.singer-card__drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--accent) 30%,rgba(0,0,0,.4));color:#fff;display:flex;align-items:center;justify-content:center;z-index:4;pointer-events:none}.singer-admin-hint{display:flex;align-items:center;gap:8px;margin:12px 24px 0;padding:8px 14px;background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:8px;font-size:12px;color:var(--fg-muted)}.singer-admin-hint>svg{color:var(--accent);flex-shrink:0}.singer-upload-error{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 24px 0;padding:10px 14px;background:color-mix(in srgb,#ef4444 12%,transparent);border:1px solid color-mix(in srgb,#ef4444 35%,transparent);border-radius:8px;font-size:13px;color:#b91c1c}.singer-upload-error button{background:transparent;border:1px solid currentColor;color:currentColor;font-size:12px;padding:2px 8px;border-radius:4px;cursor:pointer;font-family:inherit}.singer-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 14%,transparent)}.singer-card--hot{height:92px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 4%,transparent) 0%,transparent 50%),var(--card);border-color:color-mix(in srgb,var(--card-border) 40%,transparent)}.singer-card--hot:hover{box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 18%,transparent)}.singer-card__rank{display:flex;align-items:center;justify-content:center;width:50px;flex-shrink:0;font-size:1.6rem;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:-.04em;background:color-mix(in srgb,var(--accent) 6%,transparent)}.singer-card--hot:nth-child(1) .singer-card__rank,.singer-card--hot:nth-child(2) .singer-card__rank,.singer-card--hot:nth-child(3) .singer-card__rank{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,transparent),color-mix(in srgb,var(--accent) 6%,transparent))}.singer-card--hot .singer-card__photo-zone{width:110px}.singer-card--hot .singer-card__photo--fallback{font-size:40px}.singer-card--hot .singer-card__photo--duo .singer-card__photo-half{font-size:30px}.singer-card--hot .singer-card__content{padding:10px 14px 10px 8px}.singer-card--hot .singer-card__name{font-size:16px}.singer-card--hot .singer-card__type{width:22px;height:22px;font-size:12px}.singer-card--hot .singer-card__count{font-size:12.5px}.singer-card--hot .singer-card__lang{font-size:11px;line-height:16px;padding:0 7px}.singer-card__photo-zone{position:relative;width:88px;flex-shrink:0;overflow:hidden}.singer-card__photo{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.singer-card__photo--fallback,.singer-card__photo--duo{display:flex;align-items:stretch;justify-content:center}.singer-card__photo--fallback{align-items:center;font-size:32px;font-weight:700;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.25)}.singer-card__photo--duo .singer-card__photo-half{flex:1;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.25)}.singer-card__photo--duo .singer-card__photo-half+.singer-card__photo-half{border-left:1px solid rgba(255,255,255,.35)}.singer-card__photo--composite{position:relative;overflow:hidden}.singer-card__photo--composite>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.singer-card__photo-composite-bg{z-index:1}.singer-card__photo-composite-mid{z-index:2;-webkit-mask-image:linear-gradient(135deg,transparent 0%,transparent 22%,black 30%,black 68%,transparent 78%,transparent 100%);mask-image:linear-gradient(135deg,transparent 0%,transparent 22%,black 30%,black 68%,transparent 78%,transparent 100%)}.singer-card__photo-composite-top{z-index:3;-webkit-mask-image:linear-gradient(135deg,black 0%,black 38%,transparent 62%);mask-image:linear-gradient(135deg,black 0%,black 38%,transparent 62%)}.singer-card__photo--composite-3 .singer-card__photo-composite-top{-webkit-mask-image:linear-gradient(135deg,black 0%,black 28%,transparent 42%);mask-image:linear-gradient(135deg,black 0%,black 28%,transparent 42%)}.singer-card__photo--composite:before,.singer-card__photo--composite:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;opacity:0}.singer-card__photo--composite-2:before{background:linear-gradient(135deg,transparent 48%,rgba(255,255,255,.5) 50%,transparent 52%);opacity:.55}.singer-card__photo--composite-3:before{background:linear-gradient(135deg,transparent 33%,rgba(255,255,255,.45) 35%,transparent 37%);opacity:.55}.singer-card__photo--composite-3:after{background:linear-gradient(135deg,transparent 65%,rgba(255,255,255,.45) 67%,transparent 69%);opacity:.55}.singer-card__photo-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,transparent 55%,color-mix(in srgb,var(--card) 35%,transparent) 78%,color-mix(in srgb,var(--card) 85%,transparent) 100%);pointer-events:none;z-index:1}.singer-card.has-backdrop .singer-card__photo-fade{background:linear-gradient(90deg,transparent 0%,transparent 78%,rgba(0,0,0,.12) 95%,rgba(0,0,0,.18) 100%)}.singer-card__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-repeat:no-repeat;filter:blur(10px) saturate(85%) brightness(.92);transform-origin:center;transform:scale(1.15);z-index:0;transition:filter .25s,transform .25s,opacity .25s}.singer-card__backdrop-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--card) 35%,transparent),color-mix(in srgb,var(--card) 30%,transparent) 35%,color-mix(in srgb,var(--card) 75%,transparent) 65%,color-mix(in srgb,var(--card) 92%,transparent)),linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--card) 12%,transparent) 100%)}.singer-card.has-backdrop:hover .singer-card__backdrop{filter:blur(8px) saturate(95%) brightness(1);transform:scale(1.18)}.singer-card.has-backdrop .singer-card__photo-zone{box-shadow:inset -8px 0 12px -8px #0000002e}.singer-card.has-backdrop{border-color:color-mix(in srgb,var(--card-border) 60%,transparent)}.singer-card.has-backdrop:hover{border-color:color-mix(in srgb,var(--accent) 60%,var(--card-border))}.singer-card__photo-zone,.singer-card__content,.singer-card__rank{position:relative;z-index:2}.singer-card.has-backdrop .singer-card__name{text-shadow:0 1px 2px color-mix(in srgb,var(--bg) 60%,transparent)}.singer-card.has-backdrop .singer-card__count{color:var(--fg);font-weight:700;text-shadow:0 1px 2px color-mix(in srgb,var(--bg) 60%,transparent)}.singer-card.has-backdrop .singer-card__lang{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.singer-card__content{flex:1;min-width:0;padding:8px 12px 8px 6px;display:flex;flex-direction:column;justify-content:space-between}.singer-card__name-row{display:flex;align-items:center;gap:6px;min-width:0}.singer-card__name{flex:1;font-size:14px;font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.singer-card__type{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:11px;font-weight:700;line-height:1}.singer-card__type--male{background:color-mix(in srgb,var(--chord) 18%,transparent);color:var(--chord)}.singer-card__type--female{background:color-mix(in srgb,#ec4899 18%,transparent);color:#db2777}.singer-card__type--band{background:color-mix(in srgb,var(--accent-2) 18%,transparent);color:var(--accent-2);font-size:10px}.singer-card__type--duo{background:color-mix(in srgb,#a855f7 18%,transparent);color:#9333ea;font-size:10px}.singer-card__type--choir{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);font-size:10px}.singer-card__bottom{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--fg-muted);font-variant-numeric:tabular-nums}.singer-card__count{font-weight:600;white-space:nowrap}.singer-card__langs{display:inline-flex;gap:3px;flex-wrap:wrap}.singer-card__lang{display:inline-block;padding:0 5px;font-size:10px;font-weight:700;border-radius:3px;line-height:14px;letter-spacing:0}.singer-card__lang--zh{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.singer-card__lang--tw{background:color-mix(in srgb,var(--accent-2) 18%,transparent);color:var(--accent-2)}.singer-card__lang--en{background:color-mix(in srgb,var(--chord) 18%,transparent);color:var(--chord)}.singer-card__lang--jp{background:color-mix(in srgb,#ec4899 16%,transparent);color:#db2777}.singer-card__lang--ko{background:color-mix(in srgb,#a855f7 16%,transparent);color:#9333ea}.singer-card__lang--other{background:color-mix(in srgb,var(--fg-muted) 18%,transparent);color:var(--fg-muted)}.singer-card__lang--more{background:transparent;color:var(--fg-muted);border:1px dashed var(--card-border);padding:0 4px}.singer-avatar{display:inline-block;position:relative;flex-shrink:0;border-radius:50%;overflow:hidden;background:var(--card)}.singer-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.singer-avatar>span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.18)}.singer-empty{text-align:center;padding:3rem 1rem;color:var(--fg-muted);font-size:14px}@media (max-width: 720px){.singer-hero{padding:18px 16px 0}.singer-hero__inner{grid-template-columns:1fr;gap:14px}.singer-hero__title{font-size:1.5rem}.singer-hero__stats{gap:14px;justify-content:flex-start}.singer-hero__toolbar{flex-direction:column;align-items:stretch;gap:10px}.singer-hero__search{flex-basis:auto}.singer-index__nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:color-mix(in srgb,var(--card) 98%,transparent)}.singer-hot,.singer-top5,.singer-index__group{padding-left:16px;padding-right:16px}.singer-index__group{scroll-margin-top:56px}.singer-hot-toggle{display:inline-flex;align-items:center;gap:6px;margin:4px 16px 8px;padding:6px 14px;background:transparent;border:1px dashed var(--card-border);border-radius:999px;color:var(--fg-muted);font-size:13px;cursor:pointer;touch-action:manipulation}.singer-index__list{grid-template-columns:1fr}.singer-card{height:64px}.singer-card__photo-zone{width:76px}.singer-card__photo--fallback{font-size:26px}.singer-top5-carousel{height:320px;border-radius:10px}.singer-top5-slide__content{padding:20px 24px;max-width:65%;min-width:200px}.singer-top5-slide__name{font-size:1.8rem}.singer-top5-slide__meta{font-size:12.5px;gap:10px}.singer-top5-slide__cta{padding:9px 16px;font-size:13px}.singer-top5-slide__initial{font-size:200px}.singer-top5-slide,.singer-top5-slide.is-next,.singer-top5-slide.is-prev,.singer-top5-slide.is-hidden{transform:none}.singer-top5-slide{transition:opacity .28s ease}.singer-top5-slide__bg,.singer-top5-slide.is-active .singer-top5-slide__bg{transform:none;transition:none}.singer-top5-slide__initial.photo-right{right:30px}.singer-top5-slide__initial.photo-left{left:30px}.singer-top5-carousel__arrow{width:30px;height:30px;font-size:22px}}.favorites-page{padding:0 0 3rem}.favorites-hero{position:relative;padding:24px 24px 0;margin-bottom:1.25rem;background:radial-gradient(1100px 280px at 0% 0%,color-mix(in srgb,var(--accent) 14%,transparent) 0%,transparent 65%),radial-gradient(800px 220px at 100% 0%,color-mix(in srgb,var(--chord) 10%,transparent) 0%,transparent 60%),var(--card);border-bottom:1px solid var(--card-border)}.favorites-hero__inner{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding-bottom:18px}.favorites-hero__brand{min-width:0}.favorites-hero__title{margin:0;font-size:1.85rem;font-weight:700;letter-spacing:-.02em;color:var(--fg);line-height:1.1;display:flex;align-items:center;gap:10px}.favorites-hero__title-emoji{font-size:1.3em;filter:drop-shadow(0 2px 6px color-mix(in srgb,var(--accent) 35%,transparent))}.favorites-hero__tagline{margin:6px 0 0;font-size:13px;color:var(--fg-muted)}.favorites-hero__stats{display:flex;gap:22px}.favorites-hero__stat{display:flex;flex-direction:column;gap:1px;text-align:center}.favorites-hero__stat-value{font-size:1.25rem;font-weight:700;color:var(--fg);line-height:1.05;font-variant-numeric:tabular-nums}.favorites-hero__stat-label{font-size:11px;color:var(--fg-muted)}.favorites-hero__stat--accent .favorites-hero__stat-value{color:var(--accent-2)}.favorites-hero__stat--folder .favorites-hero__stat-value{color:var(--chord)}.favorites-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 24px;margin-bottom:1rem}.favorites-tabs{display:flex;flex-wrap:wrap;gap:5px;flex:1;min-width:0}.favorites-tab{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;background:var(--card);color:var(--fg-muted);border:1px solid var(--card-border);border-radius:999px;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background .12s,color .12s,border-color .12s}.favorites-tab:hover{color:var(--fg)}.favorites-tab.is-active{background:var(--chord);color:#fff;border-color:var(--chord);font-weight:600}.favorites-tab.is-active.theme-glass{background:var(--chord)!important;color:#fff!important;border-color:var(--chord)!important}.favorites-tab__count{font-size:11px;background:color-mix(in srgb,var(--fg-muted) 14%,transparent);color:var(--fg-muted);padding:1px 7px;border-radius:999px;font-variant-numeric:tabular-nums;font-weight:600}.favorites-tab.is-active .favorites-tab__count{background:#ffffff40;color:#fff}.favorites-tab__delete{margin-left:2px;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;border-radius:50%;cursor:pointer;opacity:.6}.favorites-tab__delete:hover{opacity:1;background:color-mix(in srgb,#ef4444 30%,transparent);color:#fff}.favorites-tab--add{background:transparent;border-style:dashed;color:var(--fg-muted)}.favorites-tab--add:hover{background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent);border-color:var(--accent)}.favorites-search{display:flex;align-items:center;gap:8px;flex:0 1 240px}.favorites-search__input{flex:1;padding:6px 12px;font-size:13px;background:var(--card);color:var(--fg);border:1px solid var(--card-border);border-radius:6px;font-family:inherit;outline:none;transition:border-color .12s,box-shadow .12s}.favorites-search__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.favorites-search__count{font-size:11px;color:var(--fg-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;padding:0 24px}.favorites-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--card-border);border-radius:8px;overflow:hidden;transition:border-color .12s,transform .12s,box-shadow .12s}.favorites-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 14%,transparent)}.favorites-card__main{padding:11px 14px;display:flex;flex-direction:column;gap:6px;flex:1}.favorites-card__title-link{text-decoration:none;color:var(--fg)}.favorites-card__title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.favorites-card__title-link:hover .favorites-card__title{color:var(--accent)}.favorites-card__artist{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--fg-muted);font-size:12px;width:-moz-fit-content;width:fit-content;padding:1px 4px;border-radius:999px;transition:color .12s,background .12s}.favorites-card__artist:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.favorites-card__avatar{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:9px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.18);flex-shrink:0}.favorites-card__chips{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.favorites-card__key{display:inline-block;padding:1px 8px;font-size:11.5px;font-weight:600;background:color-mix(in srgb,var(--chord) 12%,transparent);color:var(--chord);border-radius:3px;font-variant-numeric:tabular-nums}.favorites-card__saved{display:inline-block;padding:1px 8px;font-size:11px;font-weight:600;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);border-radius:3px}.favorites-card__footer{padding:8px 14px;border-top:1px solid color-mix(in srgb,var(--card-border) 70%,transparent);background:color-mix(in srgb,var(--bg) 50%,transparent)}.favorites-card__folder-select{width:100%;padding:4px 8px;font-size:12px;background:var(--card);color:var(--fg);border:1px solid var(--card-border);border-radius:5px;font-family:inherit;cursor:pointer;outline:none}.favorites-card__folder-select:focus{border-color:var(--accent)}.favorites-empty{text-align:center;padding:4rem 1rem 5rem;color:var(--fg-muted)}.favorites-empty__icon{font-size:56px;opacity:.45;margin-bottom:14px}.favorites-empty__text{font-size:16px;font-weight:600;color:var(--fg);margin-bottom:6px}.favorites-empty__hint{font-size:13px;margin-bottom:18px}.favorites-empty__cta{display:inline-block;padding:9px 22px;font-size:13px;background:var(--accent);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:background .12s}.favorites-empty__cta:hover{background:color-mix(in srgb,var(--accent) 80%,black)}@media (max-width: 720px){.favorites-hero{padding:18px 16px 0}.favorites-hero__inner{grid-template-columns:1fr;gap:12px}.favorites-hero__title{font-size:1.5rem}.favorites-hero__stats{gap:14px;justify-content:flex-start}.favorites-toolbar{flex-direction:column;align-items:stretch;padding:0 16px}.favorites-search{flex-basis:auto}.favorites-grid{padding-left:16px;padding-right:16px}}.folders-page{padding:1rem 1.25rem}.folders-page__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.folder-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:1rem;border-bottom:1px solid var(--card-border);padding-bottom:4px}.folder-tab{padding:6px 12px;background:transparent;border:1px solid transparent;border-radius:4px 4px 0 0;cursor:pointer;color:var(--fg-muted);font-size:14px}.folder-tab.is-active{background:var(--card);border-color:var(--card-border);border-bottom-color:var(--card);color:var(--fg);font-weight:600}.home-page{padding:0 0 3rem}.home-hero{position:relative;padding:32px 24px 24px;margin-bottom:1.75rem;background:radial-gradient(1100px 320px at 0% 0%,color-mix(in srgb,var(--accent) 14%,transparent) 0%,transparent 65%),radial-gradient(800px 240px at 100% 0%,color-mix(in srgb,var(--chord) 10%,transparent) 0%,transparent 60%),var(--card);border-bottom:1px solid var(--card-border)}.home-hero__inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px}.home-hero__brand{min-width:0}.home-hero__title{margin:0;font-size:2rem;font-weight:700;letter-spacing:-.02em;color:var(--fg);line-height:1.1;display:flex;align-items:center;gap:10px}.home-hero__title-emoji{font-size:1.4em;filter:drop-shadow(0 2px 6px color-mix(in srgb,var(--accent) 35%,transparent))}.home-hero__title-logo{filter:drop-shadow(0 2px 8px color-mix(in srgb,var(--accent) 30%,transparent));transition:filter .25s}[data-theme=light] .home-hero__title-logo,[data-theme=sepia] .home-hero__title-logo{filter:drop-shadow(1.6px 0 0 #0f172a) drop-shadow(-1.6px 0 0 #0f172a) drop-shadow(0 1.6px 0 #0f172a) drop-shadow(0 -1.6px 0 #0f172a) drop-shadow(1.2px 1.2px 0 #0f172a) drop-shadow(-1.2px 1.2px 0 #0f172a) drop-shadow(1.2px -1.2px 0 #0f172a) drop-shadow(-1.2px -1.2px 0 #0f172a) drop-shadow(0 2px 4px rgba(15,23,42,.35))}.home-hero__title-suffix{font-weight:700;letter-spacing:-.02em}.home-hero__tagline{margin:8px 0 0;font-size:13.5px;color:var(--fg-muted);line-height:1.5}.home-hero__top-bar{display:flex;justify-content:space-between;align-items:center;width:100%}.home-hero__controls{display:none;align-items:center;gap:8px}.home-hero__avatar-link{display:inline-flex;border-radius:50%;padding:2px;background:transparent;transition:all .2s ease}.home-hero__avatar-link:hover{transform:scale(1.05)}.home-hero__avatar-img{width:30px;height:30px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:1.5px solid var(--accent)}.home-hero__avatar-fallback{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:600;border:1.5px solid var(--accent)}.home-hero__login-btn{display:inline-flex;align-items:center;padding:5px 12px;font-size:12px;font-weight:500;color:var(--fg);background:#ffffff14;border:1px solid var(--card-border);border-radius:20px;text-decoration:none;transition:all .2s ease}.home-hero__login-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}[data-theme=light] .home-hero__login-btn,[data-theme=sepia] .home-hero__login-btn{background:#0000000a}[data-theme=light] .home-hero__login-btn:hover,[data-theme=sepia] .home-hero__login-btn:hover{background:var(--accent);color:#fff}.home-shortcuts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:360px}.home-shortcut-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:#ffffff08;border:1px solid var(--card-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);text-decoration:none;color:var(--fg);transition:all .22s cubic-bezier(.4,0,.2,1);cursor:pointer}.home-shortcut-card:hover{transform:translateY(-2px);background:#ffffff12;border-color:var(--accent);box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 12%,transparent)}.home-shortcut-card__icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#ffffff0d;color:var(--fg-muted);transition:all .22s ease}.home-shortcut-card:hover .home-shortcut-card__icon-wrapper{background:var(--accent);color:#fff;transform:scale(1.05);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 30%,transparent)}.home-shortcut-card__content{display:flex;flex-direction:column;gap:2px;min-width:0}.home-shortcut-card__title{font-size:13.5px;font-weight:600;letter-spacing:-.01em}.home-shortcut-card__desc{font-size:10.5px;color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=light] .home-shortcut-card{background:#00000005;border-color:#0000000f}[data-theme=light] .home-shortcut-card:hover{background:#0000000a}[data-theme=light] .home-shortcut-card__icon-wrapper{background:#00000008}[data-theme=sepia] .home-shortcut-card{background:#00000004;border-color:#0000000d}[data-theme=sepia] .home-shortcut-card:hover{background:#00000008}[data-theme=sepia] .home-shortcut-card__icon-wrapper{background:#00000005}.home-shortcuts--bottom,.home-stats-compact--bottom{display:none}.home-stats-compact{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:11.5px;color:var(--fg-muted)}.home-stats-compact strong{color:var(--fg)}.home-stats-compact__separator{color:var(--card-border);opacity:.8}.home-stats-compact__accent{display:inline-flex;align-items:center;gap:3px;color:var(--accent-2)!important}.home-stats-compact__accent strong{color:var(--accent-2)!important}.home-stats-compact__logo{height:1.1em;width:auto;display:inline-block;vertical-align:middle}.home-hero__search{margin-top:1.25rem;width:100%;max-width:420px}.home-search-anchor{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:50px;background:#ffffff0d;border:1px solid var(--card-border);color:var(--fg-muted);text-decoration:none;transition:all .2s ease-in-out;cursor:pointer}.home-search-anchor:hover{background:#ffffff17;border-color:var(--accent);color:var(--fg);transform:translateY(-1px);box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 15%,transparent)}.home-search-anchor__icon{font-size:1.1rem;color:var(--fg-muted);transition:color .2s}.home-search-anchor:hover .home-search-anchor__icon{color:var(--accent)}.home-search-anchor__placeholder{font-size:.85rem;font-weight:400;flex-grow:1}[data-theme=light] .home-search-anchor{background:#00000008;border-color:#00000014}[data-theme=light] .home-search-anchor:hover{background:#0000000d}[data-theme=sepia] .home-search-anchor{background:#00000005;border-color:#0000000f}[data-theme=sepia] .home-search-anchor:hover{background:#0000000a}.page-hero{position:relative;padding:18px 24px 20px;margin-bottom:1.5rem;background:radial-gradient(1100px 320px at 0% 0%,color-mix(in srgb,var(--accent) 14%,transparent) 0%,transparent 65%),radial-gradient(800px 240px at 100% 0%,color-mix(in srgb,var(--accent-2) 10%,transparent) 0%,transparent 60%),var(--card);border-bottom:1px solid var(--card-border)}.page-hero__compact{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,auto) auto auto;align-items:center;gap:20px}.page-hero__compact-slot{display:flex;align-items:center;justify-content:center}.page-hero__compact-slot:empty{display:none}.page-hero__compact-slot .hero-compact-search,.page-hero__compact-slot .hero-compact-search-container{max-width:320px;width:100%}.page-hero__brand-btn--compact{align-self:center}.page-hero__heading{min-width:0}.page-hero__heading .page-hero__title{margin:0;font-size:1.625rem;font-weight:800;letter-spacing:-.02em;line-height:1.15;display:flex;align-items:center;gap:10px}.page-hero__heading .page-hero__tagline{margin:4px 0 0}.page-hero__heading .page-stats-compact{margin-top:6px}.page-hero__nav:not(.is-shrunken){display:none}.page-hero__title{margin:0;font-size:2rem;font-weight:700;letter-spacing:-.02em;color:var(--fg);line-height:1.1;display:flex;align-items:center;gap:12px}.page-hero__title-icon{color:var(--accent);filter:drop-shadow(0 2px 6px color-mix(in srgb,var(--accent) 35%,transparent))}.page-hero__tagline{margin:8px 0 0;font-size:13.5px;color:var(--fg-muted);line-height:1.5}.page-hero__custom-content{margin-top:1.25rem;width:100%}.page-hero__right-content{display:flex;align-items:center;gap:16px}.page-stats-compact{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:11.5px;color:var(--fg-muted)}.page-stats-compact strong{color:var(--fg)}.page-stats-compact__separator{color:var(--card-border);opacity:.8}.page-stats-compact__accent{display:inline-flex;align-items:center;gap:3px;color:var(--accent-2)!important}.page-stats-compact__accent strong{color:var(--accent-2)!important}.home-strip{padding:0 24px;margin-bottom:1.75rem}.home-strip__title{display:flex;align-items:baseline;gap:10px;margin:0 0 12px;font-size:16px;font-weight:700;color:var(--fg);letter-spacing:-.005em}.home-strip__icon{font-size:18px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.15))}.home-strip__hint{font-size:11.5px;font-weight:500;color:var(--fg-muted);letter-spacing:0}.home-strip__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.home-strip--accent{position:relative;padding-left:24px}.home-strip--accent:before{content:"";position:absolute;left:0;top:36px;bottom:0;width:3px;background:linear-gradient(180deg,var(--accent-2),transparent);opacity:.35}.home-card{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:var(--card);border:1px solid var(--card-border);border-radius:8px;text-decoration:none;color:var(--fg);transition:background .12s,border-color .12s,transform .12s;position:relative;overflow:hidden}.home-card:hover{background:color-mix(in srgb,var(--accent) 6%,var(--card));border-color:var(--accent);transform:translateY(-1px)}.home-card__rank{font-size:1.1rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums;min-width:30px;flex-shrink:0;line-height:1.05;padding-top:1px}.home-card__main{min-width:0;flex:1}.home-card__title-row{display:flex;align-items:center;gap:4px}.home-card__title{font-size:14px;font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.home-card__tab{font-size:13px;flex-shrink:0;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--accent-2) 60%,transparent))}.home-card__artist{font-size:11.5px;color:var(--fg-muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-card__meta{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;align-items:center}.home-card__key{display:inline-block;padding:1px 7px;font-size:11px;font-weight:600;background:color-mix(in srgb,var(--chord) 12%,transparent);color:var(--chord);border-radius:3px;font-variant-numeric:tabular-nums}.home-card__capo{display:inline-block;padding:1px 6px;font-size:10.5px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);border-radius:3px;font-weight:500}.home-card__view{font-size:10.5px;color:var(--fg-muted);font-variant-numeric:tabular-nums;margin-left:auto}.home-all{padding:0 24px;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--card-border)}.home-all__head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:14px}.home-all__count{font-size:11.5px;color:var(--fg-muted);font-variant-numeric:tabular-nums}.home-loadmore-wrap{display:flex;justify-content:center;margin-top:1.5rem}.home-loadmore{padding:9px 22px;font-size:13px;background:var(--card);border:1px solid var(--card-border);border-radius:8px;color:var(--fg);cursor:pointer;font-family:inherit;font-variant-numeric:tabular-nums;transition:background .12s,color .12s,border-color .12s}.home-loadmore:hover:not(:disabled){background:var(--accent);color:#fff;border-color:var(--accent)}.home-loadmore:disabled{opacity:.6;cursor:wait}.home-empty{padding:3rem 0;text-align:center;color:var(--fg-muted);font-size:14px}@media (max-width: 720px){.home-hero{padding:22px 16px 18px}.home-hero__inner{grid-template-columns:1fr;gap:14px}.home-hero__title{font-size:1.5rem}.home-strip,.home-all{padding-left:16px;padding-right:16px}.home-strip__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.artist-detail{max-width:1180px;margin:0 auto;padding:0 0 3rem}.artist-hero{position:relative;padding:24px 24px 0;margin-bottom:1.25rem;background:radial-gradient(1100px 280px at 0% 0%,color-mix(in srgb,var(--accent) 14%,transparent) 0%,transparent 65%),radial-gradient(800px 220px at 100% 0%,color-mix(in srgb,var(--chord) 10%,transparent) 0%,transparent 60%),var(--card);background-size:cover;background-position:center 30%;color:var(--fg);border-bottom:1px solid var(--card-border);transition:box-shadow .18s,outline .18s}.artist-hero.is-drag-over{outline:3px dashed var(--accent);outline-offset:-8px;box-shadow:0 0 0 9999px color-mix(in srgb,var(--accent) 5%,transparent) inset}.artist-hero__drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 14%,rgba(255,255,255,.85));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;gap:6px}.artist-hero__drop-overlay--uploading{background:color-mix(in srgb,var(--chord) 14%,rgba(255,255,255,.85))}.artist-hero__drop-icon{font-size:42px}.artist-hero__drop-text{font-size:16px;font-weight:600;color:var(--fg)}.artist-hero__drop-hint{font-size:11px;color:var(--fg-muted)}.artist-photo-error{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:10px 16px;background:#fef2f2;color:#991b1b;border-bottom:1px solid #fecaca;font-size:13px}.artist-photo-error button{background:transparent;border:1px solid #fca5a5;color:#991b1b;font-size:12px;padding:2px 8px;border-radius:4px;cursor:pointer;font-family:inherit}.artist-hero__inner{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:flex-start;padding-bottom:18px}.artist-hero__avatar{width:116px;height:116px;border-radius:50%;overflow:hidden;border:3px solid var(--card);box-shadow:0 0 0 1px var(--card-border),0 4px 16px color-mix(in srgb,var(--accent) 25%,transparent);flex-shrink:0;position:relative;display:block}.artist-hero__avatar--clickable{cursor:pointer;transition:transform .15s}.artist-hero__avatar--clickable:hover{transform:scale(1.04)}.artist-hero__avatar-hint{position:absolute;inset:auto 0 0 0;padding:4px 0;font-size:10px;font-weight:600;text-align:center;background:color-mix(in srgb,var(--accent) 80%,black);color:#fff;opacity:0;transition:opacity .15s;pointer-events:none}.artist-hero__avatar--clickable:hover .artist-hero__avatar-hint{opacity:1}.artist-hero__photo{width:200px;height:260px;border-radius:10px;overflow:hidden;border:3px solid var(--card);box-shadow:0 0 0 1px var(--card-border),0 8px 24px #0000002e;flex-shrink:0;background:var(--bg);position:relative;display:block}.artist-hero__photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.artist-hero__photo--clickable{cursor:pointer}.artist-hero__photo-edit{position:absolute;left:0;right:0;bottom:0;padding:6px 0;font-size:11px;font-weight:600;text-align:center;background:linear-gradient(180deg,transparent,rgba(0,0,0,.55));color:#fff;opacity:0;transition:opacity .15s;pointer-events:none}.artist-hero__photo--clickable:hover .artist-hero__photo-edit{opacity:1}.artist-hero__photo--composite{position:relative}.artist-hero__photo--composite img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.artist-hero__photo-composite-bg{z-index:1}.artist-hero__photo-composite-top{z-index:2;-webkit-mask-image:linear-gradient(135deg,black 0%,black 38%,transparent 62%);mask-image:linear-gradient(135deg,black 0%,black 38%,transparent 62%)}.artist-hero__photo--composite:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 47%,rgba(255,255,255,.45) 49%,rgba(255,255,255,.45) 51%,transparent 53%);z-index:3;pointer-events:none;opacity:0;transition:opacity .2s}.artist-hero__photo--composite:has(.artist-hero__photo-composite-top):before{opacity:.5}.artist-hero__photo-composite-hint{position:absolute;left:0;right:0;top:0;padding:5px 8px;font-size:10.5px;font-weight:600;letter-spacing:.02em;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);z-index:4;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist-hero--with-photo .artist-hero__inner{grid-template-columns:auto 1fr auto;gap:24px;align-items:flex-start;padding-bottom:22px}.artist-hero--with-photo{background:radial-gradient(900px 320px at 50% 0%,color-mix(in srgb,var(--accent) 8%,transparent) 0%,transparent 70%),var(--card)}.artist-hero__avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.artist-hero__avatar span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:52px;font-weight:700;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.18);letter-spacing:-.02em}.artist-hero__main{min-width:0}.artist-hero__row1{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.artist-hero__name{margin:0;font-size:2.1rem;font-weight:700;color:var(--fg);letter-spacing:-.01em;line-height:1.1}.artist-hero__year{font-size:13px;color:var(--fg-muted);font-weight:500;font-variant-numeric:tabular-nums}.artist-hero__badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.artist-hero__badge{display:inline-flex;align-items:center;padding:2px 10px;font-size:11.5px;font-weight:500;border-radius:999px;background:color-mix(in srgb,var(--fg-muted) 12%,transparent);color:var(--fg-muted);border:1px solid transparent}.artist-hero__badge--type{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-weight:600}.artist-hero__badge--lang{background:color-mix(in srgb,var(--chord) 12%,transparent);color:var(--chord)}.artist-hero__badge--tag{background:transparent;border-color:var(--card-border)}.artist-hero__bio{margin:11px 0 0;font-size:13px;line-height:1.6;color:var(--fg-muted);max-width:760px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.artist-hero__bio.is-open{display:block;-webkit-line-clamp:unset}.artist-hero__bio-toggle{margin-left:6px;padding:0 7px;background:transparent;border:1px solid var(--card-border);color:var(--accent);font-size:11px;border-radius:4px;cursor:pointer;font-family:inherit}.artist-hero__bio-toggle:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.artist-hero__members{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:10px}.artist-hero__members-label{font-size:11px;color:var(--fg-muted);margin-right:2px}.artist-hero__member-chip{padding:2px 9px;font-size:11.5px;background:var(--bg);color:var(--fg);border:1px solid var(--card-border);border-radius:999px}.artist-hero__actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.artist-hero__action{padding:5px 12px;font-size:12px;background:var(--card);color:var(--fg-muted);text-decoration:none;border-radius:6px;border:1px solid var(--card-border);transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.artist-hero__action:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);border-color:var(--accent)}.artist-hero__action--ghost{background:transparent;border-color:transparent}.artist-stats{display:flex;flex-wrap:wrap;gap:24px;border-top:1px solid var(--card-border);margin:0 -24px;padding:13px 24px;background:color-mix(in srgb,var(--bg) 50%,transparent)}.artist-stats__item{display:flex;flex-direction:column;gap:2px}.artist-stats__value{font-size:1.2rem;font-weight:700;color:var(--fg);line-height:1.1;font-variant-numeric:tabular-nums}.artist-stats__label{font-size:11px;color:var(--fg-muted);font-weight:500}.artist-stats__item--accent .artist-stats__value{color:var(--accent-2)}.artist-photos{padding:0 24px;margin-bottom:1.5rem}.artist-photos__strip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}.artist-photos__strip::-webkit-scrollbar{height:6px}.artist-photos__strip::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--fg-muted) 30%,transparent);border-radius:3px}.artist-photos__thumb{flex-shrink:0;width:140px;height:140px;border-radius:10px;overflow:hidden;border:1px solid var(--card-border);background:var(--bg);cursor:pointer;padding:0;position:relative;transition:transform .15s,border-color .15s,box-shadow .15s}.artist-photos__thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.artist-photos__thumb:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 18%,transparent)}.artist-photos--floating{position:absolute;right:18px;bottom:14px;z-index:4;margin-bottom:0;padding:0 0 0 30px;background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0;max-width:calc(100% - 36px);overflow:visible}.artist-photos__floating-label{position:absolute;left:0;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:3px;padding:3px 6px;font-size:11px;font-weight:700;color:var(--fg);background:color-mix(in srgb,var(--card) 35%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:8px;font-variant-numeric:tabular-nums;letter-spacing:.02em;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.15)}.artist-photos--floating .artist-photos__strip{gap:6px;padding:0;scrollbar-width:none;overflow:visible}.artist-photos--floating .artist-photos__strip::-webkit-scrollbar{display:none}.artist-photos--floating .artist-photos__thumb{width:60px;height:60px;border-radius:8px;border:1px solid rgba(255,255,255,.35);box-shadow:0 2px 6px #0000002e,0 0 0 1px #0000000f}.artist-photos--floating .artist-photos__thumb:hover{transform:translateY(-3px) scale(1.06);border-color:var(--accent);box-shadow:0 6px 16px #00000047,0 0 0 1px var(--accent)}@media (max-width: 720px){.artist-photos--floating{position:static;margin:12px 0 0;max-width:100%;padding:8px 10px 8px 36px}}.artist-photos__lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000eb;display:flex;align-items:center;justify-content:center;padding:24px 60px;cursor:pointer;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.artist-photos__lightbox-img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;cursor:default;border-radius:8px;box-shadow:0 12px 60px #0009}.artist-photos__lightbox-close{position:absolute;top:18px;right:18px;width:40px;height:40px;border-radius:50%;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit;transition:background .15s,transform .15s;padding:0}.artist-photos__lightbox-close:hover{background:#ffffff40;transform:rotate(90deg)}.artist-photos__lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:32px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit;transition:background .15s,transform .15s;padding:0 0 4px}.artist-photos__lightbox-nav:hover{background:#ffffff47;transform:translateY(-50%) scale(1.1)}.artist-photos__lightbox-nav--prev{left:16px}.artist-photos__lightbox-nav--next{right:16px}.artist-photos__lightbox-counter{position:absolute;bottom:18px;left:50%;transform:translate(-50%);padding:6px 14px;background:#0009;color:#fff;font-size:13px;font-variant-numeric:tabular-nums;border-radius:999px}.artist-collab-chip{display:inline-block;padding:1px 7px;font-size:10.5px;font-weight:600;background:color-mix(in srgb,#a855f7 14%,transparent);color:#9333ea;border-radius:3px;font-style:italic;letter-spacing:.02em}.artist-featured{padding:0 24px;margin-bottom:1.75rem}.artist-section-title{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--fg-muted);letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center;gap:6px}.artist-section-title__num{color:var(--accent);font-size:16px}.artist-featured__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.artist-featured__card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--card);border:1px solid var(--card-border);border-radius:10px;text-decoration:none;color:var(--fg);transition:transform .15s,box-shadow .15s,border-color .15s;position:relative;overflow:hidden}.artist-featured__card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--accent),var(--chord))}.artist-featured__card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 18%,transparent)}.artist-featured__rank{font-size:1.5rem;font-weight:700;color:var(--accent);opacity:.85;flex-shrink:0;font-variant-numeric:tabular-nums;min-width:36px}.artist-featured__body{flex:1;min-width:0}.artist-featured__title{font-size:15px;font-weight:600;color:var(--fg);display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist-featured__tab{font-size:14px}.artist-featured__credit{font-size:11.5px;color:var(--fg-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist-featured__chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.artist-featured__chip{padding:1px 8px;font-size:10.5px;font-weight:600;background:color-mix(in srgb,var(--chord) 14%,transparent);color:var(--chord);border-radius:4px;font-variant-numeric:tabular-nums}.artist-featured__chip--view{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.artist-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:0 24px;margin-bottom:1rem}.artist-toolbar__sort{display:flex;flex-wrap:wrap;gap:5px}.artist-toolbar__chip{padding:5px 12px;font-size:12px;background:var(--card);color:var(--fg-muted);border:1px solid var(--card-border);border-radius:999px;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background .12s,color .12s}.artist-toolbar__chip:hover{color:var(--fg)}.artist-toolbar__chip.is-active{background:var(--chord);color:#fff;border-color:var(--chord);font-weight:600}.artist-toolbar__right{display:flex;gap:10px;align-items:center}.artist-toolbar__view{display:inline-flex;background:var(--card);border:1px solid var(--card-border);border-radius:6px;overflow:hidden}.artist-toolbar__view-btn{padding:5px 10px;background:transparent;border:none;color:var(--fg-muted);cursor:pointer;font-size:13px;font-family:inherit;transition:background .12s,color .12s}.artist-toolbar__view-btn:hover{background:var(--bg);color:var(--fg)}.artist-toolbar__view-btn.is-active{background:color-mix(in srgb,var(--chord) 12%,transparent);color:var(--chord)}.artist-toolbar__search{display:flex;align-items:center;gap:8px;flex:0 1 240px}.artist-toolbar__input{flex:1;padding:6px 12px;font-size:13px;background:var(--card);color:var(--fg);border:1px solid var(--card-border);border-radius:6px;font-family:inherit;outline:none;transition:border-color .12s,box-shadow .12s}.artist-toolbar__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.artist-toolbar__count{font-size:11px;color:var(--fg-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.artist-list{padding:0 24px;border-top:1px solid var(--card-border)}.artist-list__header{display:grid;grid-template-columns:minmax(160px,2fr) minmax(110px,1.2fr) minmax(110px,1.2fr) 110px 80px;gap:12px;padding:8px 12px;font-size:11px;font-weight:600;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--card-border)}.artist-list__row{display:grid;grid-template-columns:minmax(160px,2fr) minmax(110px,1.2fr) minmax(110px,1.2fr) 110px 80px;gap:12px;padding:11px 12px;font-size:13px;color:var(--fg);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--card-border) 60%,transparent);align-items:center;transition:background .12s}.artist-list__row:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.artist-list__cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist-list__cell--title{font-weight:500;color:var(--fg)}.artist-list__cell--composer,.artist-list__cell--lyricist{color:var(--fg-muted);font-size:12.5px}.artist-list__cell--key{display:flex;gap:4px;align-items:center}.artist-list__cell--views{text-align:right;font-variant-numeric:tabular-nums;color:var(--fg-muted);font-size:12px}.artist-list__key-chip{display:inline-block;padding:1px 8px;font-size:11.5px;font-weight:600;background:color-mix(in srgb,var(--chord) 12%,transparent);color:var(--chord);border-radius:3px}.artist-list__capo-chip{display:inline-block;padding:1px 6px;font-size:10.5px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);border-radius:3px;font-weight:500}.artist-list__tab-badge{filter:drop-shadow(0 0 3px color-mix(in srgb,var(--accent-2) 60%,transparent))}.artist-list__dash{color:color-mix(in srgb,var(--fg-muted) 40%,transparent)}.artist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;padding:0 24px}.artist-card{display:flex;flex-direction:column;padding:10px 14px;background:var(--card);border:1px solid var(--card-border);border-radius:8px;text-decoration:none;color:var(--fg);transition:background .12s,border-color .12s,transform .12s;gap:4px}.artist-card:hover{background:color-mix(in srgb,var(--accent) 6%,var(--card));border-color:var(--accent);transform:translateY(-1px)}.artist-card__title-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.artist-card__title{font-size:14px;font-weight:500;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.artist-card__tab-badge{font-size:13px;flex-shrink:0;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--accent-2) 60%,transparent))}.artist-card__meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--fg-muted);flex-wrap:wrap}.artist-card__key{display:inline-block;padding:1px 7px;font-weight:600;background:color-mix(in srgb,var(--chord) 12%,transparent);color:var(--chord);border-radius:3px;font-variant-numeric:tabular-nums}.artist-card__capo{display:inline-block;padding:1px 7px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);border-radius:3px;font-weight:500}.artist-card__credit{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;flex:1 1 auto;min-width:0}.artist-card__stats{display:flex;gap:10px;font-size:10.5px;color:var(--fg-muted);font-variant-numeric:tabular-nums}.artist-loadmore-wrap{display:flex;justify-content:center;margin-top:1.5rem;padding:0 24px}.artist-loadmore{padding:9px 22px;font-size:13px;background:var(--card);border:1px solid var(--card-border);border-radius:8px;color:var(--fg);cursor:pointer;font-family:inherit;font-variant-numeric:tabular-nums;transition:background .12s,color .12s,border-color .12s}.artist-loadmore:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.artist-empty{padding:3rem 0;text-align:center;color:var(--fg-muted);font-size:14px}@media (max-width: 720px){.artist-hero{padding:20px 16px 0;border-radius:0}.artist-stats{margin:0 -16px;padding-left:16px;padding-right:16px;gap:16px}.artist-hero__inner{grid-template-columns:84px 1fr;grid-template-areas:"avatar main" "actions actions";gap:14px}.artist-hero__avatar{width:84px;height:84px;grid-area:avatar}.artist-hero__avatar span{font-size:38px}.artist-hero__photo{width:110px;height:140px;grid-area:avatar}.artist-hero__main{grid-area:main}.artist-hero__name{font-size:1.6rem}.artist-hero__actions{grid-area:actions;flex-direction:row;justify-content:flex-end}.artist-featured,.artist-toolbar,.artist-grid,.artist-list,.artist-loadmore-wrap{padding-left:16px;padding-right:16px}.artist-toolbar__right{flex-basis:100%}.artist-toolbar__search{flex:1}.artist-list__header,.artist-list__row{grid-template-columns:minmax(140px,1.7fr) minmax(90px,1fr) 80px}.artist-list__cell--lyricist,.artist-list__cell--views{display:none}}.artist-editor__form{display:flex;flex-direction:column;gap:1rem}.artist-editor__field{display:flex;flex-direction:column;gap:6px}.artist-editor__field label{font-size:12px;font-weight:600;color:var(--fg-muted)}.artist-editor__field input,.artist-editor__field textarea{padding:6px 10px;font-size:13px;border:1px solid var(--card-border);border-radius:6px;background:var(--bg);color:var(--fg);font-family:inherit}.artist-editor__chip-row{display:flex;flex-wrap:wrap;gap:6px}.artist-editor__chip{padding:5px 14px;font-size:12px;background:var(--card);color:var(--fg-muted);border:1px solid var(--card-border);border-radius:999px;cursor:pointer;font-family:inherit}.artist-editor__chip:hover{background:var(--bg)}.artist-editor__chip.is-active{background:var(--chord);color:var(--chord-active-fg, white);border-color:var(--chord);font-weight:600}.artist-editor__hint{font-size:11px;color:var(--fg-faint);margin:4px 0 0}.artist-editor__collab-hint{border:1px dashed color-mix(in srgb,var(--accent) 50%,transparent);background:color-mix(in srgb,var(--accent) 6%,var(--card));border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.artist-editor__collab-hint-header{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:13px}.artist-editor__collab-hint-header strong{color:var(--accent);font-weight:700}.artist-editor__collab-hint-header span{color:var(--fg-muted);font-size:12px}.artist-editor__collab-hint-grid{display:flex;gap:12px;flex-wrap:wrap}.artist-editor__collab-hint-card{display:flex;flex-direction:column;align-items:center;gap:4px}.artist-editor__collab-hint-photo{width:64px;height:64px;border-radius:50%;background-size:cover;background-repeat:no-repeat;border:2px solid var(--card);box-shadow:0 0 0 1px var(--card-border),0 2px 6px #00000014}.artist-editor__collab-hint-name{font-size:11.5px;font-weight:600;color:var(--fg)}.photo-slot{display:flex;flex-direction:column;gap:8px;position:relative;border-radius:8px;transition:outline-color .15s,box-shadow .15s}.photo-slot.is-file-drag{outline:2px dashed var(--accent);outline-offset:4px;box-shadow:0 0 0 9999px color-mix(in srgb,var(--accent) 4%,transparent) inset}.photo-slot__empty-hint{display:block;margin-top:6px;font-size:11px;color:var(--fg-muted);font-weight:400}.photo-slot__drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.85));color:var(--fg);font-size:14px;font-weight:600;border-radius:8px;z-index:5;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.photo-slot__drop-overlay--uploading{background:color-mix(in srgb,var(--chord) 18%,rgba(255,255,255,.85));animation:pulse 1.2s ease-in-out infinite}.photo-slot__preview{position:relative;display:inline-block;width:-moz-max-content;width:max-content;max-width:100%;align-self:flex-start;background:var(--bg);border:1px solid var(--card-border);border-radius:8px;overflow:hidden;cursor:crosshair;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;min-width:280px;min-height:160px;vertical-align:top}.photo-slot__preview img{display:block;max-width:480px;max-height:420px;width:auto;height:auto;pointer-events:none}.photo-slot__crop-frame{position:absolute;border:2px dashed var(--accent);box-shadow:0 0 0 9999px #00000073,inset 0 0 0 1px #ffffff8c;pointer-events:none;z-index:2}.photo-slot__crop-frame:before,.photo-slot__crop-frame:after{content:"";position:absolute;width:12px;height:12px;border:2px solid var(--accent);background:#fffc}.photo-slot__crop-frame:before{top:-6px;left:-6px;border-right:none;border-bottom:none}.photo-slot__crop-frame:after{bottom:-6px;right:-6px;border-left:none;border-top:none}.photo-slot__crop-label{position:absolute;top:0;left:0;padding:2px 8px;background:var(--accent);color:#fff;font-size:10.5px;font-weight:600;border-radius:0 0 3px;white-space:nowrap;font-family:JetBrains Mono,monospace;letter-spacing:.02em;box-shadow:0 1px 3px #0000004d;z-index:1}.photo-slot__marker{position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:22px;font-weight:700;border-radius:50%;pointer-events:none;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--accent),0 4px 12px #00000059;line-height:1}.photo-slot__focal-readout{position:absolute;right:8px;bottom:8px;padding:2px 8px;background:#000000a6;color:#fff;font-size:11px;font-family:JetBrains Mono,monospace;border-radius:4px;font-variant-numeric:tabular-nums;pointer-events:none}.photo-slot__empty{width:100%;max-width:360px;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;background:var(--bg);border:2px dashed var(--card-border);border-radius:8px;color:var(--fg-muted);font-size:13px}.photo-slot__actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;max-width:600px;position:relative;border-radius:8px;padding:4px;transition:outline-color .15s,background .15s}.photo-gallery.is-drag-over{outline:2px dashed var(--accent);outline-offset:2px;background:color-mix(in srgb,var(--accent) 6%,transparent)}.photo-gallery__drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.9));color:var(--fg);font-size:14px;font-weight:600;border-radius:8px;z-index:10;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.photo-gallery__drop-overlay--uploading{background:color-mix(in srgb,var(--chord) 18%,rgba(255,255,255,.9));animation:pulse 1.2s ease-in-out infinite}.photo-gallery__item{position:relative;aspect-ratio:1 / 1;border-radius:8px;overflow:hidden;border:1px solid var(--card-border);background:var(--bg);transition:outline .15s,outline-offset .15s,box-shadow .15s}.photo-gallery__item.is-editing{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 28%,transparent)}.photo-gallery__item-photo{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.photo-gallery__item-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.photo-gallery__item-marker{position:absolute;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;box-shadow:0 0 0 2px #fff,0 2px 6px #00000059;pointer-events:none;transform:translate(-50%,-50%);z-index:3;line-height:1}.photo-gallery__item-focal-badge{position:absolute;bottom:6px;left:6px;font-size:9.5px;font-weight:600;letter-spacing:.02em;background:#000000b3;color:#fff;padding:2px 6px;border-radius:4px;z-index:2;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.5)}.photo-gallery__item.has-custom-focal{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.photo-gallery__remove{position:absolute;top:4px;right:4px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#dc2626e6;color:#fff;font-size:13px;font-weight:700;border:none;border-radius:50%;cursor:pointer;opacity:0;transition:opacity .15s,transform .15s;font-family:inherit;line-height:1;padding:0}.photo-gallery__item:hover .photo-gallery__remove{opacity:1}.photo-gallery__remove:hover{transform:scale(1.1);background:#b91c1c}.photo-gallery__actions{position:absolute;left:0;right:0;bottom:0;display:flex;gap:4px;padding:6px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.85));opacity:0;transform:translateY(8px);transition:opacity .18s,transform .18s;pointer-events:none}.photo-gallery__item:hover .photo-gallery__actions,.photo-gallery__item.is-editing .photo-gallery__actions{opacity:1;transform:translateY(0);pointer-events:auto}@media (hover: none){.photo-gallery__remove{opacity:1}.photo-gallery__actions{opacity:1;transform:translateY(0);pointer-events:auto}.photo-gallery__action-btn{padding:8px 6px;font-size:12px}}.photo-gallery__action-btn.is-active{background:var(--accent);color:#fff}.photo-gallery__action-btn{flex:1;padding:4px 6px;font-size:10.5px;font-weight:600;background:#fffffff2;color:var(--fg);border:none;border-radius:4px;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background .12s,color .12s}.photo-gallery__action-btn:hover{background:var(--accent);color:#fff}.photo-gallery__add{aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--bg);border:2px dashed var(--card-border);border-radius:8px;cursor:pointer;color:var(--fg-muted);transition:background .12s,color .12s,border-color .12s}.photo-gallery__add:hover{background:color-mix(in srgb,var(--accent) 6%,transparent);color:var(--accent);border-color:var(--accent)}.photo-gallery__add>span:first-child{font-size:32px;font-weight:300;line-height:1}.photo-gallery__add-hint{font-size:11px;font-variant-numeric:tabular-nums}.editor-preview-shell{width:100%;max-width:720px;border:1px solid var(--card-border);border-radius:10px;overflow:hidden}.editor-preview-shell .artist-hero{margin-bottom:0;padding:16px 16px 0}.editor-preview-shell .artist-hero__photo{width:130px;height:170px}.editor-preview-shell .artist-hero__avatar{width:90px;height:90px}.editor-preview-shell .artist-hero__avatar span{font-size:40px}.editor-preview-shell .artist-hero__main{min-width:0}.editor-preview-shell .artist-stats{display:none}.editor-preview-shell .artist-hero__bio{-webkit-line-clamp:2}.artist-editor__wd{margin-top:8px;display:flex;flex-direction:column;gap:4px}.artist-editor__wd-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:8px 12px;background:var(--card);border:1px solid var(--card-border);border-radius:6px;cursor:pointer;font-family:inherit;color:var(--fg);gap:2px}.artist-editor__wd-card:hover{background:color-mix(in srgb,var(--accent) 10%,var(--card));border-color:var(--accent)}.artist-editor__wd-label{font-size:13px;font-weight:500}.artist-editor__wd-desc{font-size:11px;color:var(--fg-muted)}.search-filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;background:var(--card);border:1px solid var(--card-border);border-radius:8px;margin-bottom:1.25rem}.search-filters__label{font-size:11px;font-weight:600;color:var(--fg-muted);margin-right:4px}.search-filters__chip{padding:4px 12px;font-size:12px;background:transparent;color:var(--fg);border:1px solid var(--card-border);border-radius:999px;cursor:pointer;font-family:inherit}.search-filters__chip:hover{background:var(--bg)}.search-filters__chip.is-active{background:var(--chord);color:#fff;border-color:var(--chord);font-weight:600}.search-filters__divider{display:inline-block;width:1px;height:16px;background:var(--card-border);margin:0 4px}.search-filters__clear{margin-left:auto;padding:4px 10px;font-size:11px;background:transparent;border:1px solid var(--card-border);border-radius:4px;color:#dc2626;cursor:pointer}.folder-tab__count{font-size:12px;opacity:.6;margin-left:4px}.folder-tab__delete{margin-left:4px;opacity:.4;cursor:pointer}.folder-tab__delete:hover{opacity:1;color:#dc2626}.folder-add-btn{padding:4px 12px;background:transparent;border:1px dashed var(--card-border);border-radius:4px;color:var(--fg-muted);cursor:pointer}.folder-add-btn:hover{border-color:var(--chord);color:var(--chord)}.folder-saved-tag{display:inline-block;font-size:11px;padding:1px 6px;background:var(--section-tag-bg);color:var(--section-tag);border-radius:3px;margin-left:4px;font-family:JetBrains Mono,monospace}main,body{background:var(--bg)}.perf-strip{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:1.25rem 1.5rem;margin:1rem 0;display:flex;flex-direction:column;gap:1.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.perf-strip--empty{padding:3rem 1.5rem;text-align:center}.perf-strip__msg{color:var(--fg-muted)}.perf-strip__context{display:flex;flex-direction:column;gap:.5rem;text-align:center;min-height:4em}.perf-strip__section{display:flex;justify-content:center;align-items:center;gap:.75rem;font-size:13px}.perf-strip__section-tag{background:var(--section-tag-bg);color:var(--section-tag);padding:3px 12px;border-radius:999px;font-weight:600}.perf-strip__next-section{color:var(--fg-muted);font-size:12px}.perf-strip__meter{display:inline-flex;align-items:center;gap:3px;padding:2px 9px;border-radius:999px;border:1.5px solid var(--accent);color:var(--accent);font-weight:700;font-size:12.5px;line-height:1;letter-spacing:.02em;flex-shrink:0}.perf-strip__meter--sidebar{margin-left:auto;border-color:var(--card-border);color:var(--fg-muted)}.perf-track-tags{display:inline-flex;align-items:center;gap:5px;margin-left:10px}.perf-track-tag{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:26px;padding:0 7px;font-size:14px;line-height:1;border-radius:13px;border:1.5px solid var(--card-border);background:transparent;color:var(--fg);cursor:pointer;transition:opacity .12s,border-color .12s,background .12s,filter .12s;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.perf-track-tag:hover{filter:brightness(1.25)}.perf-track-tag,.perf-strip__btn,.perf-strip__toggle,.perf-strip__section-btn,.sheet-toolbar__key,.sheet-toolbar__capo,.sheet-toolbar__mode,.sheet-toolbar__icon,.sheet-toolbar__reset,.sheet-toolbar__collapse-btn,.sheet-chord{touch-action:manipulation}.perf-track-tag--guitar{border-color:#f59e0b;background:#f59e0b29}.perf-track-tag--bass{border-color:#a78bfa;background:#a78bfa29}.perf-track-tag--drums{border-color:#f87171;background:#f8717129}.perf-track-tag--keyboard{border-color:#60a5fa;background:#60a5fa29}.perf-track-tag--melody{border-color:#34d399;background:#34d39929}.perf-track-tag--synth{border-color:#22d3ee;background:#22d3ee29}.perf-track-tag--vocal{border-color:#f472b6;background:#f472b629}.perf-track-tag.is-off{opacity:.42;background:transparent;border-color:var(--card-border)}.perf-track-tag.is-off:after{content:"";position:absolute;left:4px;right:4px;top:50%;height:1.5px;background:#ef4444;transform:rotate(-12deg);pointer-events:none}.perf-track-tag.is-empty{opacity:.32;background:transparent;border-color:var(--card-border);filter:grayscale(.65)}.perf-track-tag.is-empty:hover{opacity:.5;filter:grayscale(.4) brightness(1.15)}.perf-track-tag.is-solo{opacity:1;border-color:#fbbf24;background:#fbbf2433;box-shadow:0 0 6px #fbbf2480}.perf-track-tag.is-solo.is-off:after{display:none}.perf-track-tag--all{min-width:auto;font-size:11px;font-weight:700;border-style:dashed;border-color:var(--card-border);color:var(--fg-muted)}.perf-strip__lyric{font-size:1.4em;color:var(--fg);font-weight:500;min-height:1.6em;letter-spacing:.04em}.perf-strip__lyric-placeholder{color:var(--fg-faint)}.perf-lyrics{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;margin:.25rem 0;padding:.25rem 0}.perf-lyrics--empty{min-height:1.6em}.perf-lyrics__prev,.perf-lyrics__next{font-size:.95em;color:var(--fg-muted);letter-spacing:.05em;line-height:1.4;min-height:1.2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.perf-lyrics__prev{opacity:.45;animation:lyricFadeFromBelow .45s ease-out}.perf-lyrics__next{opacity:.55;animation:lyricFadeFromAbove .45s ease-out}.perf-lyrics__current{font-size:1em;font-weight:500;color:var(--fg);letter-spacing:.06em;line-height:1.6;min-height:1.6em;display:inline-flex;flex-wrap:wrap;justify-content:center;gap:0;animation:lyricRise .5s cubic-bezier(.2,.8,.2,1)}.perf-lyrics__current--instrumental{color:var(--fg-faint);font-weight:400;letter-spacing:.3em;font-size:1em}.perf-lyrics__chunk{transition:opacity .18s ease,color .18s ease;display:inline-block}.perf-lyrics__chunk.is-sung{opacity:.55}.perf-lyrics__chunk.is-now{color:var(--fg)}.perf-lyrics__char{position:relative;display:inline-block;min-height:1em;white-space:pre;transition:color .15s ease}.perf-lyrics__char.is-sung-char{color:var(--accent)}.perf-lyrics__chord-mark{position:absolute;top:-.85em;left:50%;transform:translate(-50%);font-size:.9em;font-weight:700;color:var(--chord);opacity:.5;pointer-events:none;transition:opacity .18s ease,transform .18s ease,color .18s ease}.perf-lyrics__chord-mark.is-now{opacity:1;color:var(--accent);transform:translate(-50%) translateY(-2px) scale(1.25);text-shadow:0 0 6px color-mix(in srgb,var(--accent) 45%,transparent)}@keyframes lyricRise{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lyricFadeFromBelow{0%{opacity:0;transform:translateY(8px)}to{opacity:.45;transform:translateY(0)}}@keyframes lyricFadeFromAbove{0%{opacity:0;transform:translateY(-8px)}to{opacity:.55;transform:translateY(0)}}.perf-strip__bars{display:flex;align-items:center;justify-content:center;gap:.4rem;overflow:visible;padding:2.25rem .5rem 2.5rem;position:relative}.perf-strip__bar{flex:0 0 auto;min-width:3.5rem;padding:.5rem .75rem;border:1px solid var(--card-border);border-radius:10px;background:var(--bg);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;position:relative;text-align:center;font-family:JetBrains Mono,monospace}.perf-strip__bar.is-past{filter:saturate(.6)}.perf-strip__bar.is-section-start{margin-left:.6rem;border-left:3px solid var(--section-tag)}.perf-strip__bar.is-current{background:linear-gradient(180deg,color-mix(in srgb,var(--chord) 18%,var(--card)),color-mix(in srgb,var(--chord) 8%,var(--card)));border:2px solid var(--chord);transform:scale(1.12);z-index:2;box-shadow:0 2px 8px color-mix(in srgb,var(--chord) 25%,transparent),0 0 0 2px color-mix(in srgb,var(--chord) 10%,transparent)}.perf-strip__bar-section{position:absolute;top:-1.4em;left:0;right:0;font-size:10px;color:var(--section-tag);font-weight:600}.perf-strip__bar-chords{display:flex;gap:.4rem;justify-content:center;align-items:center;font-weight:700;font-size:1.05em;color:var(--chord);white-space:nowrap}.perf-strip__chord{display:inline-block;transition:transform .15s ease,color .15s ease}.perf-strip__chord.is-now{color:var(--chord);transform:scale(1.18);text-shadow:0 0 8px color-mix(in srgb,var(--chord) 30%,transparent)}.perf-strip__beats{display:flex;gap:6px;justify-content:center;position:absolute;bottom:-1.5em;left:0;right:0}.perf-strip__beat-dot{width:7px;height:7px;border-radius:999px;background:var(--card-border);transition:background .1s,transform .1s}.perf-strip__beat-dot.is-active{background:var(--chord);transform:scale(1.5);box-shadow:0 0 6px color-mix(in srgb,var(--chord) 60%,transparent)}.perf-strip__controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding-top:.75rem;border-top:1px solid var(--card-border)}.perf-strip__btn{padding:6px 14px;font-size:13px;background:var(--bg);color:var(--fg);border:1px solid var(--card-border);border-radius:8px;cursor:pointer;transition:all .12s;font-family:inherit;white-space:nowrap}.perf-strip__btn:hover{background:var(--card-border)}.perf-strip__mixer-slot{display:inline-flex;align-items:center}.perf-strip__btn--corner-toggle{margin-left:auto}.perf-strip__btn--play{background:var(--chord);color:#fff;border-color:var(--chord);font-weight:600;min-width:5rem}.perf-strip__btn--play:hover{filter:brightness(1.1)}.perf-strip__btn--play.is-active{background:#dc2626;border-color:#dc2626}.perf-strip__btn--tap{font-size:12px;padding:4px 10px}.perf-strip__btn--exit{background:transparent;color:var(--fg-muted);border-color:var(--card-border)}.perf-strip__btn--exit:hover{background:#fee2e2;color:#dc2626;border-color:#dc2626}.perf-strip__bpm{display:inline-flex;align-items:center;gap:.5rem;padding:0 .5rem}.perf-strip__bpm-label{font-size:11px;color:var(--fg-muted);font-weight:600;letter-spacing:.05em}.perf-strip__bpm-input{width:4rem;padding:4px 6px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700;border:1px solid var(--card-border);border-radius:6px;background:var(--bg);color:var(--fg);text-align:center}.perf-strip__bpm-slider{width:7rem}.perf-strip__sections{display:flex;flex-wrap:wrap;gap:.25rem;margin-left:auto}.perf-strip__section-btn{padding:3px 10px;font-size:11px;background:transparent;border:1px solid var(--card-border);border-radius:999px;color:var(--fg-muted);cursor:pointer;font-family:inherit}.perf-strip__section-btn:hover{background:var(--bg)}.perf-strip__section-btn.is-passed{opacity:.4}.perf-strip__progress{font-size:12px;color:var(--fg-muted);font-family:JetBrains Mono,monospace;padding:0 .5rem}body.performance-mode .sheet-meta,body.performance-mode .sheet-container{display:none}.admin-page{color:var(--fg);background:var(--bg);min-height:calc(100vh - 64px)}.admin-page h1,.admin-page h2{color:var(--fg)}.admin-page__card{background:var(--card);border:1px solid var(--card-border);border-radius:8px}.admin-page__table{background:var(--card)}.admin-page__table thead{background:var(--section-tag-bg)}.admin-page__table th{color:var(--fg-muted);font-weight:500;font-size:12px;padding:8px 12px;text-align:left}.admin-page__table td{color:var(--fg);padding:8px 12px;border-top:1px solid var(--card-border)}.admin-page__table tbody tr:hover{background:var(--section-tag-bg)}.admin-page__input,.admin-page__select,.admin-page__textarea{background:var(--card);color:var(--fg);border:1px solid var(--card-border);border-radius:6px;padding:6px 10px;font-size:14px}.admin-page__input:focus,.admin-page__select:focus,.admin-page__textarea:focus{outline:2px solid var(--chord);outline-offset:-1px}.admin-page__label{color:var(--fg);font-size:13px;font-weight:500}.admin-page__hint{color:var(--fg-muted);font-size:12px}.admin-page__btn{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;font-size:14px;border-radius:6px;border:1px solid var(--card-border);background:var(--card);color:var(--fg);cursor:pointer;transition:background .12s}.admin-page__btn:hover:not(:disabled){background:var(--section-tag-bg)}.admin-page__btn:disabled{opacity:.5;cursor:not-allowed}.admin-page__btn--primary{background:var(--chord);border-color:var(--chord);color:#fff;font-weight:600}.admin-page__btn--primary:hover:not(:disabled){background:var(--chord-hover);border-color:var(--chord-hover)}[data-theme=dark] .admin-page__btn--primary{background:var(--accent);border-color:var(--accent);color:#18181b}[data-theme=dark] .admin-page__btn--primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 85%,white);border-color:color-mix(in srgb,var(--accent) 85%,white)}.admin-page__source-tag{display:inline-block;padding:2px 8px;font-size:11px;border-radius:4px;border:1px solid var(--card-border)}.admin-page__source-tag--manual{background:#22c55e26;color:#16a34a;border-color:#22c55e66}.admin-page__source-tag--seed{background:var(--section-tag-bg);color:var(--fg-muted)}.admin-page__source-tag--auto{background:#f9731626;color:#ea580c;border-color:#f9731666}[data-theme=dark] .admin-page__source-tag--manual{color:#4ade80}[data-theme=dark] .admin-page__source-tag--auto{color:#fb923c}.admin-page__validation-ok{background:#22c55e1f;color:#166534;border:1px solid rgba(34,197,94,.3);padding:6px 10px;border-radius:6px;font-size:13px}.admin-page__validation-bad{background:#ef44441f;color:#991b1b;border:1px solid rgba(239,68,68,.3);padding:6px 10px;border-radius:6px;font-size:13px}[data-theme=dark] .admin-page__validation-ok{color:#86efac}[data-theme=dark] .admin-page__validation-bad{color:#fca5a5}[data-theme=dark] .section-editor-theme--intro{background:#a855f71a!important;border-color:#a855f74d!important}[data-theme=dark] .section-editor-theme--intro .section-tag{background:#a855f740!important;color:#c084fc!important}[data-theme=dark] .section-editor-theme--verse{background:#3b82f61a!important;border-color:#3b82f64d!important}[data-theme=dark] .section-editor-theme--verse .section-tag{background:#3b82f640!important;color:#60a5fa!important}[data-theme=dark] .section-editor-theme--pre-chorus{background:#06b6d41a!important;border-color:#06b6d44d!important}[data-theme=dark] .section-editor-theme--pre-chorus .section-tag{background:#06b6d440!important;color:#22d3ee!important}[data-theme=dark] .section-editor-theme--chorus{background:#f973161a!important;border-color:#f973164d!important}[data-theme=dark] .section-editor-theme--chorus .section-tag{background:#f9731640!important;color:#fb923c!important}[data-theme=dark] .section-editor-theme--bridge{background:#22c55e1a!important;border-color:#22c55e4d!important}[data-theme=dark] .section-editor-theme--bridge .section-tag{background:#22c55e40!important;color:#4ade80!important}[data-theme=dark] .section-editor-theme--outro{background:#a855f71a!important;border-color:#a855f74d!important}[data-theme=dark] .section-editor-theme--outro .section-tag{background:#a855f740!important;color:#c084fc!important}[data-theme=dark] .section-editor-theme--interlude{background:#ec48991a!important;border-color:#ec48994d!important}[data-theme=dark] .section-editor-theme--interlude .section-tag{background:#ec489940!important;color:#f472b6!important}[data-theme=dark] .section-editor-theme--solo{background:#ef44441a!important;border-color:#ef44444d!important}[data-theme=dark] .section-editor-theme--solo .section-tag{background:#ef444440!important;color:#f87171!important}[data-theme=dark] .section-editor-theme--hook{background:#eab3081a!important;border-color:#eab3084d!important}[data-theme=dark] .section-editor-theme--hook .section-tag{background:#eab30840!important;color:#facc15!important}[data-theme=dark] .section-editor-theme--ending{background:#71717a1a!important;border-color:#71717a4d!important}[data-theme=dark] .section-editor-theme--ending .section-tag{background:#71717a40!important;color:#a1a1aa!important}[data-theme=dark] .section-editor-theme--repeat{background:#6366f11a!important;border-color:#6366f14d!important}[data-theme=dark] .section-editor-theme--repeat .section-tag{background:#6366f140!important;color:#818cf8!important}@media (max-width: 1024px){.chord-editor-grid{grid-template-columns:1fr auto!important}.chord-editor-grid>*:nth-child(3){grid-column:1 / -1}}@media (max-width: 720px){.chord-editor-grid{grid-template-columns:1fr!important}.chord-editor-grid>*{grid-column:auto!important}}.chord-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}.chord-tile{position:relative;display:flex;flex-direction:column;align-items:center;background:var(--bg);border:1px solid var(--card-border);border-radius:6px;padding:6px 4px 4px;cursor:pointer;transition:border-color .12s,box-shadow .12s,transform .08s;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:inherit;color:inherit;text-align:left}.chord-tile:hover{border-color:var(--chord);box-shadow:0 1px 4px #00000014}.chord-tile__count{position:absolute;top:2px;right:4px;font-size:9px;color:var(--chord);font-weight:600;background:var(--section-tag-bg);border-radius:8px;padding:0 5px;line-height:14px}.chord-tile__alias{position:absolute;top:2px;left:4px;font-size:11px;color:var(--fg-muted);cursor:help;font-weight:700;line-height:14px}.chord-tile__stars{margin-top:1px;font-size:11px}.chord-tile--expanded{grid-column:1 / -1;align-items:stretch;padding:10px 12px 12px;cursor:default;background:var(--card)}.chord-tile--expanded:hover{border-color:var(--card-border);box-shadow:none}.chord-tile__expanded-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;flex-wrap:wrap}.chord-tile__expanded-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px}@media (min-width: 1280px){.chord-tile-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.chord-tile__expanded-cards{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}.chord-group{background:var(--card);border:1px solid var(--card-border);border-radius:10px;padding:10px 12px 12px;margin-bottom:12px}.chord-group__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.chord-group__name{font-family:monospace;font-size:20px;font-weight:700;color:var(--chord)}.chord-group__count{color:var(--fg-muted);font-size:11px;margin-left:6px}.chord-group__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px}.chord-card{position:relative;display:flex;flex-direction:column;align-items:center;background:var(--bg);border:1px solid var(--card-border);border-radius:6px;padding:5px 4px 4px;cursor:pointer;transition:border-color .12s,box-shadow .12s,transform .08s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chord-card:hover{border-color:var(--chord);box-shadow:0 1px 3px #00000014}.chord-card--default{border-color:var(--chord);border-width:2px;padding:4px 3px 3px}.chord-card--default:before{content:"★";position:absolute;top:-6px;left:-6px;width:16px;height:16px;background:var(--chord);color:#fff;font-size:10px;line-height:16px;text-align:center;border-radius:50%;font-weight:600;z-index:1}.chord-card__src-dot{position:absolute;top:4px;left:4px;width:6px;height:6px;border-radius:50%;background:var(--fg-muted);z-index:1}.chord-card__src-dot--manual{background:#16a34a}.chord-card__src-dot--seed{background:#94a3b8}.chord-card__src-dot--auto{background:#ea580c}[data-theme=dark] .chord-card__src-dot--manual{background:#4ade80}[data-theme=dark] .chord-card__src-dot--auto{background:#fb923c}.chord-card__pri{position:absolute;top:3px;right:5px;font-size:9px;font-family:monospace;color:var(--fg-muted);opacity:.7}.chord-card__diagram{margin:6px 0 2px}.chord-card__meta{display:flex;gap:4px;flex-wrap:wrap;align-items:center;justify-content:center;font-size:11px;color:var(--fg-muted);margin-bottom:2px;min-height:14px}.chord-card__label{font-size:10px;color:var(--fg-muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;text-align:center}.chord-card__actions{display:flex;gap:3px;width:100%;margin-top:3px}.chord-card__btn{flex:1;padding:3px 0;font-size:11px;border:1px solid var(--card-border);background:var(--card);color:var(--fg);border-radius:4px;cursor:pointer;transition:background .12s,border-color .12s;line-height:1.2}.chord-card__btn:hover:not(:disabled){background:var(--section-tag-bg)}.chord-card__btn:disabled{opacity:.45;cursor:not-allowed}.chord-card__btn--active{background:var(--chord);border-color:var(--chord);color:#fff}.chord-card__row{display:flex;gap:3px;width:100%;margin-top:3px}.chord-card__icon-btn{flex:1;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;background:var(--card);border:1px solid var(--card-border);color:var(--fg-muted);border-radius:4px;cursor:pointer;transition:background .12s,color .12s;text-decoration:none}.chord-card__icon-btn:hover:not(:disabled){background:var(--section-tag-bg);color:var(--fg)}.chord-card__icon-btn--danger:hover{color:#dc2626}@media (max-width: 768px){.chord-card__btn{min-height:40px;padding:8px 0}.chord-card__icon-btn{height:auto;min-height:40px}}.chord-card__icon-btn--star{color:#f59e0b}.chord-card__icon-btn--star:disabled{opacity:.4;cursor:not-allowed}@media (min-width: 1280px){.chord-group__cards{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}.audition-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.audition-bar__group{display:flex;gap:6px;align-items:center}.difficulty-stars{display:inline-flex;gap:2px}.difficulty-stars__btn{background:none;border:none;cursor:pointer;padding:0 2px;font-size:18px;color:var(--fg-muted);line-height:1}.difficulty-stars__btn--on{color:#f59e0b}.chord-filter-bar{padding:10px 12px;margin-bottom:14px;display:flex;flex-direction:column;gap:8px}.chord-filter-bar__row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.chord-filter-bar__label{min-width:36px;font-size:11px;color:var(--fg-muted)}.chord-filter-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--bg);color:var(--fg);border:1px solid var(--card-border);border-radius:999px;font-size:12px;cursor:pointer;transition:background .12s,border-color .12s,color .12s;font-family:inherit;white-space:nowrap;line-height:1.3}.chord-filter-pill:hover:not(:disabled):not(.chord-filter-pill--on){border-color:var(--chord);color:var(--chord)}.chord-filter-pill:disabled{opacity:.35;cursor:not-allowed}.chord-filter-pill--on{background:var(--chord);border-color:var(--chord);color:#fff;font-weight:600}[data-theme=dark] .chord-filter-pill--on{background:var(--accent);border-color:var(--accent);color:#18181b}[data-theme=dark] .chord-filter-pill--on .chord-filter-pill__count{background:#00000040;color:#18181b}.chord-filter-pill--note{min-width:36px;justify-content:center}.chord-filter-pill--clear{border-style:dashed;color:var(--fg-muted)}.chord-filter-pill--clear:hover{color:#dc2626;border-color:#dc2626}.chord-filter-pill__count{font-size:10px;color:var(--fg-muted);background:var(--section-tag-bg);padding:0 5px;border-radius:999px;min-width:16px;text-align:center;line-height:1.4}.chord-filter-pill--on .chord-filter-pill__count{background:#ffffff40;color:#fff}.perf-strip__audio-toggles{display:inline-flex;gap:.4rem;padding:0 .5rem;border-left:1px solid var(--card-border)}.perf-strip__toggle{padding:5px 12px;font-size:12px;background:transparent;color:var(--fg-muted);border:1px solid var(--card-border);border-radius:999px;cursor:pointer;transition:all .12s;font-family:inherit;white-space:nowrap}.perf-strip__toggle:hover{background:var(--bg)}.perf-strip__toggle.is-on{background:var(--chord);color:#fff;border-color:var(--chord);font-weight:600}.perf-strip__countin{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:color-mix(in srgb,var(--card) 90%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:16px;z-index:10;pointer-events:none}.perf-strip__countin-num{font-family:JetBrains Mono,monospace;font-size:8rem;font-weight:900;color:var(--chord);line-height:1;animation:perf-countin-pulse .6s ease-out;text-shadow:0 0 32px color-mix(in srgb,var(--chord) 50%,transparent)}.perf-strip__countin-label{margin-top:.5rem;font-size:.9rem;color:var(--fg-muted);letter-spacing:.4em}@keyframes perf-countin-pulse{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.perf-strip{position:relative}.pattern-picker{position:relative;display:inline-flex}.pattern-picker__trigger{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;font-size:12px;background:var(--card);color:var(--fg);border:1px solid var(--card-border);border-radius:999px;cursor:pointer;font-family:inherit;white-space:nowrap;max-width:280px}.pattern-picker__trigger:hover{background:var(--bg)}.pattern-picker__label{font-weight:600}.pattern-picker__current{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--fg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.pattern-picker__caret{color:var(--fg-faint);font-size:10px}.pattern-picker__menu{position:absolute;top:calc(100% + 4px);left:0;min-width:320px;max-width:420px;max-height:60vh;overflow-y:auto;background:var(--card);border:1px solid var(--card-border);border-radius:8px;box-shadow:0 8px 24px #00000026;z-index:60;padding:6px 0}.pattern-picker__group-title{padding:4px 12px;font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--fg-faint);text-transform:uppercase}.pattern-picker__item{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;grid-column-gap:12px;width:100%;padding:8px 12px;background:transparent;border:none;border-left:3px solid transparent;cursor:pointer;text-align:left;font-family:inherit;color:var(--fg)}.pattern-picker__item:hover{background:var(--bg)}.pattern-picker__item.is-current{background:color-mix(in srgb,var(--chord) 8%,transparent);border-left-color:var(--chord)}.pattern-picker__item-name{font-size:13px;font-weight:500}.pattern-picker__item-meta{font-size:10px;color:var(--fg-faint);align-self:start}.pattern-picker__item-segs{grid-column:1 / 3;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--fg-muted);letter-spacing:.04em}.pattern-picker__divider{height:1px;background:var(--card-border);margin:6px 0}.pattern-picker__action{width:100%;padding:8px 12px;background:transparent;border:none;cursor:pointer;text-align:left;font-size:12px;color:var(--accent);font-family:inherit}.pattern-picker__action:hover{background:var(--bg)}.pattern-editor__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem}.pattern-editor{background:var(--card);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 16px 48px #0000004d;width:100%;max-width:960px;max-height:90vh;overflow-y:auto;padding:1.25rem;color:var(--fg)}.pattern-editor__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.pattern-editor__title{font-size:1.1rem;font-weight:700;margin:0}.pattern-editor__close{width:28px;height:28px;padding:0;background:transparent;border:1px solid var(--card-border);border-radius:50%;cursor:pointer;color:var(--fg-muted);font-size:14px}.pattern-editor__close:hover{background:var(--bg)}.pattern-editor__form{display:flex;gap:8px;margin-bottom:1rem;flex-wrap:wrap}.pattern-editor__name{flex:1;min-width:200px;padding:6px 10px;font-size:13px;border:1px solid var(--card-border);border-radius:6px;background:var(--bg);color:var(--fg)}.pattern-editor__select{padding:6px 10px;font-size:13px;border:1px solid var(--card-border);border-radius:6px;background:var(--bg);color:var(--fg)}.pattern-editor__beat-row{display:flex;margin-bottom:4px;font-size:11px;color:var(--fg-faint);font-family:JetBrains Mono,monospace}.pattern-editor__beat-cell{text-align:center;border-bottom:1px solid var(--card-border);padding:2px 0}.pattern-editor__grid{display:grid;gap:1px;margin-bottom:1rem}.pattern-editor__cell{height:38px;padding:0;background:var(--bg);border:1px solid var(--card-border);border-radius:2px;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:13px;color:var(--fg-faint);font-weight:600;transition:background .1s,border-color .1s;min-width:0;overflow:hidden;position:relative}.pattern-editor__cell:hover{background:color-mix(in srgb,var(--accent) 10%,var(--bg));border-color:var(--accent)}.pattern-editor__cell.has-stroke{background:color-mix(in srgb,var(--chord) 22%,var(--bg));border-color:var(--chord);color:var(--fg)}.pattern-editor__cell.is-chord{font-size:10px;letter-spacing:-.02em;border-width:2px;background:color-mix(in srgb,var(--chord) 30%,var(--bg))}.pattern-editor__hint{font-size:11px;color:var(--fg-muted);background:color-mix(in srgb,var(--accent) 6%,var(--bg));border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:6px;padding:6px 10px;margin-bottom:8px}.pattern-editor__hint kbd{display:inline-block;padding:1px 5px;margin:0 2px;font-family:JetBrains Mono,monospace;font-size:10px;background:var(--card);border:1px solid var(--card-border);border-radius:3px}.pattern-editor__tab{display:flex;flex-direction:column;gap:0;margin-bottom:1rem;border:1px solid var(--card-border);border-radius:6px;background:var(--bg);padding:6px 8px}.pattern-editor__tab-row{display:flex;align-items:center;gap:6px;height:26px;position:relative}.pattern-editor__tab-row:before{content:"";position:absolute;left:32px;right:0;top:50%;height:1px;background:var(--card-border);pointer-events:none;z-index:0}.pattern-editor__tab-row--ticks:before{display:none}.pattern-editor__tab-label{width:26px;text-align:center;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;color:var(--fg-muted);flex-shrink:0;z-index:1}.pattern-editor__tab-label.is-thumb{color:var(--accent)}.pattern-editor__tab-cells{display:grid;gap:1px;flex:1;position:relative;z-index:1}.pattern-editor__tab-cell{height:24px;padding:0;background:transparent;border:1px solid transparent;border-radius:3px;cursor:pointer;font-size:14px;line-height:1;color:var(--chord);font-weight:700;transition:background .08s,border-color .08s;min-width:0;overflow:hidden}.pattern-editor__tab-cell:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:var(--accent)}.pattern-editor__tab-cell.is-on{background:color-mix(in srgb,var(--chord) 25%,var(--bg));border-color:var(--chord)}.pattern-editor__tab-cell.is-beat-start{border-left:2px solid var(--accent)}.pattern-editor__tab-cell.is-half-beat{border-left:1px dashed var(--fg-faint)}.pattern-editor__tab-cell.is-playing{border-color:var(--accent)!important;border-width:2px;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent)}.pattern-editor__tab-cell.is-on.is-playing{background:var(--accent)!important;color:#fff!important;transform:scale(1.1)}.pattern-editor__tab-tick{font-size:10px;color:var(--fg-faint);text-align:center;font-family:JetBrains Mono,monospace;display:flex;align-items:center;justify-content:center}.pattern-editor__tab-tick.is-beat-start{color:var(--fg-muted);font-weight:600}.pattern-editor__cell.is-beat-start{border-left:2px solid var(--accent);border-top-left-radius:4px;border-bottom-left-radius:4px}.pattern-editor__cell.is-half-beat{border-left:1px dashed var(--fg-faint)}.pattern-editor__cell.is-quarter-beat{border-left:1px dotted var(--card-border)}.pattern-editor__cell.is-playing.has-stroke{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important;transform:scale(1.15);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 50%,transparent);z-index:2;transition:transform .05s ease-out,box-shadow .05s ease-out}.pattern-editor__cell.is-playing:not(.has-stroke){border-color:var(--accent)!important;border-width:2px;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent);z-index:1;transition:box-shadow .05s ease-out}.pattern-editor__cell-dot{font-size:9px;font-weight:400;opacity:.4}.pattern-editor__bpm{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--fg-muted)}.pattern-editor__bpm input{width:56px;padding:6px 8px;font-size:13px;font-family:JetBrains Mono,monospace;border:1px solid var(--card-border);border-radius:6px;background:var(--bg);color:var(--fg)}.pattern-editor__loop{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--fg-muted);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 8px}.pattern-editor__loop input{cursor:pointer}.pattern-editor__btn.is-playing{background:#dc2626;color:#fff;border-color:#dc2626}.pattern-editor__btn.is-playing:hover{background:#b91c1c}.pattern-editor__palette{display:flex;gap:6px;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.pattern-editor__palette-label{font-size:11px;color:var(--fg-muted)}.pattern-editor__palette-btn{padding:4px 10px;font-size:12px;font-family:JetBrains Mono,monospace;border:1px solid var(--card-border);border-radius:4px;background:var(--bg);color:var(--fg);cursor:pointer}.pattern-editor__palette-btn:hover{background:var(--accent);color:#fff}.pattern-editor__palette-btn--clear{color:#dc2626}.pattern-editor__palette-btn--clear:hover{background:#fee2e2;color:#991b1b}.pattern-editor__preview{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg);border:1px dashed var(--card-border);border-radius:8px;margin-bottom:1rem;flex-wrap:wrap}.pattern-editor__preview-label{font-size:11px;color:var(--fg-muted);font-weight:600}.pattern-editor__preview-text{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--fg-faint);margin-left:auto}.pattern-editor__actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pattern-editor__btn{padding:8px 14px;font-size:13px;border:1px solid var(--card-border);border-radius:6px;background:var(--bg);color:var(--fg);cursor:pointer;font-family:inherit}.pattern-editor__btn:hover{background:var(--card-border)}.pattern-editor__btn:disabled{opacity:.4;cursor:not-allowed}.pattern-editor__btn--apply{background:var(--accent);color:#fff;border-color:var(--accent)}.pattern-editor__btn--apply:hover{filter:brightness(1.1);background:var(--accent)}.pattern-editor__btn--primary{background:var(--chord);color:#fff;border-color:var(--chord);font-weight:600}.pattern-editor__btn--primary:hover{filter:brightness(1.1);background:var(--chord)}.sheet-meta__pattern-edit{margin-left:6px;padding:0 4px;background:transparent;border:1px solid var(--card-border);border-radius:4px;cursor:pointer;font-size:12px;line-height:1.6;color:var(--fg-muted);vertical-align:baseline}.sheet-meta__pattern-edit:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.my-patterns{max-width:880px;margin:0 auto;padding:1.5rem 1rem}.my-patterns__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:1.5rem}.my-patterns__title{font-size:1.5rem;font-weight:700;margin:0;color:var(--fg)}.my-patterns__header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.my-patterns__section{margin-bottom:2rem}.my-patterns__section-title{font-size:.95rem;font-weight:600;color:var(--fg-muted);margin-bottom:.75rem;letter-spacing:.04em}.my-patterns__empty{padding:1.5rem;text-align:center;color:var(--fg-faint);border:1px dashed var(--card-border);border-radius:8px;font-size:13px}.my-patterns__row{display:flex;align-items:center;gap:16px;padding:.75rem 1rem;background:var(--card);border:1px solid var(--card-border);border-radius:8px;margin-bottom:.5rem}.my-patterns__row-info{flex:1;min-width:0}.my-patterns__row-name{font-size:14px;font-weight:600;color:var(--fg);margin-bottom:4px;display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.my-patterns__row-meta{font-size:11px;color:var(--fg-faint);font-weight:400}.my-patterns__row-segs{font-family:JetBrains Mono,monospace;font-size:14px;color:var(--fg)}.my-patterns__row-desc{margin-top:4px;font-size:11px;color:var(--fg-muted)}.my-patterns__row-actions{display:flex;gap:6px;flex-wrap:nowrap}.my-patterns__btn{padding:6px 10px;font-size:12px;background:var(--bg);border:1px solid var(--card-border);border-radius:5px;cursor:pointer;color:var(--fg);font-family:inherit;white-space:nowrap}.my-patterns__btn:hover{background:var(--card-border)}.my-patterns__btn:disabled{opacity:.4;cursor:not-allowed}.my-patterns__btn--primary{background:var(--chord);color:#fff;border-color:var(--chord);font-weight:600}.my-patterns__btn--primary:hover{filter:brightness(1.1);background:var(--chord)}.my-patterns__btn--danger{color:#dc2626;border-color:#fecaca}.my-patterns__btn--danger:hover{background:#fee2e2;color:#991b1b}.perf-strip{min-height:calc(100vh - 7rem);display:flex;flex-direction:column;gap:1rem}.perf-strip__hint{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .875rem;background:color-mix(in srgb,var(--accent) 18%,transparent);border:1px solid var(--accent);border-radius:8px;font-size:13px;color:var(--fg)}.perf-strip__hint-close{background:transparent;border:none;color:var(--fg-muted);cursor:pointer;font-size:14px;padding:0 4px}.perf-strip[data-mode=wide] .perf-strip__hero .perf-lyrics{display:grid;grid-template-columns:1fr 1.2fr;grid-template-rows:auto auto auto;gap:1rem 2rem;align-items:center;min-height:45vh;font-size:1.2em}.perf-strip[data-mode=wide] .perf-strip__hero .perf-lyrics__prev{grid-column:2;grid-row:1}.perf-strip[data-mode=wide] .perf-strip__hero .perf-hero-fretboards{display:flex;align-items:flex-start;justify-content:center;gap:1.5rem;margin:.5rem 0}.perf-strip[data-mode=wide] .perf-strip__hero .perf-lyrics__current{grid-column:2;grid-row:2;font-size:1.6em}.perf-strip[data-mode=wide] .perf-strip__hero .perf-lyrics__next{grid-column:2;grid-row:3}.perf-strip[data-mode=wide] .perf-strip__hero .perf-hero-main{grid-column:1;grid-row:1 / span 3;align-self:center}.perf-strip[data-mode=wide] .perf-hero-tab-slot{grid-column:2;grid-row:2 / span 3;align-self:start;position:relative;left:auto;right:auto;bottom:auto;background:transparent;border:none;padding:.5rem 0;margin:0;z-index:10;width:100%}.perf-strip[data-mode=wide] .perf-strip__bars{padding:1rem .5rem 2rem}.perf-strip[data-mode=wide] .perf-strip__bar.is-current{transform:scale(1.15)}.perf-strip[data-mode=wide] .perf-strip__controls{max-width:1200px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}.perf-strip[data-mode=wide] .perf-strip__controls-left{display:flex;justify-content:flex-start;align-items:center}.perf-strip[data-mode=wide] .perf-strip__controls-center{display:flex;justify-content:center;align-items:center;gap:.75rem}.perf-strip[data-mode=wide] .perf-strip__controls-right{display:flex;justify-content:flex-end;align-items:center;gap:1rem}.perf-strip[data-mode=portrait]{gap:.6rem}.perf-strip[data-mode=portrait] .perf-lyrics__current{font-size:1.45em;font-weight:700}.perf-strip[data-mode=portrait] .perf-strip__bars{padding:1.25rem .25rem 2rem;gap:.25rem}.perf-strip[data-mode=portrait] .perf-strip__bar{min-width:2.6rem;padding:.35rem .5rem;font-size:.85em}.perf-strip[data-mode=portrait] .perf-strip__bar.is-current{transform:scale(1.12)}.perf-strip[data-mode=portrait] .perf-strip__controls{gap:.4rem .5rem;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.perf-strip[data-mode=portrait] .perf-strip__controls::-webkit-scrollbar{display:none}.perf-strip[data-mode=portrait] .perf-strip__btn{min-width:44px;height:44px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;font-size:15px}.perf-strip[data-mode=portrait] .perf-strip__controls .perf-strip__btn-label,.perf-strip[data-mode=portrait] .perf-mixer-label,.perf-strip[data-mode=portrait] .perf-strip__btn--corner-toggle{display:none}.perf-strip[data-mode=portrait] .perf-mixer-trigger{min-width:44px!important;height:44px!important;padding:0!important;display:inline-flex;align-items:center;justify-content:center;font-size:15px;border-radius:12px!important}.perf-strip[data-mode=portrait] .perf-strip__controls.is-collapsed{padding-left:.5rem;padding-right:.5rem;gap:.3rem;flex-wrap:nowrap}.perf-strip[data-mode=portrait] .perf-strip__controls.is-collapsed .perf-strip__btn{min-width:44px;height:44px;padding:0 10px;font-size:15px;display:inline-flex;align-items:center;justify-content:center}.perf-strip[data-mode=portrait] .perf-strip__controls.is-collapsed .perf-strip__btn--play,.perf-strip[data-mode=portrait] .perf-strip__controls.is-collapsed .perf-strip__btn--exit{flex:0 0 auto;max-width:none}.perf-strip[data-mode=portrait] .perf-strip__controls.is-collapsed .perf-strip__btn--corner-toggle,.perf-strip[data-mode=portrait] .perf-strip__controls.is-collapsed .perf-strip__mixer-slot,.perf-strip[data-mode=portrait] .perf-strip__controls.is-collapsed>.perf-strip__progress{display:none}.perf-strip[data-mode=portrait] .perf-strip__sections{margin-left:0;width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}.perf-strip[data-mode=portrait] .perf-strip__bpm{flex-wrap:wrap}.perf-strip[data-mode=portrait] .perf-strip__bpm-slider{width:6rem}.perf-strip[data-mode=portrait] .perf-strip__audio-toggles{flex-wrap:wrap;gap:.3rem}.perf-strip__next-section,.perf-strip__progress-top{white-space:nowrap}.perf-strip[data-mode=portrait] .perf-strip__topbar{flex-wrap:wrap;gap:.4rem;row-gap:.5rem;margin:0 -1rem;padding:.5rem .85rem;border-radius:0;border-left:none;border-right:none;border-top:none;overflow:visible}.perf-strip[data-mode=portrait] .perf-track-tags{order:9;flex:1 0 100%;margin-left:0;justify-content:flex-start;gap:10px}.perf-strip[data-mode=portrait] .perf-strip__topbar-spacer{display:none}.perf-strip[data-mode=portrait] .perf-strip__section-tag{padding:2px 9px;flex-shrink:0}.perf-strip[data-mode=portrait] .perf-strip__next-section{min-width:0;overflow:hidden;text-overflow:ellipsis}.perf-strip[data-mode=portrait] .perf-track-tags{margin-left:4px;gap:8px;flex-shrink:0}.perf-strip[data-mode=portrait] .perf-track-tag{width:38px;height:38px;min-width:38px;padding:0;font-size:18px;border-radius:11px}.perf-strip[data-mode=portrait] .perf-track-tag--all{width:auto;min-width:40px;padding:0 9px;font-size:13px;font-weight:700}.perf-strip[data-mode=portrait] .perf-strip__progress-top{display:none}.perf-strip[data-mode=portrait] .perf-strip__hero{padding:.3rem .4rem 0}.perf-strip[data-mode=portrait] .perf-strip__hero .perf-lyrics{row-gap:.4rem}.perf-strip[data-mode=portrait] .perf-hero-main{padding-bottom:.4rem;gap:.4rem}.perf-strip[data-mode=portrait] .perf-hero-fretboards{gap:.6rem;transform:scale(.72);transform-origin:top center;margin:-.25rem 0 -1.2rem}.perf-strip__keycapo-row{display:flex;width:100%}.perf-strip[data-mode=portrait] .perf-strip__keycapo-row .perf-keycapo-panel,.perf-strip[data-mode=single] .perf-strip__keycapo-row .perf-keycapo-panel{width:min(320px,calc(100vw - 24px));max-height:56vh;overflow-y:auto}.perf-strip[data-mode=single] .perf-lyrics__current{font-size:1.5em}.perf-strip[data-mode=single] .perf-strip__bar.is-current{transform:scale(1.12)}.chord-preview{display:inline-flex;align-items:center;position:relative;gap:2px}.chord-preview__current{padding:4px 10px;font-size:12px;font-family:JetBrains Mono,monospace;font-weight:700;background:var(--bg);border:1px solid var(--card-border);border-radius:6px;color:var(--fg);cursor:pointer;min-width:3rem}.chord-preview__current:hover{background:var(--card-border)}.chord-preview__menu{position:absolute;bottom:calc(100% + 6px);left:0;background:var(--card);border:1px solid var(--card-border);border-radius:10px;padding:8px 10px;z-index:100;min-width:18rem;max-width:26rem;box-shadow:0 8px 24px #0000002e}.chord-preview__group{font-size:10px;color:var(--fg-muted);font-weight:600;letter-spacing:.04em;margin:6px 0 4px;text-transform:uppercase}.chord-preview__chips{display:flex;flex-wrap:wrap;gap:4px}.chord-preview__chip{padding:3px 9px;font-size:12px;font-family:JetBrains Mono,monospace;font-weight:600;background:var(--bg);color:var(--fg);border:1px solid var(--card-border);border-radius:999px;cursor:pointer}.chord-preview__chip:hover{background:var(--section-tag-bg);border-color:var(--chord)}.chord-preview__chip.is-current{background:var(--chord);color:var(--chord-active-fg, white);border-color:var(--chord)}.perf-strip__topbar{order:1}.perf-strip__bars{order:2}.perf-strip__lyrics-wrap,.perf-strip__hero{order:3}.perf-hero-tab-slot{order:4;flex-shrink:0}.perf-strip__controls{order:5}.perf-hero-fretboards{display:flex;align-items:flex-start;justify-content:center;gap:1.5rem;margin:.5rem 0}.perf-hero-fretboard-next{display:flex;flex-direction:column;align-items:center;gap:.25rem;opacity:.55;transition:opacity .2s}.perf-hero-fretboard-next:hover{opacity:.9}.perf-hero-fretboard-next__label{font-size:12px;font-weight:700;color:var(--chord);font-family:JetBrains Mono,monospace}.perf-hero-tab-slot{position:fixed;left:0;right:0;bottom:calc(var(--perf-controls-h, 5rem) + 3rem);background:var(--bg);border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);padding:.4rem 1rem;padding-left:max(1rem,env(safe-area-inset-left,0px));padding-right:max(1rem,env(safe-area-inset-right,0px));z-index:35;max-width:100%;margin:0}.perf-hero-tab-slot .perf-strip__tab{padding:0;max-width:1100px;margin:0 auto}.perf-hero-tab-slot svg{width:100%;height:auto}.perf-strip__hint{order:0}.perf-strip__topbar{display:flex;align-items:center;gap:.75rem;padding:.5rem .875rem;background:var(--bg);border:1px solid var(--card-border);border-radius:8px;font-size:13px}.perf-strip__topbar-spacer{flex:1}.perf-strip__progress-top{font-family:JetBrains Mono,monospace;color:var(--fg-muted);font-size:12px}.perf-strip__lyrics-wrap{padding:1rem .5rem 1.5rem;text-align:center;--lyric-cur-scale: 1.5;--lyric-side-scale: .95}.perf-strip__lyrics-wrap--size-s{--lyric-cur-scale: 1.3;--lyric-side-scale: .85}.perf-strip__lyrics-wrap--size-m{--lyric-cur-scale: 1.7;--lyric-side-scale: 1}.perf-strip__lyrics-wrap--size-l{--lyric-cur-scale: 2.4;--lyric-side-scale: 1.15}.perf-strip__lyrics-wrap--size-xl{--lyric-cur-scale: 3.4;--lyric-side-scale: 1.4}.perf-strip__lyrics-wrap .perf-lyrics__current{font-size:calc(1em * var(--lyric-cur-scale));line-height:1.3;font-weight:700}.perf-strip__lyrics-wrap .perf-lyrics__prev,.perf-strip__lyrics-wrap .perf-lyrics__next{font-size:calc(1em * var(--lyric-side-scale))}@keyframes perf-chord-breath{0%,to{transform:scale(var(--breath-from, 1.4))}50%{transform:scale(var(--breath-to, 1.5))}}.perf-strip.is-breath.is-playing .perf-strip__bar.is-current{animation:perf-chord-breath var(--breath-duration, .7s) ease-in-out infinite;--breath-from: 1.08;--breath-to: 1.15}.perf-strip__controls{position:fixed;bottom:0;left:0;right:0;background:var(--card);border-top:1px solid var(--card-border);z-index:40;padding:.6rem 1rem;padding-bottom:calc(.6rem + env(safe-area-inset-bottom,0px));padding-left:max(1rem,env(safe-area-inset-left,0px));padding-right:max(1rem,env(safe-area-inset-right,0px));margin:0;flex-wrap:wrap;transition:max-height .2s ease,padding .2s ease}.perf-strip__controls-left,.perf-strip__controls-center,.perf-strip__controls-right{display:contents}.perf-strip{padding-bottom:calc(var(--perf-controls-h, 7rem) + 5.5rem)}.perf-strip__controls.is-collapsed .perf-strip__audio-toggles,.perf-strip__controls.is-collapsed .perf-strip__sections{display:none}.perf-strip__controls.is-corner{left:auto;right:12px;bottom:12px;width:auto;max-width:90vw;border-radius:12px;border:1px solid var(--card-border);box-shadow:0 6px 24px #0000002e;padding:6px 10px;flex-wrap:nowrap;overflow-x:auto}.perf-strip__controls.is-corner .perf-strip__btn{padding:4px 10px;font-size:12px}.perf-strip__controls.is-collapsed:not(.is-corner){padding:.4rem 1rem}.perf-strip:has(.perf-strip__controls.is-corner){padding-bottom:1.5rem}.perf-strip:has(.perf-strip__controls.is-collapsed:not(.is-corner)){padding-bottom:calc(var(--perf-controls-h, 4rem) + 8rem)}.perf-strip{padding-bottom:calc(var(--perf-controls-h, 7rem) + 9rem)}[data-perf=on] .sheet-toolbar{bottom:calc(var(--perf-controls-h, 5.5rem) + 6px)!important;box-shadow:0 -4px 12px #00000026;transition:bottom .2s ease}.perf-strip__lyric-size{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;background:var(--bg);border:1px solid var(--card-border);border-radius:6px}.perf-strip__lyric-size-label{font-size:11px;color:var(--fg-muted);margin-right:4px}.perf-strip__lyric-size-btn{width:1.6rem;padding:2px 0;font-size:11px;font-weight:700;font-family:JetBrains Mono,monospace;background:transparent;border:none;border-radius:4px;color:var(--fg-muted);cursor:pointer}.perf-strip__lyric-size-btn:hover{background:var(--card-border)}.perf-strip__lyric-size-btn.is-on{background:var(--chord);color:#fff}[data-theme=dark] .perf-strip__btn{background:#1c1c20;border-color:#3f3f46}[data-theme=dark] .perf-strip__btn:hover{background:#27272a;border-color:#52525b}[data-theme=dark] .perf-strip__btn--play{background:var(--accent);border-color:var(--accent);color:#18181b}[data-theme=dark] .perf-strip__btn--exit{background:transparent;color:#d4d4d8;border-color:#3f3f46}[data-theme=dark] .perf-strip__toggle{color:#d4d4d8;border-color:#3f3f46}[data-theme=dark] .perf-strip__toggle:hover{background:#1c1c20;border-color:#52525b;color:var(--fg)}[data-theme=dark] .perf-strip__toggle.is-on{background:var(--accent);color:#18181b;border-color:var(--accent)}[data-theme=dark] .perf-strip__lyric-size-btn{color:#d4d4d8}[data-theme=dark] .perf-strip__lyric-size-btn.is-on{background:var(--accent);color:#18181b}.perf-strip[data-mode=wide] .perf-strip__lyrics-wrap,.perf-strip[data-mode=wide] .perf-strip__bars{padding:1.5rem 1rem 2.5rem}.perf-strip[data-mode=portrait] .perf-strip__lyrics-wrap{padding:.75rem .25rem 1rem}.perf-strip[data-mode=portrait] .perf-strip__bars{padding:1rem .25rem 1.5rem}.perf-strip__hero{flex:0 1 auto;display:flex;flex-direction:column;padding:1rem .5rem;text-align:center}.perf-strip__hero .perf-lyrics{display:grid;grid-template-rows:auto auto auto auto auto;width:100%;align-items:center;justify-items:center;row-gap:1.5rem}.perf-strip__hero .perf-lyrics__prev{grid-row:1;align-self:end;padding-bottom:.5rem}.perf-strip__hero .perf-hero-main{grid-row:2}.perf-strip__hero .perf-lyrics__current{grid-row:3;padding-top:1rem}.perf-strip__hero .perf-lyrics__next{grid-row:5;align-self:start;padding-top:.5rem}.perf-hero-main{display:flex;flex-direction:column;align-items:center;gap:1rem;padding-bottom:2rem;position:relative}.perf-hero-chord-col{position:relative}.perf-hero-marquee{position:absolute;top:50%;transform:translateY(-50%);font-family:JetBrains Mono,monospace;font-weight:700;color:var(--chord);line-height:1;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:2em;opacity:.4;transition:opacity .4s ease,transform .4s ease}.perf-hero-marquee--prev{right:calc(100% + 1.5em);text-align:right;mask-image:linear-gradient(to right,transparent 0%,black 70%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 70%)}.perf-hero-marquee--next{left:calc(100% + 1.5em);text-align:left;mask-image:linear-gradient(to left,transparent 0%,black 70%);-webkit-mask-image:linear-gradient(to left,transparent 0%,black 70%)}.perf-strip__hero--size-s .perf-hero-marquee{font-size:1em}.perf-strip__hero--size-m .perf-hero-marquee{font-size:1.2em}.perf-strip__hero--size-l .perf-hero-marquee{font-size:1.4em}.perf-strip__hero--size-xl .perf-hero-marquee{font-size:1.6em}.perf-hero-main.has-fretboard .perf-hero-marquee{font-size:1.5em;opacity:.3}.perf-hero-main.has-fretboard .perf-hero-marquee--prev{right:calc(100% + 1em)}.perf-hero-main.has-fretboard .perf-hero-marquee--next{left:calc(100% + 1em)}@media (max-width: 720px){.perf-hero-marquee{font-size:1.1em!important}.perf-hero-marquee--prev{right:calc(100% + .5em)}.perf-hero-marquee--next{left:calc(100% + .5em)}}.perf-hero-chord{font-family:JetBrains Mono,monospace;font-weight:800;color:var(--accent);line-height:1;text-shadow:0 0 24px color-mix(in srgb,var(--accent) 40%,transparent);font-size:5em;transition:transform .15s ease}.perf-strip.is-breath.is-playing .perf-hero-chord{animation:perf-chord-breath var(--breath-duration, .7s) ease-in-out infinite;--breath-from: 1;--breath-to: 1.05}.perf-hero-beats{display:flex;gap:12px;justify-content:center;align-items:center}.perf-hero-beat-dot{width:14px;height:14px;border-radius:999px;background:var(--card-border);transition:background .1s,transform .1s}.perf-hero-beat-dot.is-active{background:var(--chord);transform:scale(1.5);box-shadow:0 0 12px color-mix(in srgb,var(--chord) 60%,transparent)}.perf-strip__hero--size-s .perf-hero-chord{font-size:2em}.perf-strip__hero--size-m .perf-hero-chord{font-size:2.4em}.perf-strip__hero--size-l .perf-hero-chord{font-size:2.8em}.perf-strip__hero--size-xl .perf-hero-chord{font-size:3.2em}.perf-strip__hero--size-s .perf-lyrics__prev,.perf-strip__hero--size-s .perf-lyrics__current,.perf-strip__hero--size-s .perf-lyrics__next{font-size:1em}.perf-strip__hero--size-m .perf-lyrics__prev,.perf-strip__hero--size-m .perf-lyrics__current,.perf-strip__hero--size-m .perf-lyrics__next{font-size:1.2em}.perf-strip__hero--size-l .perf-lyrics__prev,.perf-strip__hero--size-l .perf-lyrics__current,.perf-strip__hero--size-l .perf-lyrics__next{font-size:1.5em}.perf-strip__hero--size-xl .perf-lyrics__prev,.perf-strip__hero--size-xl .perf-lyrics__current,.perf-strip__hero--size-xl .perf-lyrics__next{font-size:1.85em}.perf-strip__hero .perf-lyrics__prev,.perf-strip__hero .perf-lyrics__next{opacity:.5}.perf-strip__hero .perf-lyrics__current{font-weight:500;line-height:1.7;letter-spacing:.02em;color:var(--fg)}.perf-strip[data-mode=portrait] .perf-strip__bars,.perf-strip[data-mode=single] .perf-strip__bars{padding:.4rem .25rem 1rem}.perf-strip[data-mode=portrait] .perf-strip__bar.is-current,.perf-strip[data-mode=single] .perf-strip__bar.is-current{transform:scale(1.2)}.perf-strip[data-mode=portrait] .perf-strip__bar.is-current .perf-strip__beats,.perf-strip[data-mode=single] .perf-strip__bar.is-current .perf-strip__beats{display:none}.perf-fretboard{color:var(--fg);display:inline-block;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.perf-fretboard--empty{display:flex;align-items:center;justify-content:center;min-height:8rem;border:1px dashed var(--card-border);border-radius:8px;padding:1rem;color:var(--fg-muted);font-size:12px;text-align:center}.perf-fretboard__msg{line-height:1.5}.perf-fretboard__mode-badge{position:absolute;top:-10px;right:-6px;padding:2px 8px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;font-size:11px;font-weight:700;border-radius:999px;box-shadow:0 2px 6px color-mix(in srgb,#f59e0b 50%,transparent);pointer-events:auto;z-index:2;white-space:nowrap;animation:perf-badge-pulse 2s ease-in-out infinite}@keyframes perf-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.perf-fretboard.is-tab-notes{filter:drop-shadow(0 0 8px color-mix(in srgb,#f59e0b 25%,transparent))}.perf-fretboard__string{transition:stroke-width .1s;transform-origin:center}.perf-fretboard--intensity-subtle .perf-fretboard__string.is-ringing{filter:drop-shadow(0 0 2px var(--chord));animation:pf-string-subtle .7s ease-out}@keyframes pf-string-subtle{0%{stroke:var(--chord);filter:drop-shadow(0 0 6px var(--chord))}to{stroke:currentColor;filter:drop-shadow(0 0 0 transparent)}}.perf-fretboard--intensity-normal .perf-fretboard__string.is-ringing{animation:pf-string-normal .7s ease-out}@keyframes pf-string-normal{0%{stroke:var(--chord);filter:drop-shadow(0 0 8px var(--chord)) brightness(1.6);stroke-width:3}40%{stroke:var(--chord);filter:drop-shadow(0 0 4px var(--chord)) brightness(1.2);stroke-width:2}to{stroke:currentColor;filter:drop-shadow(0 0 0 transparent) brightness(1);stroke-width:1}}.perf-fretboard--intensity-intense .perf-fretboard__string.is-ringing{animation:pf-string-intense .7s ease-out;transform-box:fill-box}@keyframes pf-string-intense{0%{stroke:var(--chord);filter:drop-shadow(0 0 10px var(--chord)) brightness(2);stroke-width:3.5;transform:scaleX(1.5)}15%{transform:scaleX(.9)}30%{stroke:var(--chord);filter:drop-shadow(0 0 6px var(--chord)) brightness(1.4);stroke-width:2.5;transform:scaleX(1.15)}50%{transform:scaleX(.97)}to{stroke:currentColor;filter:drop-shadow(0 0 0 transparent) brightness(1);stroke-width:1;transform:scaleX(1)}}.perf-fretboard__dot.is-ringing circle{animation:pf-dot-pulse .7s ease-out;transform-origin:center;transform-box:fill-box}@keyframes pf-dot-pulse{0%{transform:scale(1.3);filter:brightness(1.4) drop-shadow(0 0 6px var(--chord))}60%{transform:scale(1.1)}to{transform:scale(1);filter:brightness(1)}}.perf-fretboard__flynote{animation:pf-flynote .6s ease-out forwards;pointer-events:none}@keyframes pf-flynote{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(-12px)}}.perf-hero-main.has-fretboard{flex-direction:column;gap:.75rem;justify-content:center;align-items:center}.perf-hero-main.has-fretboard .perf-hero-chord-col{display:flex;flex-direction:column;align-items:center;gap:.75rem}.perf-hero-main:not(.has-fretboard) .perf-hero-chord-col{display:flex;flex-direction:column;align-items:center;gap:.5rem}.perf-strip[data-mode=portrait] .perf-hero-main.has-fretboard{flex-direction:column;gap:1rem}.perf-fretboard__notelabel{transition:fill .15s,font-weight .15s;transform-box:fill-box;transform-origin:center}.perf-fretboard__notelabel.is-ringing{animation:pf-notelabel-ringing .7s ease-out}@keyframes pf-notelabel-ringing{0%{transform:scale(1.4);filter:drop-shadow(0 0 6px var(--accent))}60%{transform:scale(1.1)}to{transform:scale(1);filter:none}}.perf-fretboard__flynote{animation:pf-flynote 1s ease-out forwards;pointer-events:none}.song-card-v2{position:relative;display:flex;align-items:stretch;height:76px;background:var(--card);border:1px solid var(--card-border);border-radius:8px;overflow:hidden;text-decoration:none;color:var(--fg);transition:border-color .15s,transform .15s,box-shadow .15s}.song-card-v2:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 14%,transparent)}.song-card-v2.has-backdrop{border-color:color-mix(in srgb,var(--card-border) 60%,transparent)}.song-card-v2.has-backdrop:hover{border-color:color-mix(in srgb,var(--accent) 60%,var(--card-border))}.song-card-v2__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-repeat:no-repeat;filter:blur(12px) saturate(80%) brightness(.9);transform-origin:center;transform:scale(1.2);z-index:0;transition:filter .25s,transform .25s}.song-card-v2:hover .song-card-v2__backdrop{filter:blur(10px) saturate(90%) brightness(1);transform:scale(1.22)}.song-card-v2__backdrop-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--card) 30%,transparent),color-mix(in srgb,var(--card) 25%,transparent) 30%,color-mix(in srgb,var(--card) 70%,transparent),color-mix(in srgb,var(--card) 90%,transparent)),linear-gradient(180deg,transparent 60%,color-mix(in srgb,var(--card) 18%,transparent) 100%)}.song-card-v2__rank{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:44px;flex-shrink:0;font-size:1.25rem;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:-.04em;background:color-mix(in srgb,var(--accent) 6%,transparent)}.song-card-v2--ranked:nth-child(1) .song-card-v2__rank,.song-card-v2--ranked:nth-child(2) .song-card-v2__rank,.song-card-v2--ranked:nth-child(3) .song-card-v2__rank{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,transparent),color-mix(in srgb,var(--accent) 6%,transparent))}.song-card-v2__thumb{position:relative;z-index:2;width:76px;flex-shrink:0;overflow:hidden;background:var(--bg)}.song-card-v2__thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.song-card-v2__thumb-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.25)}.song-card-v2__thumb-half{position:absolute;top:0;right:0;bottom:0;left:0}.song-card-v2__thumb-half img,.song-card-v2__thumb-half .song-card-v2__thumb-fallback{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.song-card-v2__thumb-half--1{clip-path:polygon(0 0,62% 0,38% 100%,0 100%)}.song-card-v2__thumb-half--2{clip-path:polygon(62% 0,100% 0,100% 100%,38% 100%)}.song-card-v2__thumb-half .song-card-v2__thumb-fallback{font-size:18px}.song-card-v2__thumb-half--1 .song-card-v2__thumb-fallback{justify-content:flex-start;padding-left:16%}.song-card-v2__thumb-half--2 .song-card-v2__thumb-fallback{justify-content:flex-end;padding-right:16%}.song-card-v2__thumb--split:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(103deg,transparent 47%,rgba(0,0,0,.5) 48.8%,rgba(255,255,255,.7) 50%,rgba(0,0,0,.5) 51.2%,transparent 53%)}.song-card-v2.has-backdrop .song-card-v2__thumb{box-shadow:inset -8px 0 12px -8px #0000002e}.credit-up{position:relative}.credit-up__cam{position:absolute;right:-3px;bottom:-3px;z-index:3;width:19px;height:19px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border:1.5px solid var(--card);cursor:pointer;opacity:.82;transition:opacity .15s,transform .15s}.credit-up__cam:hover{opacity:1;transform:scale(1.14)}.credit-up__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;border-radius:inherit;display:flex;align-items:center;justify-content:center;color:#fff;background:color-mix(in srgb,var(--accent) 55%,rgba(0,0,0,.35))}.credit-up__overlay--spin :where(svg){animation:credit-up-spin .9s linear infinite}@keyframes credit-up-spin{to{transform:rotate(360deg)}}.credit-card.is-drag-over{border-color:var(--accent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 45%,transparent)}.song-card-v2__content{position:relative;z-index:2;flex:1;min-width:0;padding:8px 12px;display:flex;flex-direction:column;justify-content:center;gap:3px}.song-card-v2__title-row{display:flex;align-items:center;gap:6px;min-width:0}.song-card-v2__title{flex:1;font-size:14.5px;font-weight:700;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.song-card-v2.has-backdrop .song-card-v2__title{text-shadow:0 1px 2px color-mix(in srgb,var(--bg) 60%,transparent)}.song-card-v2__tab{flex-shrink:0}.song-card-v2__artist{font-size:12px;color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.song-card-v2.has-backdrop .song-card-v2__artist{color:var(--fg);font-weight:500;text-shadow:0 1px 2px color-mix(in srgb,var(--bg) 50%,transparent)}.song-card-v2__collab{display:inline-flex;align-items:center;padding:0 5px;height:14px;font-size:10px;font-weight:700;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);border-radius:3px;letter-spacing:.03em}.song-card-v2__meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--fg-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap}.song-card-v2__key{display:inline-flex;align-items:center;height:18px;padding:0 6px;background:color-mix(in srgb,var(--chord) 14%,transparent);color:var(--chord);font-size:11px;font-weight:700;border-radius:3px;letter-spacing:.02em}.song-card-v2__capo{display:inline-flex;align-items:center;height:18px;padding:0 6px;background:color-mix(in srgb,var(--accent-2) 14%,transparent);color:var(--accent-2);font-size:11px;font-weight:600;border-radius:3px}.song-card-v2__lang{display:inline-flex;align-items:center;height:18px;padding:0 6px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:11px;font-weight:700;border-radius:3px}.song-card-v2__tuning{display:inline-flex;align-items:center;height:18px;padding:0 7px;background:color-mix(in srgb,#f59e0b 22%,transparent);color:#f59e0b;border:1px solid color-mix(in srgb,#f59e0b 60%,transparent);font-size:10.5px;font-weight:700;border-radius:3px}.song-card-v2__difficulty{display:inline-flex;align-items:center;gap:1px;color:var(--accent)}.song-card-v2__verified{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:color-mix(in srgb,#10b981 18%,transparent);color:#10b981;border-radius:50%}.song-card-v2__tag{display:inline-flex;align-items:center;height:18px;padding:0 6px;background:var(--section-tag-bg);color:var(--section-tag);font-size:10.5px;font-weight:500;border-radius:3px;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-card-v2__view,.song-card-v2__fav{display:inline-flex;align-items:center;gap:2px}.song-card-v2.has-backdrop .song-card-v2__view,.song-card-v2.has-backdrop .song-card-v2__fav{color:var(--fg);text-shadow:0 1px 2px color-mix(in srgb,var(--bg) 50%,transparent)}.song-card-v2--compact{height:56px;align-items:center}.song-card-v2--compact .song-card-v2__thumb{width:56px;height:56px}.song-card-v2--compact .song-card-v2__thumb-fallback{font-size:22px}.song-card-v2--compact .song-card-v2__content{flex-direction:row;align-items:center;gap:12px;padding:0 14px}.song-card-v2--compact .song-card-v2__title-row{flex:1;min-width:0}.song-card-v2--compact .song-card-v2__title{font-size:13.5px}.song-card-v2--compact .song-card-v2__artist{flex-shrink:0;font-size:11.5px;max-width:32%;overflow:hidden;text-overflow:ellipsis}.song-card-v2--compact .song-card-v2__meta{flex-shrink:0;font-size:10.5px;gap:5px}.song-card-v2--compact .song-card-v2__key,.song-card-v2--compact .song-card-v2__capo{height:16px;font-size:10.5px;padding:0 5px}.song-card-v2--compact .song-card-v2__rank{width:38px;font-size:1.1rem}.home-top5{padding:0 24px;margin-bottom:1.75rem}.top-songs-carousel{position:relative;border-radius:14px}.top-songs-carousel__strip{display:flex;align-items:stretch;gap:12px;height:340px}.top-songs-cell{position:relative;border-radius:14px;overflow:hidden;transition:flex .4s cubic-bezier(.22,.61,.36,1),opacity .4s ease;min-width:0}.top-songs-cell--d0{flex:4.5}.top-songs-cell--d1{flex:1.4;opacity:.9}.top-songs-cell--d2{flex:1;opacity:.65}.top-songs-cell--d2:hover{opacity:.9}.top-songs-cell--d1:hover{opacity:1}@media (max-width: 767px){.top-songs-cell--d1,.top-songs-cell--d2{display:none}.top-songs-cell--d0{flex:1;width:100%}.top-songs-carousel__strip{height:300px;gap:0}}.top-songs-cell--d0 .top-songs-slide{position:relative;inset:auto;width:100%;height:100%;opacity:1;transform:none;pointer-events:auto;border-radius:14px;overflow:hidden}.top-songs-cell--d0 .top-songs-slide__bg{transform:scale(1.06)}.top-songs-mini{display:flex;flex-direction:column;width:100%;height:100%;background:var(--card);border:1px solid var(--card-border);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;cursor:pointer;padding:0;font-family:inherit;text-align:left;transition:border-color .18s,transform .18s,box-shadow .18s}.top-songs-mini:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 22%,transparent)}.top-songs-mini__photo{position:relative;aspect-ratio:1 / 1;background:var(--bg);overflow:hidden;flex-shrink:0}.top-songs-mini__photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.top-songs-mini__initial{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.6rem;font-weight:900;color:#ffffffd9}.top-songs-mini__rank{position:absolute;top:6px;left:6px;background:var(--accent);color:#1a1206;font-size:11px;font-weight:800;padding:2px 7px;border-radius:4px;letter-spacing:.02em;box-shadow:0 2px 8px #00000040}.top-songs-mini__body{flex:1;padding:10px 12px;display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:0}.top-songs-mini__title{margin:0;font-size:.92rem;font-weight:700;color:var(--fg);line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.top-songs-mini__artist{margin:0;font-size:.78rem;color:var(--fg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-songs-mini__key{display:inline-flex;align-items:center;padding:1px 7px;border-radius:4px;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);font-size:10.5px;font-weight:700;align-self:flex-start;margin-top:2px;font-family:JetBrains Mono,monospace}.top-songs-slide__bg{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform 8s ease-out}.top-songs-slide.is-active .top-songs-slide__bg{transform:scale(1.06)}.top-songs-slide__veil{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.top-songs-slide__initial{position:absolute;top:50%;font-size:280px;font-weight:900;line-height:.85;letter-spacing:-.04em;z-index:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:.4;transform:translateY(-50%);font-family:Noto Sans TC,system-ui,sans-serif}.top-songs-slide__initial.photo-right{right:60px}.top-songs-slide__initial.photo-left{left:60px}.top-songs-slide__content{position:relative;z-index:4;padding:28px 44px;display:flex;flex-direction:column;gap:10px;max-width:50%;min-width:320px}.top-songs-slide.photo-right .top-songs-slide__content{margin-right:auto;align-items:flex-start;text-align:left}.top-songs-slide.photo-left .top-songs-slide__content{margin-left:auto;align-items:flex-end;text-align:right}.top-songs-slide__rank{font-size:1rem;font-weight:700;color:var(--accent);letter-spacing:.05em;font-variant-numeric:tabular-nums;text-transform:uppercase;opacity:0;transform:translateY(10px);transition:opacity .6s ease-out .15s,transform .6s ease-out .15s}.top-songs-slide__title{margin:0;font-size:clamp(2rem,3.6vw,3rem);font-weight:800;letter-spacing:-.02em;color:var(--fg);line-height:1.05;text-shadow:0 2px 12px color-mix(in srgb,var(--bg) 80%,transparent);display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;opacity:0;transform:translateY(15px);transition:opacity .6s ease-out .25s,transform .6s ease-out .25s}.top-songs-slide__artist{font-size:16px;font-weight:600;color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;gap:8px;opacity:0;transform:translateY(15px);transition:opacity .6s ease-out .3s,transform .6s ease-out .3s,color .15s;text-shadow:0 2px 8px rgba(0,0,0,.95),0 1px 2px rgba(0,0,0,.9)}.top-songs-slide__artist:hover{color:var(--chord)}.top-songs-slide__collab-pill{display:inline-flex;align-items:center;padding:1px 6px;font-size:10.5px;font-weight:700;background:color-mix(in srgb,var(--accent) 20%,transparent);border-radius:3px;letter-spacing:.03em}.top-songs-slide__meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:var(--fg-muted);opacity:0;transform:translateY(15px);transition:opacity .6s ease-out .35s,transform .6s ease-out .35s}.top-songs-slide.photo-left .top-songs-slide__meta{justify-content:flex-end}.top-songs-slide__chip{display:inline-flex;align-items:center;padding:2px 9px;font-size:12.5px;font-weight:700;border-radius:4px;letter-spacing:.02em}.top-songs-slide__chip--key{background:color-mix(in srgb,var(--chord) 18%,transparent);color:var(--chord)}.top-songs-slide__chip--capo{background:color-mix(in srgb,var(--accent-2) 18%,transparent);color:var(--accent-2)}.top-songs-slide__views{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:600;display:inline-flex;align-items:center;gap:4px}.top-songs-slide__cta{margin-top:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;background:var(--accent);color:#fff;text-decoration:none;border-radius:999px;font-size:14px;font-weight:600;box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 35%,transparent);width:-moz-fit-content;width:fit-content;opacity:0;transform:translateY(15px);transition:opacity .6s ease-out .45s,transform .6s ease-out .45s,background .15s,box-shadow .2s}.top-songs-slide__cta:hover{background:color-mix(in srgb,var(--accent) 85%,black);box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 45%,transparent)}.top-songs-slide.is-active .top-songs-slide__rank,.top-songs-slide.is-active .top-songs-slide__title,.top-songs-slide.is-active .top-songs-slide__artist,.top-songs-slide.is-active .top-songs-slide__meta,.top-songs-slide.is-active .top-songs-slide__cta{opacity:1;transform:translateY(0)}.top-songs-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#00000059;backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:26px;line-height:1;cursor:pointer;z-index:5;display:flex;align-items:center;justify-content:center;font-family:inherit;font-weight:600;transition:background .15s,transform .15s,box-shadow .15s,border-color .15s;box-shadow:0 2px 12px #00000040;padding:0 0 4px}.top-songs-carousel__arrow:hover{background:#0009;border-color:var(--accent);transform:translateY(-50%) scale(1.1);box-shadow:0 4px 16px #0006}.top-songs-carousel__arrow--prev{left:12px}.top-songs-carousel__arrow--next{right:12px}.top-songs-carousel__dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:5}.top-songs-carousel__dot{width:8px;height:8px;padding:0;border-radius:50%;background:#0000002e;border:none;cursor:pointer;transition:background .2s,width .2s}.top-songs-carousel__dot:hover{background:#00000059}.top-songs-carousel__dot.is-active{background:var(--accent);width:22px;border-radius:4px}.home-cta{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;padding:0 24px 1.5rem}.home-cta__card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,var(--card)) 0%,var(--card) 70%);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--card-border));border-radius:12px;text-decoration:none;color:var(--fg);transition:transform .18s,box-shadow .18s,border-color .18s}.home-cta__card--secondary{background:linear-gradient(135deg,color-mix(in srgb,var(--chord) 14%,var(--card)) 0%,var(--card) 70%);border-color:color-mix(in srgb,var(--chord) 30%,var(--card-border))}.home-cta__card:hover{transform:translateY(-2px);box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 18%,transparent);border-color:var(--accent)}.home-cta__card--secondary:hover{box-shadow:0 8px 22px color-mix(in srgb,var(--chord) 18%,transparent);border-color:var(--chord)}.home-cta__main{display:flex;align-items:center;gap:16px;min-width:0}.home-cta__icon{flex-shrink:0;color:var(--accent)}.home-cta__card--secondary .home-cta__icon{color:var(--chord)}.home-cta__title{margin:0 0 4px;font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.home-cta__desc{margin:0;font-size:12.5px;color:var(--fg-muted);line-height:1.5}.home-cta__arrow{flex-shrink:0;color:var(--fg-muted);transition:transform .2s,color .15s}.home-cta__card:hover .home-cta__arrow{transform:translate(6px);color:var(--accent)}.home-cta__card--secondary:hover .home-cta__arrow{color:var(--chord)}.song-lib-page{padding-bottom:3rem}.song-lib{padding:0 24px}.song-lib__chipbar{position:sticky;top:52px;z-index:14;display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:0 -24px 12px;padding:10px 24px;background:color-mix(in srgb,var(--card) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb,var(--card-border) 60%,transparent);font-size:12.5px}.song-lib__chipbar-right{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.song-lib__sort{display:flex;flex-wrap:wrap;gap:4px}.song-lib__sort-chip{padding:4px 11px;font-size:12.5px;font-weight:600;background:transparent;border:1px solid var(--card-border);border-radius:999px;color:var(--fg);cursor:pointer;transition:background .15s,border-color .15s,color .15s;font-family:inherit}.song-lib__sort-chip:hover{background:color-mix(in srgb,var(--accent) 8%,transparent);border-color:var(--accent)}.song-lib__sort-chip.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.song-lib__view{display:inline-flex;border:1px solid var(--card-border);border-radius:6px;overflow:hidden}.song-lib__view-btn{padding:4px 10px;font-size:13px;background:transparent;border:none;cursor:pointer;color:var(--fg-muted);font-family:inherit}.song-lib__view-btn:hover{background:var(--bg);color:var(--fg)}.song-lib__view-btn.is-active{background:var(--accent);color:#fff}.song-lib__view-btn+.song-lib__view-btn{border-left:1px solid var(--card-border)}.song-lib__search{display:inline-flex}.song-lib__search input{padding:4px 12px;font-size:13px;background:var(--bg);border:1px solid var(--card-border);border-radius:6px;color:var(--fg);font-family:inherit;min-width:180px}.song-lib__search input:focus{outline:none;border-color:var(--accent)}.song-lib__filters{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;padding:0 0 12px;font-size:12.5px}.song-lib__filter-label{font-size:11px;font-weight:700;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 4px}.song-lib__filter-divider{width:1px;height:16px;background:var(--card-border);margin:0 6px}.song-lib__chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:600;background:var(--card);border:1px solid var(--card-border);border-radius:999px;color:var(--fg);cursor:pointer;transition:background .15s,border-color .15s,color .15s;font-family:inherit}.song-lib__chip:hover{background:color-mix(in srgb,var(--accent) 8%,transparent);border-color:var(--accent)}.song-lib__chip.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.song-lib__chip--key{font-family:JetBrains Mono,monospace;font-weight:700;letter-spacing:.02em}.song-lib__chip--key.is-active{background:var(--chord);border-color:var(--chord)}.song-lib__clear{padding:3px 10px;font-size:12px;background:transparent;border:1px solid color-mix(in srgb,#ef4444 35%,transparent);color:#ef4444;border-radius:999px;cursor:pointer;font-family:inherit;font-weight:600;margin-left:4px}.song-lib__clear:hover{background:color-mix(in srgb,#ef4444 10%,transparent)}.song-lib__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}.song-lib__list{display:flex;flex-direction:column;gap:4px}.song-lib__more{display:flex;justify-content:center;padding:18px 0 24px}.song-lib__rankings-label{font-size:13px;font-weight:800;color:var(--accent);letter-spacing:.04em;margin-right:4px}.song-lib__rankings-sublabel{font-size:11px;font-weight:700;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 2px 0 4px}.song-lib__rankings-divider{width:1px;height:16px;background:var(--card-border);margin:0 4px}.song-lib__rank-chip{padding:4px 12px;font-size:12.5px;font-weight:600;background:var(--card);border:1px solid var(--card-border);border-radius:999px;color:var(--fg);cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .12s;font-family:inherit}.song-lib__rank-chip:hover{background:color-mix(in srgb,var(--accent) 8%,transparent);border-color:var(--accent);transform:translateY(-1px)}.song-lib__rank-chip.is-active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 30%,transparent)}.song-lib__rank-chip--all.is-active{background:var(--accent)}.song-lib__rank-chip--lang.is-active{background:var(--chord);border-color:var(--chord);box-shadow:0 2px 8px color-mix(in srgb,var(--chord) 30%,transparent)}.song-lib__rank-chip--type.is-active{background:var(--accent-2);border-color:var(--accent-2);box-shadow:0 2px 8px color-mix(in srgb,var(--accent-2) 30%,transparent)}.song-lib__rank-chip--len.is-active{background:#9333ea;border-color:#9333ea;box-shadow:0 2px 8px color-mix(in srgb,#9333ea 30%,transparent)}.song-lib__ranking-result{padding-top:4px}.song-lib__ranking-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:8px 0 14px;border-bottom:1px solid color-mix(in srgb,var(--card-border) 50%,transparent);margin-bottom:14px}.song-lib__ranking-title{display:flex;align-items:baseline;gap:14px;font-size:1.45rem;font-weight:800;letter-spacing:-.01em;color:var(--fg)}.song-lib__ranking-count{font-size:13px;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:.04em;text-transform:uppercase}.song-lib__ranking-desc{flex:1;font-size:12px;color:var(--fg-muted);letter-spacing:.02em}@media (max-height: 800px){.perf-strip__hero .perf-lyrics{grid-template-rows:minmax(0,.25fr) auto auto auto minmax(0,.25fr)!important;row-gap:1rem!important}}@media (orientation: portrait) and (max-width: 600px){.perf-strip__controls{padding:.4rem .5rem calc(.4rem + env(safe-area-inset-bottom))}.perf-strip__controls .perf-strip__sections{flex-wrap:nowrap;overflow-x:auto;width:100%;margin-left:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.perf-strip__controls .perf-strip__sections::-webkit-scrollbar{display:none}.perf-strip__controls .perf-strip__section-btn{padding:8px 14px;font-size:13px;flex-shrink:0}.perf-strip__bars{overflow-x:auto;justify-content:flex-start;padding-left:.5rem;padding-right:.5rem}}@media (orientation: landscape) and (max-height: 560px){.perf-strip__controls:not(.is-corner){flex-wrap:nowrap;overflow-x:auto;padding:.4rem .5rem;scrollbar-width:thin}.perf-strip__controls:not(.is-corner) .perf-strip__audio-toggles{flex-wrap:nowrap;flex-shrink:0}.perf-strip__controls:not(.is-corner) .perf-strip__btn,.perf-strip__controls:not(.is-corner) .perf-strip__toggle{padding:4px 10px;font-size:12px;flex-shrink:0;white-space:nowrap}.perf-strip__controls:not(.is-corner) .perf-strip__sections{display:none}.perf-strip__hero{padding:.25rem .5rem!important}.perf-strip__hero .perf-lyrics{grid-template-rows:0 auto auto auto 0!important;row-gap:.5rem!important}.perf-strip__hero--size-l .perf-hero-chord,.perf-strip__hero--size-xl .perf-hero-chord,.perf-strip__hero--size-m .perf-hero-chord,.perf-strip__hero--size-s .perf-hero-chord{font-size:1.8em!important}.perf-strip__hero--size-l .perf-hero-marquee,.perf-strip__hero--size-xl .perf-hero-marquee{font-size:.9em}.perf-hero-main.has-fretboard{flex-direction:row!important;gap:1rem!important;align-items:center}.perf-hero-chord-col{flex-shrink:0}.perf-hero-fretboards{gap:.5rem;margin:0}.perf-hero-fretboards .perf-fretboard{transform:scale(.65);transform-origin:top center;margin-bottom:-75px}.perf-strip__bars{padding:.5rem .25rem .75rem}.perf-lyrics__current--instrumental,.perf-lyrics__prev,.perf-lyrics__next,.perf-hero-tab-slot{display:none}}.advanced-tab{padding:10px 18px;font-size:14px;font-weight:600;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--fg-muted);cursor:pointer;transition:color .15s,border-color .15s}.advanced-tab:hover{color:var(--fg)}.advanced-tab.is-active{color:var(--accent);border-bottom-color:var(--accent)}.rankings-page{padding-bottom:3rem}.rankings-time-tabs{display:flex;align-items:center;gap:4px;padding:4px;background:var(--card);border-radius:999px;border:1px solid var(--card-border);width:-moz-fit-content;width:fit-content;margin-bottom:8px}.rankings-time-tab{padding:6px 18px;font-size:13px;font-weight:600;background:transparent;border:none;border-radius:999px;color:var(--fg-muted);cursor:pointer;transition:background .15s,color .15s}.rankings-time-tab:hover{color:var(--fg)}.rankings-time-tab.is-active{background:var(--accent);color:#fff}.rankings-cats{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;padding:12px;background:var(--card);border-radius:8px;border:1px solid var(--card-border)}.rankings-cats__group{display:flex;flex-wrap:wrap;gap:6px}.rankings-cats__group+.rankings-cats__group{padding-top:6px;border-top:1px dashed var(--card-border)}.rankings-cat-chip{padding:4px 12px;font-size:12px;background:var(--bg);border:1px solid var(--card-border);border-radius:999px;color:var(--fg-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.rankings-cat-chip:hover{color:var(--fg);border-color:var(--accent)}.rankings-cat-chip.is-active{background:var(--accent);color:#fff;border-color:var(--accent)}.rankings-filter{margin-bottom:16px}.rankings-filter__toggle{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;background:var(--card);border:1px solid var(--card-border);border-radius:999px;color:var(--fg-muted);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.rankings-filter__toggle:hover{color:var(--fg);border-color:var(--accent)}.rankings-filter__toggle-label{color:var(--fg-faint);font-weight:600}.rankings-filter__toggle-active{color:var(--accent);font-weight:700}.rankings-filter__toggle-icon{margin-left:2px;opacity:.65}.rankings-filter.is-open .rankings-filter__toggle{margin-bottom:10px}.rankings-filter .rankings-cats{margin-bottom:0}.rankings-top3{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:14px;margin:16px 0 24px;align-items:stretch}.rankings-top3__item{position:relative;display:block;min-height:232px;overflow:hidden;border-radius:16px;text-decoration:none;color:#fff;background:var(--card);border:1px solid var(--card-border);box-shadow:0 6px 22px #00000042;isolation:isolate;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out,border-color .2s ease-in-out}.rankings-top3__photo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-size:cover;background-repeat:no-repeat;background-position:center}.rankings-top3__veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,#09090bf0,#09090bcc 26%,#09090b57 58%,#09090b0a)}.rankings-top3__initial{position:absolute;z-index:0;top:50%;left:50%;transform:translate(-50%,-55%);font-size:150px;font-weight:900;line-height:.8;color:#ffffff29;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.rankings-top3__badge{position:absolute;top:12px;left:12px;z-index:2;font-size:18px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1;padding:5px 11px;border-radius:999px;background:#0000006b;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid currentColor}.rankings-top3__content{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:14px 16px 16px;display:flex;flex-direction:column;gap:3px}.rankings-top3__title{font-size:19px;font-weight:800;line-height:1.18;letter-spacing:-.01em;text-shadow:0 1px 10px rgba(0,0,0,.65);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rankings-top3__artist{font-size:13px;font-weight:600;color:#ffffffd1;text-shadow:0 1px 8px rgba(0,0,0,.6)}.rankings-top3__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:7px}.rankings-top3__chip{display:inline-flex;align-items:center;padding:2px 9px;font-size:12px;font-weight:700;border-radius:5px;letter-spacing:.02em;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.rankings-top3__chip--key{background:color-mix(in srgb,var(--chord) 26%,rgba(0,0,0,.4));color:color-mix(in srgb,var(--chord) 60%,#fff)}.rankings-top3__chip--capo{background:color-mix(in srgb,var(--accent-2) 26%,rgba(0,0,0,.4));color:color-mix(in srgb,var(--accent-2) 60%,#fff)}.rankings-top3__views{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;color:#ffffffe6;text-shadow:0 1px 6px rgba(0,0,0,.6)}.rankings-top3__item:hover{transform:translateY(-4px);box-shadow:0 14px 34px #00000057}.rankings-top3__item--1{border-color:#f59e0b;box-shadow:0 6px 24px color-mix(in srgb,#f59e0b 26%,transparent);order:2;transform:scale(1.04)}.rankings-top3__item--1 .rankings-top3__badge{color:#f59e0b}.rankings-top3__item--1:hover{transform:scale(1.04) translateY(-4px);box-shadow:0 14px 36px color-mix(in srgb,#f59e0b 40%,transparent)}.rankings-top3__item--2{border-color:#94a3b8;box-shadow:0 6px 24px color-mix(in srgb,#94a3b8 22%,transparent);order:1}.rankings-top3__item--2 .rankings-top3__badge{color:#94a3b8}.rankings-top3__item--2:hover{transform:translateY(-4px);box-shadow:0 14px 36px color-mix(in srgb,#94a3b8 32%,transparent)}.rankings-top3__item--3{border-color:#c2410c;box-shadow:0 6px 24px color-mix(in srgb,#c2410c 20%,transparent);order:3}.rankings-top3__item--3 .rankings-top3__badge{color:#fb923c}.rankings-top3__item--3:hover{transform:translateY(-4px);box-shadow:0 14px 36px color-mix(in srgb,#c2410c 30%,transparent)}.rankings-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.rankings-row{display:grid;grid-template-columns:60px 1fr 1.2fr 60px auto;gap:12px;align-items:center;padding:10px 14px;border-bottom:none!important;border-radius:8px!important;transition:all .2s ease-in-out}.rankings-row:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.rankings-row__rank{font-weight:700;font-family:JetBrains Mono,monospace;color:var(--fg-muted);font-size:14px}.rankings-row__title{font-weight:600;color:var(--fg);text-decoration:none}.rankings-row__title:hover{color:var(--accent);text-decoration:underline}.rankings-row__artist{font-size:13px;color:var(--fg-muted)}.rankings-row__key{font-size:12px;padding:2px 8px;background:var(--bg);border:1px solid var(--card-border);border-radius:4px;text-align:center;color:var(--fg-muted)}.rankings-row__stats{display:flex;gap:10px;font-size:12px;color:var(--fg-muted)}.rankings-pagination{display:flex;gap:6px;margin:20px 0;justify-content:center;flex-wrap:wrap}.rankings-page-btn{padding:6px 14px;font-size:12px;background:var(--card);border:1px solid var(--card-border);border-radius:6px;color:var(--fg-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.rankings-page-btn:hover{color:var(--fg);border-color:var(--accent)}.rankings-page-btn.is-active{background:var(--accent);color:#fff;border-color:var(--accent)}@media (max-width: 720px){.rankings-top3{grid-template-columns:1fr;gap:12px}.rankings-top3__item--1,.rankings-top3__item--2,.rankings-top3__item--3{order:initial;transform:none}.rankings-top3__item{min-height:168px}.rankings-top3__title{font-size:18px}.rankings-row{grid-template-columns:48px 1fr auto;gap:8px}.rankings-row__artist,.rankings-row__key{display:none}}.site-footer__version{opacity:.55;font-size:11px;letter-spacing:.02em;transition:opacity .15s ease}.site-footer__version:hover{opacity:1;color:var(--accent)}body.performance-mode .site-footer{display:none}.site-footer{margin-top:3rem;background:var(--card);border-top:1px solid var(--card-border);color:var(--fg-muted);font-size:13px;padding:0 1.25rem;transition:all .3s ease}.site-footer__container{max-width:1100px;margin:0 auto}.site-footer__details{max-height:0;opacity:0;overflow:hidden;transition:max-height .45s cubic-bezier(.4,0,.2,1),opacity .3s ease,padding .45s ease;padding-top:0;padding-bottom:0;border-bottom:none}.site-footer__details.is-expanded{max-height:500px;opacity:1;padding-top:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--card-border)}.site-footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.site-footer__bottom{padding:.75rem 0;font-size:12px;color:var(--fg-faint);display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.site-footer__toggle-btn{background:transparent;border:none;color:var(--fg-muted);cursor:pointer;font-size:11px;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;border:1px solid var(--card-border);transition:all .2s ease}.site-footer__toggle-btn:hover{background:var(--section-tag-bg);color:var(--accent);border-color:var(--accent)}.changelog-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;animation:changelog-fade .18s ease}@keyframes changelog-fade{0%{opacity:0}to{opacity:1}}.changelog-modal{background:var(--card);border:1px solid var(--card-border);border-radius:12px;width:100%;max-width:760px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:changelog-rise .22s cubic-bezier(.2,.8,.2,1)}@keyframes changelog-rise{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.changelog-modal__header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem 1rem;border-bottom:1px solid var(--card-border)}.changelog-modal__title{font-size:20px;font-weight:700;color:var(--fg)}.changelog-modal__subtitle{font-size:12px;color:var(--fg-muted);margin-top:4px;font-family:JetBrains Mono,monospace}.changelog-modal__close{background:transparent;border:none;color:var(--fg-muted);font-size:24px;line-height:1;padding:4px 10px;cursor:pointer;border-radius:6px;transition:all .12s}.changelog-modal__close:hover{background:var(--card-border);color:var(--fg)}.changelog-modal__body{overflow-y:auto;padding:.5rem 1.5rem 1.5rem;flex:1}.changelog-modal__empty{color:var(--fg-muted);text-align:center;padding:3rem 0}.changelog-group{margin-top:1rem}.changelog-group__date{font-size:11px;font-weight:600;color:var(--fg-faint);text-transform:uppercase;letter-spacing:.1em;margin:0 0 .5rem;font-family:JetBrains Mono,monospace;position:sticky;top:0;background:var(--card);padding:6px 0;z-index:1}.changelog-group__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.changelog-entry{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:6px;transition:background .12s}.changelog-entry:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.changelog-entry__type{font-size:16px;line-height:1.4;text-align:center}.changelog-entry__main{min-width:0}.changelog-entry__subject{font-size:13px;color:var(--fg);line-height:1.5;word-break:break-word}.changelog-entry__scope{display:inline-block;font-size:10px;font-weight:700;padding:1px 6px;border-radius:3px;background:var(--card-border);color:var(--fg-muted);margin-right:6px;font-family:JetBrains Mono,monospace;text-transform:lowercase;vertical-align:middle}.changelog-entry__breaking{display:inline-block;font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;background:#ef4444;color:#fff;margin-right:6px;vertical-align:middle}.changelog-entry__body{font-size:11px;color:var(--fg-muted);line-height:1.5;margin:4px 0 0;padding:4px 8px;background:var(--bg);border-radius:4px;border-left:2px solid var(--card-border);font-family:inherit;white-space:pre-wrap;max-height:6em;overflow-y:auto}.changelog-entry__hash{font-size:10px;color:var(--fg-faint);font-family:JetBrains Mono,monospace;padding:2px 5px;border-radius:3px;background:var(--bg)}@media (max-width: 768px){.page-hero{padding:20px 16px;margin-bottom:1.25rem}.page-hero__inner{grid-template-columns:1fr;gap:14px}.page-hero__title{font-size:1.5rem}.page-hero__right-content{width:100%;justify-content:flex-start}.page-stats-compact{justify-content:flex-start;width:100%;margin-top:10px}.home-page{padding-bottom:2rem}.top-songs-carousel{height:295px}.top-songs-slide__content{padding:20px 24px;gap:6px;min-width:unset;max-width:75%}.top-songs-slide__title{font-size:clamp(1.4rem,5.2vw,1.8rem)}.top-songs-slide__artist{font-size:13.5px}.top-songs-slide__cta{padding:8px 16px;font-size:13px;margin-top:4px}.top-songs-carousel__arrow{width:36px;height:36px;font-size:20px}.top-songs-carousel__arrow--prev{left:8px}.top-songs-carousel__arrow--next{right:8px}.home-hero__top-bar{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:8px}.home-hero__controls{display:flex;align-items:center;gap:8px}.home-shortcuts--hero,.home-stats-compact--hero{display:none!important}.home-shortcuts--bottom{display:grid!important;grid-template-columns:repeat(2,1fr);gap:10px;width:100%;margin:16px 0 12px;box-sizing:border-box;padding:0 16px}.home-shortcuts--bottom .home-shortcut-card{padding:10px 12px;gap:10px;border-radius:10px}.home-shortcuts--bottom .home-shortcut-card__icon-wrapper{width:32px;height:32px;border-radius:6px}.home-shortcuts--bottom .home-shortcut-card__title{font-size:13px}.home-shortcuts--bottom .home-shortcut-card__desc{font-size:10px}.home-stats-compact--bottom{display:flex!important;justify-content:center;padding:0 16px 8px;width:100%;box-sizing:border-box;gap:6px 10px}.home-hero{padding:20px 16px;margin-bottom:1.25rem}.home-hero__tagline{font-size:12.5px;margin-top:6px}.home-top5,.home-strip{padding:0 16px;margin-bottom:1.5rem}.home-strip__title{font-size:15px;margin-bottom:10px}.home-strip__grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}.home-hero__search{margin-top:.75rem;max-width:100%}.home-search-anchor{padding:8px 14px}}@media (orientation: landscape) and (max-height: 500px){.page-hero{margin-bottom:0;padding:16px;border-radius:12px;border:1px solid var(--card-border);height:100%;box-sizing:border-box}.page-hero__inner{grid-template-columns:1fr 1.25fr;gap:16px;align-items:stretch}.page-hero__title{font-size:1.35rem;gap:8px}.page-hero__tagline{font-size:11px;margin-top:2px;line-height:1.35}.page-stats-compact{display:none!important}.home-page{padding-bottom:1.5rem}.home-header-row{display:grid;grid-template-columns:1fr 1.25fr;gap:16px;padding:12px 16px;align-items:stretch}.home-hero{margin-bottom:0;padding:16px;border-radius:12px;border:1px solid var(--card-border);display:flex;flex-direction:column;justify-content:center;height:100%;box-sizing:border-box;background:radial-gradient(400px 200px at 0% 0%,color-mix(in srgb,var(--accent) 10%,transparent) 0%,transparent 80%),radial-gradient(400px 200px at 100% 0%,color-mix(in srgb,var(--chord) 8%,transparent) 0%,transparent 80%),var(--card)}.home-hero__inner{display:flex;flex-direction:column;gap:6px;width:100%}.home-hero__brand{text-align:left}.home-hero__title{font-size:1.35rem;gap:8px;justify-content:flex-start}.home-hero__title-logo{height:38px!important;width:auto!important}.home-hero__tagline{font-size:11px;margin-top:2px;line-height:1.35;white-space:normal}.home-hero__search{margin-top:6px;max-width:100%}.home-search-anchor{padding:6px 12px}.home-search-anchor__placeholder{font-size:11px}.home-search-anchor__icon{font-size:.95rem}.home-hero__top-bar{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:4px}.home-hero__controls{display:flex;align-items:center;gap:8px}.home-shortcuts--bottom,.home-stats-compact--bottom,.home-stats-compact--hero{display:none!important}.home-shortcuts--hero{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;width:100%!important;margin-top:8px}.home-shortcuts--hero .home-shortcut-card{padding:6px 8px;gap:6px;border-radius:8px;justify-content:center}.home-shortcuts--hero .home-shortcut-card__icon-wrapper{width:26px;height:26px;border-radius:6px}.home-shortcuts--hero .home-shortcut-card__icon-wrapper svg{width:14px;height:14px}.home-shortcuts--hero .home-shortcut-card__title{font-size:12px}.home-shortcuts--hero .home-shortcut-card__desc{display:none!important}.home-top5{padding:0;margin-bottom:0;display:flex;flex-direction:column;height:100%}.home-top5 .home-strip__title{font-size:13px;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center;padding:0 4px}.home-top5 .home-strip__hint{font-size:10px;font-weight:500}.top-songs-carousel{flex:1;height:220px;border-radius:12px}.top-songs-slide__content{padding:12px 20px;gap:4px;min-width:unset;max-width:65%}.top-songs-slide__rank{font-size:.85rem}.top-songs-slide__title{font-size:1.2rem;gap:8px}.top-songs-slide__title img{height:.75em!important}.top-songs-slide__artist{font-size:12px}.top-songs-slide__meta{font-size:11px;gap:4px}.top-songs-slide__chip{padding:1px 6px;font-size:10.5px}.top-songs-slide__cta{padding:6px 14px;font-size:11.5px;margin-top:2px;border-radius:6px;box-shadow:none}.top-songs-carousel__arrow{width:32px;height:32px;font-size:18px}.top-songs-carousel__arrow--prev{left:6px}.top-songs-carousel__arrow--next{right:6px}.top-songs-carousel__dots{bottom:6px;gap:4px}.top-songs-carousel__dot{width:6px;height:6px}.top-songs-carousel__dot.is-active{width:14px}.home-strip{padding:0 16px;margin-bottom:1.25rem}.home-strip__title{font-size:14px;margin-bottom:8px}.home-strip--accent{padding-left:16px}.home-strip--accent:before{top:28px;width:2px}.home-strip__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:8px;scrollbar-width:thin;grid-template-columns:none;-webkit-overflow-scrolling:touch}.home-strip__grid::-webkit-scrollbar{height:4px}.home-strip__grid::-webkit-scrollbar-track{background:transparent}.home-strip__grid::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:4px}.home-strip__grid::-webkit-scrollbar-thumb:hover{background:var(--fg-muted)}.home-strip__grid .song-card-v2{width:240px;flex-shrink:0;scroll-snap-align:start;box-sizing:border-box;margin-bottom:2px}}.theme-glass{--fg: #fafafa;--fg-muted: rgba(250, 250, 250, .62);--fg-faint: #71717a;--card: #18181b;--card-border: rgba(255, 255, 255, .14);--section-tag-bg: rgba(255, 255, 255, .08);--chord: #38bdf8;--chord-hover: #0ea5e9;background:#18181ba6!important;backdrop-filter:blur(12px) saturate(140%)!important;-webkit-backdrop-filter:blur(12px) saturate(140%)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 8px 32px #0000004d!important;color:var(--fg)!important}.theme-glass-input{background:#0000004d!important;border:1px solid rgba(255,255,255,.1)!important;color:var(--fg)!important;border-radius:8px;outline:none;transition:all .2s ease-in-out}.theme-glass-input:focus{border-color:var(--accent)!important;box-shadow:0 0 12px #f59e0b4d!important}.glow-amber-active{border-color:var(--accent)!important;box-shadow:0 0 15px #f59e0b40!important}.glow-cyan-active{border-color:var(--accent-2)!important;box-shadow:0 0 15px #22d3ee40!important}.hover-glow-amber{transition:all .2s ease-in-out!important}.hover-glow-amber:hover{transform:translateY(-2px)!important;border-color:var(--accent)!important;box-shadow:0 8px 24px #f59e0b26!important}.hover-glow-cyan{transition:all .2s ease-in-out!important}.hover-glow-cyan:hover{transform:translateY(-2px)!important;border-color:var(--accent-2)!important;box-shadow:0 8px 24px #22d3ee26!important}@keyframes glow-breath-cyan{0%,to{box-shadow:0 0 4px #22d3ee33}50%{box-shadow:0 0 12px #22d3ee99}}.badge-glow-cyan{background:#22d3ee26!important;color:var(--accent-2)!important;border:1px solid var(--accent-2)!important;animation:glow-breath-cyan 2s infinite ease-in-out}@keyframes glow-breath-amber{0%,to{box-shadow:0 0 4px #f59e0b33}50%{box-shadow:0 0 12px #f59e0b99}}.badge-glow-amber{background:#f59e0b26!important;color:var(--accent)!important;border:1px solid var(--accent)!important;animation:glow-breath-amber 2s infinite ease-in-out}@media (orientation: landscape) and (max-height: 500px){.home-cta{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 16px 1.5rem;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.home-cta__card{padding:12px 16px;border-radius:8px;gap:12px}.home-cta__main{gap:10px}.home-cta__title{font-size:.95rem;margin-bottom:1px}.home-cta__desc{font-size:11.5px;line-height:1.35}.home-cta__arrow{font-size:1.2em}}.page-hero__nav{width:auto;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:14px;margin:0 -24px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.page-hero__nav-container{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 24px;gap:16px;height:38px;transition:all .3s cubic-bezier(.4,0,.2,1)}.page-hero__nav.is-shrunken{position:fixed;top:0;left:0;right:0;z-index:100;background:color-mix(in srgb,var(--card) 85%,transparent);border-bottom:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding-bottom:0;margin:0;box-shadow:0 4px 20px #0000001f;animation:slideDownNav .25s cubic-bezier(.4,0,.2,1)}@keyframes slideDownNav{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.page-hero__nav.is-shrunken .page-hero__nav-container{height:52px;padding:0 24px}.page-hero__brand-btn{display:flex;align-items:center;transition:opacity .2s}.page-hero__brand-btn:hover{opacity:.85}.page-hero__nav-slot{display:none;flex:1;justify-content:center;align-items:center;max-width:540px;position:relative}.page-hero__nav.is-shrunken .page-hero__nav-slot{display:flex}.hero-compact-search{position:relative;display:flex;align-items:center;width:100%;max-width:280px}.hero-compact-search__icon{position:absolute;left:12px;color:var(--fg-muted);pointer-events:none;z-index:2}.hero-compact-search__input{width:100%;padding:6px 32px;border-radius:20px;font-size:.85rem;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--fg);outline:none;transition:all .2s}.hero-compact-search__input:focus{border-color:var(--accent);background:#ffffff14;box-shadow:0 0 8px color-mix(in srgb,var(--accent) 25%,transparent)}.hero-compact-search__clear{position:absolute;right:8px;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;border-radius:50%;background:#ffffff1f;color:var(--fg-muted);cursor:pointer;font-size:11px;line-height:1;z-index:2;transition:background .15s,color .15s}.hero-compact-search__clear:hover{background:#ffffff38;color:var(--fg)}.hero-compact-search-container{display:flex;align-items:center;gap:10px;width:100%;position:relative}.hero-compact-filter-btn{display:flex;align-items:center;padding:6px 14px;border-radius:20px;font-size:.82rem;font-weight:500;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--fg);cursor:pointer;transition:all .2s}.hero-compact-filter-btn:hover,.hero-compact-filter-btn.is-active{background:#ffffff1a;border-color:#ffffff40}.hero-compact-filter-btn.has-filters{border-color:var(--accent);color:var(--accent);box-shadow:0 0 6px color-mix(in srgb,var(--accent) 20%,transparent)}.singer-filter-popover{position:absolute;top:100%;right:0;margin-top:8px;width:320px;padding:16px;border-radius:12px;background:var(--card);border:1px solid var(--card-border);box-shadow:0 10px 30px #0000004d;z-index:1000;animation:popoverFadeIn .2s cubic-bezier(.4,0,.2,1)}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.singer-filter-popover__label{font-size:11px;font-weight:600;color:var(--fg-muted);text-transform:uppercase;margin-bottom:8px;letter-spacing:.5px}.singer-filter-popover__chips{display:flex;flex-wrap:wrap;gap:6px}.hero-badge-container{display:flex;gap:12px;align-items:center}.hero-badge-card{display:flex;flex-direction:column;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px 14px;min-width:90px;text-align:center;transition:all .2s}.hero-badge-card:hover{background:#ffffff0f;border-color:#ffffff1f}.hero-badge-card__label{font-size:10.5px;color:var(--fg-muted);margin-bottom:2px}.hero-badge-card__value{font-size:13.5px;font-weight:600;color:var(--accent)}.page-hero__nav-actions{display:flex;align-items:center;gap:12px}.page-hero__action-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:none;background:#ffffff1a;color:#fff!important;cursor:pointer;transition:all .2s}.page-hero__action-btn:hover{background:#ffffff38;transform:translateY(-1px)}.page-hero__user-profile{display:flex;align-items:center;gap:10px;color:#fff}.page-hero__username{font-size:14px;font-weight:500;color:#ffffffe6}.page-hero__logout-btn{font-size:12px!important;background:transparent!important;border:1px solid rgba(255,255,255,.3)!important;padding:4px 10px!important;border-radius:6px!important;height:auto!important;width:auto!important}.page-hero__logout-btn:hover{background:#ffffff26!important}.page-hero__auth-links{display:flex;align-items:center;gap:12px}.page-hero__login-link{color:#ffffffd9!important;font-size:13.5px!important}.page-hero__register-btn{text-decoration:none;background:#fff;color:var(--accent)!important;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;box-shadow:0 4px 10px #00000014;transition:all .2s}.page-hero__register-btn:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 6px 14px #0000001f}.breadcrumb-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--card);border-bottom:1px solid var(--card-border);margin-bottom:16px;font-size:14px;border-radius:0 0 12px 12px;box-shadow:0 2px 8px #00000005}.breadcrumb-nav__left{display:flex;align-items:center;gap:12px}.breadcrumb-nav__back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:transparent;border:1px solid var(--card-border);color:var(--fg-muted);cursor:pointer;transition:all .2s}.breadcrumb-nav__back:hover{background:var(--sheet-bg);color:var(--fg);border-color:var(--fg-muted)}.breadcrumb-nav__crumbs{display:flex;align-items:center;flex-wrap:wrap;color:var(--fg-muted)}.breadcrumb-nav__crumb-item{display:flex;align-items:center}.breadcrumb-nav__link{text-decoration:none;color:var(--fg-muted);transition:color .2s}.breadcrumb-nav__link:hover{color:var(--accent)}.breadcrumb-nav__separator{margin:0 8px;color:var(--fg-faint);font-size:12px}.breadcrumb-nav__current{color:var(--fg);font-weight:600}.breadcrumb-nav__right{display:flex;align-items:center;gap:16px}.breadcrumb-nav__action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:transparent;border:none;color:var(--fg-muted);cursor:pointer;transition:color .2s}.breadcrumb-nav__action-btn:hover{color:var(--fg);background:var(--sheet-bg)}.breadcrumb-nav__user{display:flex;align-items:center;gap:8px}.breadcrumb-nav__username{font-weight:500;color:var(--fg)}.breadcrumb-nav__logout-btn{font-size:12px;color:var(--fg-muted);background:transparent;border:1px solid var(--card-border);padding:4px 8px;border-radius:6px;cursor:pointer;transition:all .2s}.breadcrumb-nav__logout-btn:hover{color:var(--fg);border-color:var(--fg-muted);background:var(--sheet-bg)}.breadcrumb-nav__auth{display:flex;align-items:center;gap:12px}.breadcrumb-nav__auth-link{text-decoration:none;color:var(--fg-muted);font-size:13.5px}.breadcrumb-nav__auth-link:hover{color:var(--fg)}.breadcrumb-nav__register-btn{text-decoration:none;background:var(--accent);color:#fff!important;padding:5px 12px;border-radius:6px;font-size:13px;font-weight:500;transition:opacity .2s}.breadcrumb-nav__register-btn:hover{opacity:.9}.mobile-nav{position:fixed;bottom:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:16px;right:16px;z-index:999;background:color-mix(in srgb,var(--card) 75%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:20px;box-shadow:0 10px 30px #00000026;display:none;padding:8px 12px}.mobile-nav__list{display:flex;justify-content:space-around;align-items:center;margin:0;padding:0;list-style:none}.mobile-nav__item{flex:1;text-align:center}.mobile-nav__link{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--fg-muted);font-size:11px;font-weight:500;gap:4px;padding:6px 0;transition:color .2s,transform .2s;background:transparent;border:none;cursor:pointer;width:100%}.mobile-nav__link:hover{color:var(--fg)}.mobile-nav__link.is-active{color:var(--accent)}.mobile-nav__link.is-active .mobile-nav__icon{transform:scale(1.1);color:var(--accent)}.mobile-nav__icon{display:flex;align-items:center;justify-content:center;font-size:20px;transition:transform .2s;color:inherit}[data-perf=on] .mobile-nav{display:none!important}@media (max-width: 768px){.page-hero__nav-links{display:none!important}.page-hero__nav-actions{border-left:none!important;padding-left:0!important}.page-hero__nav{border-bottom:none;padding-bottom:0;margin-bottom:12px}.mobile-nav{display:block;max-width:480px;margin:0 auto}body:not(.performance-mode){padding-bottom:90px}.has-mobile-nav{padding-bottom:calc(5rem + env(safe-area-inset-bottom,16px))!important}}@media (max-width: 640px){.breadcrumb-nav{padding:8px 12px}.breadcrumb-nav__right{gap:8px}.breadcrumb-nav__username{display:none}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-small{width:16px;height:16px;border:2px solid rgba(0,0,0,.1);border-left-color:#fb923c;border-radius:50%;animation:spin .8s linear infinite;display:inline-block;vertical-align:middle}[data-theme=dark] .spinner-small{border:2px solid rgba(255,255,255,.1);border-left-color:#fb923c}.singer-card__photo-zone{width:50px!important;height:50px!important;margin-top:auto!important;margin-bottom:auto!important;margin-left:12px!important;border-radius:50%!important;overflow:hidden!important;border:2px solid rgba(255,255,255,.15)!important;background:#18181b99!important;box-shadow:0 2px 8px #0000004d!important;transition:transform .25s ease,border-color .25s,box-shadow .25s!important;flex-shrink:0!important}.singer-card--hot .singer-card__photo-zone{width:54px!important;height:54px!important}.singer-card:hover .singer-card__photo-zone{transform:scale(1.08)!important;border-color:var(--accent)!important;box-shadow:0 0 10px #f59e0b66!important}.singer-card__photo-fade{display:none!important}.singer-index__nav button.is-active{background:transparent!important;color:var(--accent)!important;font-weight:600!important;position:relative!important}.singer-index__nav button.is-active:after{content:""!important;position:absolute!important;bottom:0!important;left:20%!important;right:20%!important;height:2px!important;background:var(--accent)!important;box-shadow:0 0 8px var(--accent)!important;border-radius:999px!important}.artist-list__row{transition:all .2s ease-in-out!important}.artist-list__row:hover{transform:translate(4px)!important;border-color:var(--accent)!important;box-shadow:0 4px 15px #f59e0b26!important;background:color-mix(in srgb,var(--accent) 8%,var(--card))!important}.sheet-toolbar{background:#18181bbf!important;backdrop-filter:blur(12px) saturate(140%)!important;-webkit-backdrop-filter:blur(12px) saturate(140%)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;--fg: #fafafa !important;--fg-muted: #a1a1aa !important;--fg-faint: #71717a !important;--card-border: rgba(255, 255, 255, .15) !important;--section-tag-bg: rgba(255, 255, 255, .08) !important;--card: #18181b !important}[data-theme=light] .sheet-toolbar{--accent: #818cf8 !important}[data-theme=sepia] .sheet-toolbar{--accent: #fb923c !important}[data-theme=dark] .sheet-toolbar{--accent: #f59e0b !important}.rankings-cats{background:#18181ba6!important;backdrop-filter:blur(12px) saturate(140%)!important;-webkit-backdrop-filter:blur(12px) saturate(140%)!important;border:1px solid rgba(255,255,255,.08)!important}.rankings-cat-chip{background:#0000004d!important;border:1px solid rgba(255,255,255,.06)!important}.rankings-cat-chip.is-active{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important;box-shadow:0 0 10px #f59e0b66!important}.rankings-time-tabs{background:#18181ba6!important;backdrop-filter:blur(12px) saturate(140%)!important;-webkit-backdrop-filter:blur(12px) saturate(140%)!important;border:1px solid rgba(255,255,255,.08)!important}.rankings-time-tab.is-active{background:var(--accent)!important;color:#fff!important;box-shadow:0 0 10px #f59e0b66!important}.rankings-page-btn{background:#18181b66!important;backdrop-filter:blur(8px) saturate(120%)!important;-webkit-backdrop-filter:blur(8px) saturate(120%)!important;border:1px solid rgba(255,255,255,.06)!important}.rankings-page-btn.is-active{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important;box-shadow:0 0 10px #f59e0b66!important}.sheet-meta__suggest--male:hover{background:#3b82f633!important;color:#60a5fa!important;border-color:#3b82f6!important}.sheet-meta__suggest--female:hover{background:#ec489933!important;color:#f472b6!important;border-color:#ec4899!important}.sheet-meta__chip-group{background:#0000004d!important;border:1px solid rgba(255,255,255,.08)!important}.sheet-meta__chip-group--current{background:linear-gradient(180deg,var(--chord) 0%,color-mix(in srgb,var(--chord) 85%,black) 100%)!important;border-color:var(--chord)!important;box-shadow:0 0 10px #f59e0b66!important}html[data-perf=on]{height:100vh!important;height:100dvh!important;overflow:hidden!important}html[data-perf=on] body{height:100vh!important;height:100dvh!important;overflow:hidden!important;padding-bottom:0!important}.min-h-screen{min-height:100vh;display:flex;flex-direction:column}.min-h-screen>main{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}html[data-perf=on] .min-h-screen{height:100vh!important;height:100dvh!important;min-height:100vh!important;min-height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;overflow:hidden!important;padding-bottom:0!important}.perf-strip[data-mode=wide]{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;margin:0;border:none;border-radius:0;overflow:hidden;height:100vh;max-height:none}.perf-strip__sidebar{width:250px;flex-shrink:0;background:var(--card);border-right:1px solid var(--card-border);display:flex;flex-direction:column;gap:.85rem;padding:1rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent;transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1),opacity .25s ease,border-right-width .3s ease}.perf-strip__sidebar.is-collapsed{width:0;padding-left:0;padding-right:0;border-right-width:0;opacity:0;overflow:hidden;pointer-events:none}@property --bq-flow-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes bq-flow-spin{to{--bq-flow-angle: 360deg}}.mixer-track{position:relative}.perf-strip.is-playing .mixer-track--active{box-shadow:0 0 8px -4px var(--accent)}.perf-strip.is-playing .mixer-track--active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--bq-flow-angle),transparent 0deg 205deg,var(--accent) 285deg,var(--accent-2) 330deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1;animation:bq-flow-spin 2.6s linear infinite}@media (prefers-reduced-motion: reduce){.perf-strip.is-playing .mixer-track--active:after{animation:none}}.perf-strip__sidebar-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:transparent;border:1px solid var(--card-border);color:var(--fg-muted);cursor:pointer;margin-right:.75rem;transition:all .15s ease}.perf-strip__sidebar-toggle-btn:hover{background:var(--card-border);color:var(--fg);border-color:var(--fg-muted)}.perf-strip__sidebar-close-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:transparent;border:1px solid var(--card-border);color:var(--fg-muted);cursor:pointer;transition:all .15s ease}.perf-strip__sidebar-close-btn:hover{background:var(--card-border);color:var(--fg);border-color:var(--fg-muted)}.perf-strip__sidebar::-webkit-scrollbar{width:6px}.perf-strip__sidebar::-webkit-scrollbar-track{background:transparent}.perf-strip__sidebar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.perf-strip__sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.perf-strip__sidebar-meta{border-bottom:1px solid var(--card-border);padding-bottom:1rem}.perf-strip__sidebar-title{font-size:1.25rem;font-weight:700;margin:0 0 .25rem;color:var(--fg)}.perf-strip__sidebar-artist{font-size:.875rem;color:var(--fg-muted)}.perf-strip__sidebar-group{display:flex;flex-direction:column;gap:.5rem}.perf-strip__sidebar-group-title{font-size:.75rem;font-weight:600;color:var(--fg-faint);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.perf-strip__sidebar-sections{display:flex;flex-direction:column;gap:.35rem}.perf-strip__sidebar-section-btn{width:100%;text-align:left;padding:6px 10px;font-size:.78rem;background:transparent;border:1px solid var(--card-border);border-radius:8px;color:var(--fg-muted);cursor:pointer;transition:all .15s ease}.perf-strip__sidebar-section-btn:hover{background:var(--bg);color:var(--fg)}.perf-strip__sidebar-section-btn.is-active{background:var(--chord);color:#fff;border-color:var(--chord);font-weight:600}.perf-strip__sidebar-section-btn.is-passed:not(.is-active){opacity:.5}.perf-strip__sidebar-bpm{display:flex;flex-direction:column;gap:.5rem}.perf-strip__sidebar-bpm-row{display:flex;justify-content:space-between;align-items:center}.perf-strip__sidebar-bpm-val{font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700;color:var(--chord)}.perf-strip__sidebar-bpm-unit{font-size:.75rem;color:var(--fg-muted)}.perf-strip__sidebar-btn-tap{padding:4px 10px;font-size:.75rem;background:var(--bg);border:1px solid var(--card-border);border-radius:6px;color:var(--fg);cursor:pointer}.perf-strip__sidebar-btn-tap:hover{background:var(--card-border)}.perf-strip__sidebar-bpm-slider{width:100%}.perf-strip__sidebar-toggles{display:flex;flex-direction:column;gap:.4rem}.perf-strip__sidebar-toggle{width:100%;display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:.78rem;background:transparent;color:var(--fg-muted);border:1px solid var(--card-border);border-radius:8px;cursor:pointer;transition:all .12s;text-align:left}.perf-strip__sidebar-toggle:hover{background:var(--bg)}.perf-strip__sidebar-toggle.is-on{background:var(--chord);color:#fff;border-color:var(--chord);font-weight:600}.perf-strip__main-viewport{flex:1;min-width:0;display:flex;flex-direction:column;padding:1.25rem 1.5rem calc(var(--perf-controls-h, 5rem) + 1.5rem) 1.5rem;overflow-y:auto;gap:1.25rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.perf-strip__main-viewport::-webkit-scrollbar{width:6px}.perf-strip__main-viewport::-webkit-scrollbar-track{background:transparent}.perf-strip__main-viewport::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.perf-strip__main-viewport::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.perf-lyrics.is-instrumental{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:200px}.perf-lyrics.is-instrumental .perf-hero-main{justify-content:center}@media (min-width: 769px){.perf-hero-tab-slot{position:relative;left:auto;right:auto;bottom:auto;background:transparent;border-top:none;border-bottom:1px dashed var(--card-border);padding:.75rem 0;z-index:10;margin-bottom:.5rem}.perf-strip__controls{border-top:1px solid var(--card-border);padding:1rem 1.5rem;border-radius:14px;background:color-mix(in srgb,var(--card) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:960px;width:calc(100% - 3rem);margin:.5rem auto 0;box-shadow:0 4px 20px #00000014}}.perf-strip[data-mode=portrait]{gap:.75rem;padding:.75rem 1rem}.perf-strip[data-mode=portrait] .perf-hero-tab-slot{position:relative;left:auto;right:auto;bottom:auto;border:none;background:transparent;padding:.25rem 0;margin:0;z-index:10}.perf-strip[data-mode=portrait] .perf-strip__bars{display:flex;overflow-x:auto;justify-content:flex-start;padding:1.5rem 2rem 1.75rem;scrollbar-width:none;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(to right,transparent,#000 15%,#000 85%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 15%,#000 85%,transparent)}.perf-strip[data-mode=portrait] .perf-strip__bars::-webkit-scrollbar{display:none}.perf-strip[data-mode=portrait] .perf-strip__bar{flex-shrink:0}.perf-strip[data-mode=portrait] .perf-strip__controls{justify-content:space-around;padding-bottom:.5rem}.perf-strip[data-mode=portrait] .perf-strip__btn--play{flex:1;max-width:140px;flex-shrink:0;white-space:nowrap}.perf-strip[data-mode=portrait] .perf-strip__btn--exit{flex:1;max-width:120px;flex-shrink:0;white-space:nowrap}[data-perf=on] .sheet-toolbar{display:none!important}.perf-strip__workspace{display:flex;flex-direction:row;flex:1;overflow:hidden;height:calc(100vh - var(--perf-controls-h, 4.5rem));width:100%}@media (min-width: 769px){.perf-strip[data-mode=wide] .perf-strip__controls{position:relative;max-width:none;width:100%;margin:0;border-radius:0;border-left:none;border-right:none;border-bottom:none;border-top:1px solid var(--card-border);background:var(--card);box-shadow:none;padding:.75rem 2rem;display:flex;justify-content:space-between;align-items:center}.perf-strip[data-mode=wide] .perf-strip__controls-left,.perf-strip[data-mode=wide] .perf-strip__controls-middle,.perf-strip[data-mode=wide] .perf-strip__controls-right{display:flex;align-items:center;gap:.75rem}.perf-strip[data-mode=wide] .perf-strip__controls-middle{position:absolute;left:50%;transform:translate(-50%)}}.perf-keycapo-panel{position:absolute;bottom:calc(100% + 12px);left:0;background:color-mix(in srgb,var(--card) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:12px;padding:1.25rem;width:320px;box-shadow:0 -8px 24px #00000040;z-index:999;display:flex;flex-direction:column;gap:1rem;text-align:left}.perf-keycapo-panel__header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--card-border);padding-bottom:.5rem}.perf-keycapo-panel__title{font-size:.875rem;font-weight:600;color:var(--fg)}.perf-keycapo-panel__reset{font-size:.75rem;color:var(--chord);background:transparent;border:none;cursor:pointer}.perf-keycapo-panel__close{background:transparent;border:none;color:var(--fg-muted);cursor:pointer;font-size:1rem}.perf-keycapo-panel__section{display:flex;flex-direction:column;gap:.5rem}.perf-keycapo-panel__section-title{font-size:.75rem;color:var(--fg-muted);font-weight:500}.perf-keycapo-panel__keys{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.perf-keycapo-panel__key-btn{padding:4px 0;font-size:.75rem;background:transparent;border:1px solid var(--card-border);border-radius:6px;color:var(--fg);cursor:pointer;font-family:JetBrains Mono,monospace;transition:all .1s ease}.perf-keycapo-panel__key-btn:hover{background:var(--card-border)}.perf-keycapo-panel__key-btn.is-active{background:var(--chord);border-color:var(--chord);color:#fff}.perf-keycapo-panel__key-btn.is-original{border-style:dashed}.perf-keycapo-panel__capos{display:flex;flex-wrap:wrap;gap:6px}.perf-keycapo-panel__capo-btn{padding:4px 8px;font-size:.75rem;background:transparent;border:1px solid var(--card-border);border-radius:6px;color:var(--fg);cursor:pointer;transition:all .1s ease}.perf-keycapo-panel__capo-btn:hover{background:var(--card-border)}.perf-keycapo-panel__capo-btn.is-active{background:var(--chord);border-color:var(--chord);color:#fff}.perf-keycapo-panel__hint{font-size:.75rem;color:var(--fg-muted)}.perf-hero-fretboard-current,.perf-hero-fretboard-next{display:flex;flex-direction:column;align-items:center;gap:.5rem}.perf-hero-fretboard-header{display:flex;flex-direction:column;align-items:center;gap:.25rem}.perf-fretboard-badge{font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:999px;text-transform:uppercase}.perf-fretboard-badge.is-playing{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.perf-fretboard-badge.is-next{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.perf-fretboard-chord-name{font-family:JetBrains Mono,monospace;font-size:1.75rem;font-weight:800;color:var(--fg)}.sidebar-trigger{position:fixed;top:18px;left:18px;z-index:1001;background:#18181b73;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 12px #0003;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--fg);padding:0;outline:none}.min-h-screen:has(.page-hero) .sidebar-trigger,.min-h-screen:has(.breadcrumb-nav) .sidebar-trigger{display:none}.breadcrumb-nav__brand-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#18181b73;cursor:pointer;transition:all .18s}.breadcrumb-nav__brand-btn:hover{border-color:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 25%,transparent)}.breadcrumb-nav__brand-btn img{width:22px;height:22px;-o-object-fit:contain;object-fit:contain;display:block}@media (min-width: 769px){.sidebar-trigger{width:46px;height:46px;border-radius:12px}.sidebar-trigger__desktop{display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.sidebar-trigger__mobile{display:none}.sidebar-trigger:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 8px 24px #f59e0b40;background:#18181ba6}.sidebar-trigger:hover .sidebar-trigger__desktop{transform:scale(1.08)}}@media (max-width: 768px){.sidebar-trigger{width:38px;height:38px;border-radius:50%;top:14px;left:14px}.sidebar-trigger__desktop{display:none}.sidebar-trigger__mobile{display:flex;align-items:center;justify-content:center}.sidebar-trigger:active{transform:scale(.95);background:#18181bcc}}.sidebar-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:999;animation:sidebar-fade-in .25s ease-out}@keyframes sidebar-fade-in{0%{opacity:0}to{opacity:1}}.sidebar-drawer{position:fixed;top:0;left:0;height:100vh;width:320px;z-index:1000;box-shadow:10px 0 40px #0009;border-right:1px solid rgba(255,255,255,.06)!important;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.sidebar-drawer.is-open{transform:translate(0)}@media (max-width: 768px){.sidebar-drawer{width:85vw;max-width:340px}}.sidebar-drawer__header{height:64px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05)}.sidebar-drawer__close{background:none;border:none;cursor:pointer;color:var(--fg-muted);display:flex;align-items:center;justify-content:center;padding:6px;border-radius:50%;transition:all .2s}.sidebar-drawer__close:hover{background:#ffffff14;color:var(--fg)}.sidebar-drawer__search{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05);position:relative}.sidebar-drawer__search-input{width:100%!important;padding:8px 16px 8px 36px!important;font-size:13px!important;box-sizing:border-box;border-radius:50px!important;border:1px solid var(--card-border)!important;background:#ffffff0d!important;color:var(--fg)!important;outline:none!important;transition:all .2s ease!important}.sidebar-drawer__search-input:focus{border-color:var(--accent)!important;box-shadow:0 0 12px #f59e0b4d!important}.sidebar-drawer__suggest{position:absolute;top:calc(100% + 4px);left:20px;right:20px;z-index:1010;background:#141419f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:8px;max-height:280px;overflow-y:auto;box-shadow:0 10px 30px #00000080}.sidebar-drawer__suggest-empty{padding:12px;text-align:center;font-size:12px;color:var(--fg-faint)}.sidebar-drawer__suggest-group{padding:6px 0}.sidebar-drawer__suggest-group:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05)}.sidebar-drawer__suggest-label{padding:4px 12px;font-size:10px;font-weight:700;color:var(--accent);letter-spacing:.5px;opacity:.85}.sidebar-drawer__suggest-item{display:flex;flex-direction:column;width:100%;text-align:left;padding:8px 12px;background:none;border:none;cursor:pointer;transition:background .15s;box-sizing:border-box}.sidebar-drawer__suggest-item:hover{background:#ffffff0f}.sidebar-drawer__suggest-primary{font-size:12.5px;color:var(--fg);font-weight:600}.sidebar-drawer__suggest-meta{font-size:11px;color:var(--fg-muted)}.sidebar-drawer__suggest-snippet{font-size:10.5px;color:var(--fg-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.sidebar-drawer__nav{flex:1;overflow-y:auto;padding:16px 12px;display:flex;flex-direction:column;gap:6px}.sidebar-drawer__nav::-webkit-scrollbar{width:4px}.sidebar-drawer__nav::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:2px}.sidebar-drawer__nav-link{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:8px;color:var(--fg-muted)!important;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.sidebar-drawer__nav-link svg,.sidebar-drawer__nav-link .icon-sprite{opacity:.7;transition:opacity .2s}.sidebar-drawer__nav-link:hover{color:var(--fg)!important;background:#ffffff0d}.sidebar-drawer__nav-link:hover svg{opacity:1}.sidebar-drawer__nav-link.is-active{color:#fff!important;background:var(--accent)!important;font-weight:600;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 25%,transparent)!important}.sidebar-drawer__nav-link.is-active svg{opacity:1}.sidebar-drawer__footer{padding:16px 20px 24px;border-top:1px solid rgba(255,255,255,.05);background:#0000001f}.sidebar-drawer__theme-row{display:flex;align-items:center;justify-content:space-between}.sidebar-drawer__theme-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--fg);cursor:pointer;font-size:12px;transition:all .2s}.sidebar-drawer__theme-btn:hover{background:#ffffff14;border-color:#fff3}.sidebar-drawer__user-panel{display:flex;flex-direction:column;gap:12px;margin-top:4px}.sidebar-drawer__user-info{display:flex;align-items:center;gap:12px}.sidebar-drawer__avatar{width:34px;height:34px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:1px solid rgba(255,255,255,.15)}.sidebar-drawer__avatar-fallback{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;border:1px solid rgba(255,255,255,.15)}.sidebar-drawer__username{font-size:13.5px;font-weight:600;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.sidebar-drawer__user-role{font-size:9.5px;font-weight:700;color:var(--accent);background:#f59e0b1a;padding:1px 6px;border-radius:4px;width:-moz-fit-content;width:fit-content;margin-top:1px}.sidebar-drawer__user-actions{display:flex;gap:8px}.sidebar-drawer__btn{flex:1;font-size:11.5px!important;padding:6px 8px!important;text-align:center;border-radius:6px!important;cursor:pointer}.sidebar-drawer__auth-panel{display:flex;flex-direction:column;margin-top:4px}.sidebar-drawer__auth-btn{flex:1;text-align:center;font-size:12px!important;padding:7px 10px!important;text-decoration:none;border-radius:6px!important;font-weight:500}html[data-perf=on] .sidebar-trigger,html[data-perf=on] .sidebar-drawer,html[data-perf=on] .sidebar-backdrop{display:none!important;opacity:0!important;pointer-events:none!important}.search-hero__searchbox{width:min(450px,100%)}.search-hero__filters-wrap{margin:1rem 24px;padding:10px 16px;border-radius:10px}.search-hero__filters-wrap .search-hero__filters{margin-top:0;padding-top:0;border-top:none}.search-hero__filters-head{display:none}.search-hero__filters-title{font-size:12px;font-weight:700;color:var(--fg)}.search-hero__filters-toggle{border:1px solid var(--card-border);background:transparent;color:var(--fg-muted);border-radius:999px;padding:4px 10px;font-size:11px;font-family:inherit;cursor:pointer}.search-hero__filters-toggle:hover{color:var(--fg);border-color:var(--accent)}.search-hero__filters-body{display:block}.song-lib__chipbar-mobile-toggle{display:none}.song-lib__chipbar-body{display:contents}.rankings-page__content{max-width:1100px;margin:0 auto;padding:1.5rem 1.25rem}.rankings-time-note{font-size:11px;color:var(--fg-faint);margin-left:8px}.rankings-cats--spaced{margin-top:12px}.singer-hero__toolbar--desktop{border:none;padding:14px 24px;margin:0 24px 1.5rem;border-radius:12px}.singer-hero__search-wrap{position:relative;display:flex;align-items:center}.singer-hero__search-icon{position:absolute;left:16px;pointer-events:none;z-index:2}.singer-hero__search-count-pill{position:absolute;right:16px;font-size:11px;color:var(--fg-muted);pointer-events:none;z-index:3}@media (max-width: 768px){.no-mobile-sidebar .sidebar-trigger,.no-mobile-sidebar .sidebar-drawer,.no-mobile-sidebar .sidebar-backdrop{display:none!important;opacity:0!important;pointer-events:none!important}.no-mobile-sidebar .page-hero{padding:12px 12px 10px;margin-bottom:.75rem}.no-mobile-sidebar .page-hero__compact{grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}.no-mobile-sidebar .page-hero__brand-btn{display:none!important}.no-mobile-sidebar .page-hero__heading .page-hero__title{font-size:1.25rem;gap:8px}.no-mobile-sidebar .page-hero .page-stats-compact,.no-mobile-sidebar .page-hero--search .page-hero__tagline,.no-mobile-sidebar .page-hero--rankings .page-hero__tagline,.no-mobile-sidebar .page-hero--singers .page-hero__tagline{display:none}.no-mobile-sidebar .page-hero__nav-actions{gap:6px;grid-column:2;grid-row:1;justify-self:end;align-self:start}.no-mobile-sidebar .page-hero__auth-links,.no-mobile-sidebar .page-hero__user-profile .page-hero__username,.no-mobile-sidebar .page-hero__logout-btn{display:none!important}.no-mobile-sidebar .page-hero__action-btn{width:30px;height:30px}.no-mobile-sidebar .page-hero__compact-slot,.no-mobile-sidebar .page-hero__right-content{grid-column:1 / -1;width:100%;justify-content:flex-start}.no-mobile-sidebar .hero-badge-container{display:none}.no-mobile-sidebar .page-hero__nav.is-shrunken .page-hero__nav-container{height:46px;padding:0 12px;gap:8px}.no-mobile-sidebar .page-hero__nav-slot{max-width:none;justify-content:flex-start}.search-hero__searchbox{width:100%}.search-hero__filters-wrap{margin:.5rem 16px .75rem;padding:8px 10px}.search-hero__filters-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.search-hero__filters-body{display:none;margin-top:8px;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--card-border) 70%,transparent)}.search-hero__filters-wrap.is-expanded .search-hero__filters-body{display:block}.search-hero__chip,.search-hero__clear{min-height:36px;padding:6px 12px;font-size:12px}.song-lib{padding:0 16px}.song-lib__chipbar{top:46px;margin:0 -16px 10px;padding:8px 12px}.song-lib__chipbar-mobile-toggle{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:36px;border-radius:999px;border:1px solid var(--card-border);background:color-mix(in srgb,var(--card) 85%,transparent);color:var(--fg);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;margin-bottom:6px}.song-lib__chipbar-body{display:none;width:100%;flex-wrap:wrap;gap:6px;align-items:center}.song-lib__chipbar.is-expanded .song-lib__chipbar-body{display:flex}.song-lib__rank-chip,.song-lib__sort-chip,.song-lib__chip{min-height:34px;padding:6px 10px}.song-lib__chipbar-right{width:100%;margin-left:0;justify-content:space-between;flex-wrap:wrap}.song-lib__search{width:100%}.song-lib__search input{width:100%;min-width:0;min-height:36px}.rankings-page__content{padding:.9rem .75rem}.rankings-time-tabs{width:100%;border-radius:12px;flex-wrap:wrap;gap:4px}.rankings-time-tab{flex:1 1 calc(25% - 6px);min-width:64px;min-height:36px;padding:6px 8px}.rankings-time-note{width:100%;margin:4px 0 0;font-size:10px}.rankings-cats--spaced{margin-top:8px}.rankings-cats{padding:10px;gap:8px}.rankings-cat-chip{min-height:34px;padding:6px 10px}.singer-hero__toolbar--desktop{display:none}.hero-compact-search-container{width:100%;flex-direction:row;align-items:center;gap:8px}.hero-compact-search{flex:1;min-width:0;max-width:none;height:36px}.hero-compact-search__input{height:36px}.hero-compact-filter-btn{flex-shrink:0;height:36px;min-height:36px}.page-hero__nav.is-shrunken .page-hero__nav-container{padding:0 12px;gap:8px}.page-hero__nav-slot{max-width:none;justify-content:flex-start}.page-hero__theme-btn{display:none}.singer-filter-popover{width:min(92vw,320px);right:0}.mobile-nav{padding:6px 8px}.mobile-nav__link{gap:3px;font-size:10px}.mobile-nav__icon{font-size:18px}.singer-index__nav{position:fixed;top:64px;bottom:84px;right:2px;left:auto;transform:none;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;width:auto;padding:5px 1px;gap:0;background:color-mix(in srgb,var(--card) 82%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid var(--card-border);border-radius:999px;box-shadow:0 2px 10px #00000040;z-index:30;touch-action:none;overflow:visible}.singer-index__nav button{min-height:0;min-width:0;width:19px;padding:0;font-size:9px;line-height:1.22;border-radius:50%;text-align:center;color:var(--fg-muted)}.singer-index__nav button.is-active{background:var(--accent);color:#1c1206;font-weight:700}.singer-index__group{padding-right:30px}.singer-index__scrub-bubble{position:fixed;top:50%;right:40px;transform:translateY(-50%);z-index:31;min-width:64px;height:64px;padding:0 14px;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:700;font-family:JetBrains Mono,monospace;color:#1c1206;background:var(--accent);border-radius:16px;box-shadow:0 8px 28px #0006;pointer-events:none}.no-mobile-sidebar .singer-top5-carousel{height:280px}.no-mobile-sidebar .singer-top5-slide__content{min-width:0;max-width:70%;padding:16px 18px}}@media (max-width: 360px){.rankings-time-tab{font-size:12px;min-width:58px}.hero-compact-filter-btn{padding:6px 10px;font-size:12px}.mobile-nav__link{font-size:9px;gap:2px}.mobile-nav__icon{font-size:17px}.singer-index__nav button{width:17px;font-size:8.5px}}@media (max-width: 768px){.admin-sidebar-desktop{display:none!important}.admin-header-mobile{display:flex!important}}@media (min-width: 769px){.admin-sidebar-desktop{display:flex!important}.admin-header-mobile,.admin-sidebar-mobile{display:none!important}}.admin-sidebar-link:hover{background:#fb923c0a!important;color:var(--accent)!important}[data-theme=dark] .admin-sidebar-link:hover{background:#fb923c1f!important}.admin-scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}@media (max-width: 768px){.admin-cards-card{border:none!important;background:transparent!important;overflow:visible!important}.admin-cards-table,.admin-cards-table tbody,.admin-cards-table tr,.admin-cards-table td{display:block;width:100%}.admin-cards-table thead{display:none}.admin-cards-table tr{border:1px solid var(--card-border);border-radius:12px;background:var(--card);padding:8px 14px;margin-bottom:10px}.admin-cards-table td{display:flex;align-items:center;justify-content:space-between;gap:12px;border:none!important;padding:6px 0;text-align:right;min-height:34px}.admin-cards-table td:before{content:attr(data-label);flex:0 0 auto;font-size:12px;font-weight:600;color:var(--fg-muted);text-align:left}.admin-cards-table td:first-child{text-align:left;padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid var(--card-border)!important;font-size:15px;font-weight:700}.admin-cards-table td:first-child:before{display:none}.admin-cards-table td:first-child>a{width:100%}.admin-cards-table .admin-song-card__toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border:1px solid var(--card-border);border-radius:8px;background:var(--bg-faint);color:var(--fg-muted);cursor:pointer;font-size:13px;line-height:1;transition:transform .15s}.admin-cards-table tr.admin-song-card.is-open .admin-song-card__toggle{transform:rotate(180deg)}.admin-cards-table tr.admin-song-card:not(.is-open) td:not(:first-child){display:none}.admin-cards-table tr.admin-song-card:not(.is-open) td:first-child{border-bottom:none!important;margin-bottom:0;padding-bottom:6px}.admin-frozen-col th:first-child,.admin-frozen-col td:first-child{position:sticky;left:0;z-index:1;background:var(--frozen-col-bg, var(--card));border-right:1px solid var(--card-border);white-space:nowrap}.admin-frozen-col thead th:first-child{z-index:2}.admin-frozen-col .admin-frozen-sticky{position:sticky;left:0;display:inline-block}.admin-page__btn{min-height:40px}}.admin-song-card__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.admin-song-card__toggle{display:none}.drum-grid__cell{width:22px;height:22px;transition:background 80ms}.line-track-tag{touch-action:manipulation}@media (max-width: 768px){.admin-content button:not(.line-track-tag),.btn,.btn-sm{min-height:40px}.btn,.btn-sm{display:inline-flex;align-items:center;justify-content:center}.admin-content input:not([type=checkbox]):not([type=range]),.admin-content select{min-height:40px}.admin-content input[type=range]{min-height:24px}.admin-content input[type=checkbox]{width:18px;height:18px}.admin-cards-table td:first-child{display:block}.drum-grid__cell{width:30px;height:30px}.line-track-tag{min-height:32px;padding:5px 8px!important}.chord-card__row{display:grid!important;grid-template-columns:repeat(3,1fr);gap:4px}.photo-gallery{grid-template-columns:repeat(2,1fr)!important}.photo-gallery__actions{flex-wrap:wrap}.photo-gallery__action-btn{min-height:40px;flex:1 0 auto}.studio-toolbar__tabs{order:10;flex:1 0 100%!important;justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch}.studio-toolbar__tabs button{flex:0 0 auto}.studio-toolbar__sub{display:none}.pattern-fab{bottom:calc(90px + env(safe-area-inset-bottom,0px))!important;z-index:1000!important}}.meta-panel{padding:24px;max-width:1100px;display:flex;flex-direction:column;gap:16px}.meta-card{background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:18px}.meta-card__title{font-size:14px;font-weight:800;margin:0 0 14px;display:flex;align-items:center;gap:8px;color:var(--fg)}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px 16px}.meta-grid--wide{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.meta-field{min-width:0}.meta-field--full{grid-column:1 / -1}.meta-field__label{display:block;font-size:12px;font-weight:600;color:var(--fg-muted);margin-bottom:5px}.meta-field__hint{margin-top:5px;font-size:11.5px;color:var(--fg-muted);display:flex;flex-wrap:wrap;gap:5px;align-items:center}.meta-input{width:100%;box-sizing:border-box;padding:7px 10px;font-size:13px;border:1px solid var(--card-border);border-radius:6px;background:var(--bg);color:var(--fg)}.meta-input:focus{outline:none;border-color:var(--accent)}.meta-credit-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 9px 2px 3px;border-radius:999px;border:1px solid var(--card-border);background:var(--bg);color:var(--fg);font-size:12px;text-decoration:none}.meta-credit-chip:hover{border-color:var(--accent)}.meta-credit-chip__avatar{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700}.meta-internal-tags summary{cursor:pointer;font-size:12px;color:var(--fg-muted);-webkit-user-select:none;-moz-user-select:none;user-select:none}.meta-internal-tags ul{margin:6px 0 0;padding:8px 10px;list-style:none;background:var(--bg);border:1px dashed var(--card-border);border-radius:6px;font-family:ui-monospace,monospace;font-size:11px;color:var(--fg-muted);overflow-wrap:anywhere;display:flex;flex-direction:column;gap:3px}@media (max-width: 640px){.meta-panel{padding:14px 12px;gap:12px}.meta-card{padding:14px}}.song-card-v2__actions{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-left:auto;position:relative;z-index:2;padding-left:8px}@media (max-width: 768px),(orientation: landscape) and (max-height: 500px){input[type=text],input[type=search],input[type=email],input[type=password],input[type=number],input[type=url],input[type=tel],input[type=date],input:not([type]),select,textarea{font-size:16px!important}.dsl-editor-host textarea{font-size:13px!important}}@media (max-width: 768px){.sheet-container{padding:1rem .75rem}.sheet-line2__rows{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sheet-line2__rows::-webkit-scrollbar{display:none}.sheet-line2__rows{padding-top:2em}.sheet-line2__chords{top:.53em}.sheet-chord{position:relative}.sheet-chord:after{content:"";position:absolute;top:-7px;right:-6px;bottom:-7px;left:-6px}.sheet-toolbar__key{min-width:44px;min-height:40px;padding:8px 10px;font-size:14px}.sheet-toolbar__keys{flex-wrap:nowrap;overflow-x:auto;gap:6px;flex:1;min-width:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sheet-toolbar__keys::-webkit-scrollbar{display:none}.sheet-toolbar__row-label{display:none}.sheet-toolbar__capo,.sheet-toolbar__mode,.sheet-toolbar__icon{min-height:40px;padding:8px 12px;font-size:14px}.sheet-toolbar__reset,.sheet-toolbar__collapse-btn{min-height:40px;padding:8px 12px}.theme-swatch{min-height:36px;padding:6px 10px}.sheet-toolbar__save{min-height:36px}.sheet-toolbar__save input[type=checkbox]{width:18px;height:18px}.sheet-toolbar__row--utility{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:8px}.sheet-toolbar__row--utility::-webkit-scrollbar{display:none}.sheet-toolbar__row--utility>*{flex-shrink:0}.sheet-toolbar__perf-btn{order:-1;background:var(--accent);color:#1c1206;border-color:var(--accent);font-weight:600}.sheet-toolbar__perf-btn .ti,.sheet-toolbar__perf-btn svg{stroke:#1c1206}.sheet-toolbar__fullscreen-btn{display:none}.sheet-toolbar__sidebar-trigger{padding:7px;top:28px}.sheet-toolbar__container{padding-left:.75rem;padding-right:.75rem}.sheet-toolbar__rows>.sheet-toolbar__row:first-child{padding-left:56px}.sheet-line2{position:relative}.sheet-line2.is-clipped:after{content:"";position:absolute;top:0;right:0;bottom:0;width:24px;pointer-events:none;background:linear-gradient(to right,transparent,var(--sheet-bg))}}.perf-strip[data-mode=portrait]{height:calc(100vh - var(--perf-controls-h, 7rem) - 6px);height:calc(100dvh - var(--perf-controls-h, 7rem) - 6px);min-height:0;overflow:hidden;padding-bottom:.25rem}.perf-strip[data-mode=portrait] .perf-strip__topbar,.perf-strip[data-mode=portrait] .perf-strip__bars{flex-shrink:0}.perf-strip[data-mode=portrait] .perf-strip__hero{flex:1 1 auto;min-height:0;overflow:hidden}.perf-strip[data-mode=portrait] .perf-strip__hero .perf-lyrics{flex:1 1 auto;min-height:0}.perf-strip[data-mode=portrait] .perf-hero-tab-slot{flex:0 1 auto;min-height:0;overflow:hidden}.perf-strip[data-mode=portrait] .perf-strip__bars--focus{align-items:flex-start;gap:.5rem;padding:.85rem .6rem .4rem}.perf-strip[data-mode=portrait] .perf-strip__bars--focus .perf-strip__bar{align-self:center}.perf-strip[data-mode=portrait] .perf-strip__bars--focus .perf-strip__bar.is-current{align-self:flex-start;transform:none;min-width:0;display:flex;flex-direction:column;align-items:center;padding:.4rem .9rem .7rem}.perf-strip__bars--focus .perf-strip__bar.is-current .perf-strip__bar-chords{font-size:2.4rem;line-height:1.05;gap:.4em;flex-wrap:wrap;justify-content:center;margin-bottom:.15rem}.perf-focus-fret{margin-top:.45rem;display:flex;justify-content:center}.perf-focus-multi{display:flex;gap:.95rem;align-items:flex-end;justify-content:center;margin-top:.4rem}.perf-focus-multi__chord{display:flex;flex-direction:column;align-items:center;gap:.3rem;opacity:.5;transition:opacity .15s}.perf-focus-multi__chord.is-now{opacity:1}.perf-focus-multi__name{font-size:1.05rem;font-weight:700;line-height:1;color:var(--fg);opacity:.8}.perf-focus-multi__chord.is-now .perf-focus-multi__name{font-size:1.6rem;color:#fcd34d;opacity:1}.perf-strip.is-breath.is-playing .perf-strip__bars--focus .perf-strip__bar.is-current{animation:none}.perf-strip__section-nav{position:relative;display:inline-flex;flex-shrink:0}.perf-strip__section-tag--btn{cursor:pointer;display:inline-flex;align-items:center;gap:4px}.perf-strip__section-caret{font-size:.7em;opacity:.7}.perf-strip__section-tag--btn.is-open{border-color:var(--accent);color:var(--accent)}.perf-strip__section-pop{position:fixed;z-index:61;display:flex;flex-direction:column;gap:2px;padding:6px;min-width:9rem;max-height:56vh;overflow-y:auto;background:var(--card);border:1px solid var(--card-border);border-radius:10px;box-shadow:0 12px 32px #00000080}.perf-strip__section-pop-btn{text-align:left;padding:10px 12px;border-radius:7px;cursor:pointer;border:none;background:transparent;color:var(--fg);font-size:14px;white-space:nowrap;min-height:42px;touch-action:manipulation}.perf-strip__section-pop-btn:hover{background:var(--bg)}.perf-strip__section-pop-btn.is-passed{opacity:.45}.perf-strip__section-pop-btn.is-active{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent);font-weight:700}.perf-strip__toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.perf-strip__toggle--card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;height:auto;min-width:0;white-space:normal;line-height:1.3;padding:11px 12px;border-radius:12px;background:#ffffff09;border:1px solid rgba(255,255,255,.09);transition:background .12s,border-color .12s}.perf-strip__toggle--card:hover{background:#ffffff0f}.perf-strip__expand .perf-strip__toggle--card.is-on,[data-theme=dark] .perf-strip__expand .perf-strip__toggle--card.is-on{background:color-mix(in srgb,var(--accent) 13%,transparent);border-color:color-mix(in srgb,var(--accent) 62%,transparent);color:var(--fg)}.perf-strip__toggle--card .perf-strip__toggle-head{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:13px;white-space:nowrap;color:var(--fg)}.perf-strip__toggle--card.is-on .perf-strip__toggle-head{color:#fcd34d}.perf-strip__toggle--card .perf-strip__toggle-help{font-size:10.5px;color:var(--fg-muted);line-height:1.35;font-weight:400;white-space:normal;overflow-wrap:anywhere}.perf-strip__settings-title{font-size:11.5px;font-weight:700;letter-spacing:.12em;color:var(--fg-muted);margin:0}.perf-strip__expand .perf-strip__audio-toggles{display:flex;flex-direction:column;align-items:stretch;gap:12px;border-left:none;padding:0}.perf-strip[data-mode=portrait] .perf-strip__expand .perf-strip__audio-toggles{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:12px;border-left:none;padding:0}.perf-strip[data-mode=portrait] .perf-strip__expand:before{content:"";flex:0 0 auto;align-self:center;width:40px;height:4px;border-radius:99px;background:#ffffff38;margin-bottom:2px}.perf-focus-next{flex-shrink:0;align-self:flex-start;display:flex;flex-direction:column;align-items:center;padding:.45rem .5rem;border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);border-radius:12px;background:color-mix(in srgb,var(--accent) 6%,transparent);cursor:pointer;opacity:.92}.perf-focus-next__label{font-size:.8em;color:var(--accent);display:inline-flex;align-items:center;gap:3px;margin-bottom:5px;white-space:nowrap}.perf-strip[data-mode=portrait] .perf-hero-main{display:none}.perf-strip[data-mode=portrait] .perf-strip__hero .perf-lyrics{display:flex;flex-direction:column;justify-content:center;gap:.55rem}.perf-strip[data-mode=portrait] .perf-hero-tab-slot{display:none}.perf-strip[data-mode=portrait] .perf-strip__controls .perf-strip__btn,.perf-strip[data-mode=portrait] .perf-strip__controls .perf-strip__toggle{white-space:nowrap}.perf-strip[data-mode=portrait] .perf-strip__mixer-slot{flex-shrink:0}.perf-strip[data-mode=portrait] .perf-strip__btn--corner-toggle{display:none}.perf-strip[data-mode=portrait] .perf-strip__controls.is-corner{left:0;right:0;bottom:0;width:auto;max-width:none;border-radius:0;border:none;border-top:1px solid var(--card-border);box-shadow:none;padding:.4rem .5rem calc(.4rem + env(safe-area-inset-bottom,0px))}.perf-strip[data-mode=portrait] .perf-strip__expand,.perf-strip[data-mode=portrait] .perf-mixer-pop{position:fixed;left:0;right:0;bottom:var(--perf-controls-h, 4rem);z-index:41;max-height:56vh;overflow-y:auto;-webkit-overflow-scrolling:touch;margin:0!important;border:none;border-top:1px solid var(--card-border);border-radius:14px 14px 0 0;background:#18181bf7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 -8px 28px #00000073;padding:14px max(14px,env(safe-area-inset-left,0px)) 14px max(14px,env(safe-area-inset-right,0px))}.perf-strip[data-mode=portrait] .perf-strip__expand{display:flex;flex-direction:column;gap:12px}.perf-strip[data-mode=portrait] .perf-strip__expand .perf-strip__audio-toggles,.perf-strip[data-mode=portrait] .perf-strip__expand .perf-strip__sections{display:flex;flex-wrap:wrap;gap:8px;overflow:visible;width:auto}.perf-strip[data-mode=portrait] .perf-strip__expand .perf-strip__toggle,.perf-strip[data-mode=portrait] .perf-strip__expand .perf-strip__section-btn{min-height:40px}.perf-strip[data-mode=portrait] .perf-strip__expand .perf-strip__bpm{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.perf-strip[data-mode=portrait] .perf-mixer-pop{gap:4px;z-index:42}@keyframes sk-shimmer{0%{background-position:-320px 0}to{background-position:320px 0}}.sk{border-radius:6px;background-color:color-mix(in srgb,var(--fg) 7%,transparent);background-image:linear-gradient(90deg,color-mix(in srgb,var(--fg) 7%,transparent),color-mix(in srgb,var(--accent) 16%,transparent) 70px,color-mix(in srgb,var(--fg) 7%,transparent) 150px);background-size:320px 100%;background-repeat:no-repeat;animation:sk-shimmer 1.4s linear infinite}.sk--circle{border-radius:50%}.sk-line{height:13px}@media (prefers-reduced-motion: reduce){.sk{animation:none}}.sk-page{position:relative;overflow:hidden}.sk-page__wm{position:absolute;right:-14px;bottom:-14px;width:120px;height:120px;opacity:.05;pointer-events:none}.sk-list{display:flex;flex-direction:column;gap:10px;padding:4px 0}.sk-list__row{display:flex;align-items:center;gap:12px;padding:8px 0}.sk-list__avatar{width:44px;height:44px;flex-shrink:0}.sk-list__txt{flex:1;min-width:0}.sk-sheet{display:flex;flex-direction:column;gap:18px;padding:8px 0}.sk-sheet__line{display:flex;flex-direction:column;gap:6px}.sk-sheet__chords{display:flex;gap:26px}.loading-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:3rem 1rem;min-height:40vh}.loading-brand__q{display:block;transform-origin:50% 50%;animation:loading-q-spin 1.9s linear infinite,loading-q-glow 2.2s ease-in-out infinite}@keyframes loading-q-spin{to{transform:rotate(360deg)}}@keyframes loading-q-glow{0%,to{filter:drop-shadow(0 0 3px rgba(245,158,11,.25))}50%{filter:drop-shadow(0 0 13px rgba(245,158,11,.5))}}.loading-brand__text{color:var(--fg-muted);font-size:14px;margin:0}.loading-brand--full{position:fixed;top:0;right:0;bottom:0;left:0;min-height:0;padding:0;z-index:50;background:var(--bg)}@media (prefers-reduced-motion: reduce){.loading-brand__q{animation:none}}.swal2-popup.swal2-app-popup{--fg: #fafafa;--fg-muted: rgba(250, 250, 250, .62);--bg: #09090b;--card: #18181b;--card-border: rgba(255, 255, 255, .14);background:#18181bb8!important;backdrop-filter:blur(16px) saturate(140%)!important;-webkit-backdrop-filter:blur(16px) saturate(140%)!important;color:#fafafa!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:16px!important;box-shadow:0 24px 60px #00000080!important}.swal2-app-popup .swal2-title{color:var(--fg)!important}.swal2-app-popup .swal2-html-container,.swal2-app-popup .swal2-content,.swal2-app-popup #swal2-html-container,.swal2-app-popup .swal2-close{color:var(--fg-muted)!important}.swal2-app-popup .swal2-close:hover{color:var(--fg)!important}.swal2-app-popup .swal2-confirm{background:var(--accent)!important;color:#fff!important;border:none!important;border-radius:8px!important;box-shadow:none!important;font-weight:600}.swal2-app-popup .swal2-confirm:hover{filter:brightness(1.08)}.swal2-app-popup .swal2-confirm.swal2-confirm--danger{background:#dc2626!important}.swal2-app-popup .swal2-cancel,.swal2-app-popup .swal2-deny{background:transparent!important;color:var(--fg-muted)!important;border:1px solid var(--card-border)!important;border-radius:8px!important;box-shadow:none!important}.swal2-app-popup .swal2-cancel:hover,.swal2-app-popup .swal2-deny:hover{background:#ffffff14!important;color:#fafafa!important}.swal2-app-popup .swal2-input,.swal2-app-popup .swal2-textarea,.swal2-app-popup .swal2-select{background:#0000004d!important;color:#fafafa!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:none!important}.swal2-app-popup .swal2-input:focus,.swal2-app-popup .swal2-textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 12px #f59e0b40!important}.swal2-app-popup .swal2-validation-message{background:#0000004d!important;color:#fafafa!important}.swal2-app-popup .swal2-confirm:focus,.swal2-app-popup .swal2-cancel:focus,.swal2-app-popup .swal2-deny:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 40%,transparent)!important}.swal2-toast{background:#18181bd1!important;backdrop-filter:blur(14px) saturate(140%)!important;-webkit-backdrop-filter:blur(14px) saturate(140%)!important;color:#fafafa!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;box-shadow:0 8px 24px #0006!important}.swal2-toast .swal2-title{color:#fafafa!important}.news-container{max-width:880px;margin:0 auto;padding:16px 16px 64px}.news-title{font-size:26px;font-weight:800;margin:12px 0 16px;color:var(--fg)}.news-tabs{display:flex;gap:6px;border-bottom:1px solid var(--card-border);margin-bottom:20px}.news-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;padding:10px 16px;font-size:15px;font-weight:600;color:var(--fg-muted);border-bottom:2px solid transparent;margin-bottom:-1px;font-family:inherit}.news-tab.is-active{color:var(--accent);border-bottom-color:var(--accent)}.news-empty{padding:48px 16px;text-align:center;color:var(--fg-muted)}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.news-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--card-border);border-radius:12px;overflow:hidden;transition:transform .12s ease,box-shadow .12s ease}.news-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.news-card__cover{aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-soft)}.news-card__cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.news-card__body{padding:14px 16px;display:flex;flex-direction:column;gap:6px}.news-card__meta{display:flex;align-items:center;gap:8px;font-size:12px;flex-wrap:wrap}.news-card__cat{color:var(--accent);font-weight:700}.news-card__badge{background:#fef3c7;color:#92400e;padding:0 6px;border-radius:4px;font-weight:700}.news-card__date{color:var(--fg-muted);margin-left:auto}.news-card__title{font-size:16px;font-weight:700;color:var(--fg);line-height:1.4}.news-card__excerpt{font-size:13px;color:var(--fg-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-version__featured{margin-bottom:28px}.news-version__changelog{border-top:1px solid var(--card-border);padding-top:16px}.news-version__chlog-head{font-size:15px;font-weight:700;color:var(--fg);margin-bottom:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.news-version__build{font-size:11px;font-family:var(--font-mono, monospace);color:var(--fg-muted);font-weight:400}.chlog-group{margin-bottom:18px}.chlog-group__date{font-size:12px;font-weight:700;color:var(--fg-muted);margin:0 0 8px;letter-spacing:.03em}.chlog-group__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.chlog-entry{display:flex;align-items:flex-start;gap:10px}.chlog-entry__type{flex:0 0 auto;font-size:14px;line-height:1.5}.chlog-entry__subject{font-size:14px;color:var(--fg);line-height:1.5}.chlog-entry__scope{font-size:11px;background:var(--bg-soft);color:var(--fg-muted);padding:0 5px;border-radius:3px;margin-right:6px}.chlog-entry__breaking{font-size:10px;background:#fee2e2;color:#991b1b;padding:0 5px;border-radius:3px;margin-right:6px;font-weight:700}.news-article{max-width:760px;margin:0 auto;padding:16px 16px 64px}.news-article__title{font-size:28px;font-weight:800;color:var(--fg);margin:8px 0 16px;line-height:1.3}.news-article__cover{margin:0 0 20px;border-radius:12px;overflow:hidden}.news-article__cover img{width:100%;display:block}.news-article__foot{margin-top:32px;padding-top:16px;border-top:1px solid var(--card-border)}.news-back{color:var(--accent);text-decoration:none;font-weight:600}.md-body{color:var(--fg);line-height:1.7;font-size:15px;word-wrap:break-word}.md-body h1,.md-body h2,.md-body h3,.md-body h4{color:var(--fg);font-weight:700;line-height:1.35;margin:1.4em 0 .5em}.md-body h1{font-size:1.5em}.md-body h2{font-size:1.3em}.md-body h3{font-size:1.12em}.md-body h4{font-size:1em}.md-body p{margin:.7em 0}.md-body a{color:var(--accent);text-decoration:underline}.md-body ul,.md-body ol{margin:.7em 0;padding-left:1.6em}.md-body li{margin:.25em 0}.md-body blockquote{margin:.9em 0;padding:4px 14px;border-left:3px solid var(--accent);background:var(--bg-soft);color:var(--fg-muted);border-radius:0 6px 6px 0}.md-body code{background:var(--bg-soft);padding:1px 5px;border-radius:4px;font-size:.9em;font-family:var(--font-mono, monospace)}.md-body hr{border:none;border-top:1px solid var(--card-border);margin:1.4em 0}.md-body img{max-width:100%;border-radius:8px}.md-body :first-child{margin-top:0}.sidebar-drawer__nav-badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;font-size:11px;font-weight:700;border-radius:9px;line-height:1}.home-ann-banner{display:flex;align-items:center;gap:8px;margin:0 0 4px;padding:9px 14px;background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:10px}.home-ann-banner__link{flex:1;min-width:0;display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--fg)}.home-ann-banner__tag{flex:0 0 auto;font-size:12px;font-weight:700;color:var(--accent);white-space:nowrap}.home-ann-banner__title{flex:0 1 auto;font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-ann-banner__excerpt{flex:1 1 auto;min-width:0;font-size:13px;color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-ann-banner__more{flex:0 0 auto;font-size:12px;font-weight:600;color:var(--accent);white-space:nowrap}.home-ann-banner__close{flex:0 0 auto;background:none;border:none;cursor:pointer;color:var(--fg-muted);font-size:18px;line-height:1;padding:2px 4px;border-radius:6px}.home-ann-banner__close:hover{background:#00000014;color:var(--fg)}@media (max-width: 640px){.home-ann-banner__excerpt{display:none}}.home-ann-section{margin:8px 0}.home-ann-section__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.home-ann-section__title{font-size:1.05rem;font-weight:800;color:var(--fg);margin:0}.home-ann-section__more{font-size:13px;font-weight:600;color:var(--accent);text-decoration:none;white-space:nowrap}.home-ann-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.home-ann-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--card-border);border-radius:10px;overflow:hidden;transition:transform .12s ease,box-shadow .12s ease}.home-ann-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000001f}.home-ann-card__cover{aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-soft)}.home-ann-card__cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.home-ann-card__body{padding:12px 14px;display:flex;flex-direction:column;gap:5px}.home-ann-card__meta{display:flex;align-items:center;gap:8px;font-size:11px}.home-ann-card__cat{color:var(--accent);font-weight:700}.home-ann-card__date{color:var(--fg-muted);margin-left:auto}.home-ann-card__title{font-size:14px;font-weight:700;color:var(--fg);line-height:1.4}.home-ann-card__excerpt{font-size:12px;color:var(--fg-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.placeholder\:text-slate-400::-moz-placeholder{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.placeholder\:text-slate-400::placeholder{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;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-\[rgba\(251\,146\,60\,0\.35\)\]:hover{border-color:#fb923c59}.hover\:bg-\[rgba\(0\,0\,0\,0\.02\)\]:hover{background-color:#00000005}.hover\:bg-amber-500\/10:hover{background-color:#f59e0b1a}.hover\:bg-blue-100:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-green-100:hover{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.hover\:bg-pink-100:hover{--tw-bg-opacity: 1;background-color:rgb(252 231 243 / var(--tw-bg-opacity, 1))}.hover\:bg-primary-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 247 236 / var(--tw-bg-opacity, 1))}.hover\:bg-red-100:hover{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-yellow-100:hover{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.hover\:text-amber-400:hover{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.hover\:text-primary-800:hover{--tw-text-opacity: 1;color:rgb(148 51 16 / var(--tw-text-opacity, 1))}.hover\:text-red-400:hover{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-90:hover{opacity:.9}.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)}.focus\:border-\[var\(--accent\)\]:focus{border-color:var(--accent)}.focus\:border-amber-400:focus{--tw-border-opacity: 1;border-color:rgb(251 191 36 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.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-amber-500\/30:focus{--tw-ring-color: rgb(245 158 11 / .3)}.active\:bg-gray-200:active{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.disabled\:opacity-60:disabled{opacity:.6}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width: 640px){.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}}@media (min-width: 768px){.md\:block{display:block}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-color-scheme: dark){.dark\:hover\:bg-\[rgba\(255\,255\,255\,0\.02\)\]:hover{background-color:#ffffff05}}