@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&family=Source+Code+Pro:wght@300;400;500&display=swap);*,:after,:before{--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:#3b82f680;--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:#3b82f680;--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: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}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,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height: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:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background:0 0% 100%;--foreground:0 0% 3.9%;--card:0 0% 100%;--card-foreground:0 0% 3.9%;--popover:0 0% 100%;--popover-foreground:0 0% 3.9%;--primary:0 0% 9%;--primary-foreground:0 0% 98%;--secondary:0 0% 96.1%;--secondary-foreground:0 0% 9%;--muted:0 0% 96.1%;--muted-foreground:0 0% 45.1%;--accent:0 0% 96.1%;--accent-foreground:0 0% 9%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:0 0% 89.8%;--input:0 0% 89.8%;--ring:0 0% 3.9%;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%;--radius:0.5rem}.dark{--background:0 0% 3.9%;--foreground:0 0% 98%;--card:0 0% 3.9%;--card-foreground:0 0% 98%;--popover:0 0% 3.9%;--popover-foreground:0 0% 98%;--primary:0 0% 98%;--primary-foreground:0 0% 9%;--secondary:0 0% 14.9%;--secondary-foreground:0 0% 98%;--muted:0 0% 14.9%;--muted-foreground:0 0% 63.9%;--accent:0 0% 14.9%;--accent-foreground:0 0% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 98%;--border:0 0% 14.9%;--input:0 0% 14.9%;--ring:0 0% 83.1%;--chart-1:220 70% 50%;--chart-2:160 60% 45%;--chart-3:30 80% 55%;--chart-4:280 65% 60%;--chart-5:340 75% 55%}body{background-color:#fff;background-color:hsl(var(--background));color:#0a0a0a;color:hsl(var(--foreground))}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{bottom:0;top:0}.-bottom-0\.5{bottom:-.125rem}.-bottom-12{bottom:-3rem}.-left-12{left:-3rem}.-right-0\.5{right:-.125rem}.-right-1{right:-.25rem}.-right-12{right:-3rem}.-top-1{top:-.25rem}.-top-12{top:-3rem}.-top-20{top:-5rem}.-top-8{top:-2rem}.bottom-0{bottom:0}.bottom-2{bottom:.5rem}.bottom-3{bottom:.75rem}.bottom-4{bottom:1rem}.bottom-full{bottom:100%}.left-0{left:0}.left-1{left:.25rem}.left-1\/2{left:50%}.left-1\/3{left:33.333333%}.left-10{left:2.5rem}.left-2{left:.5rem}.left-3{left:.75rem}.left-4{left:1rem}.left-8{left:2rem}.left-\[50\%\]{left:50%}.right-0{right:0}.right-1{right:.25rem}.right-1\/4{right:25%}.right-2{right:.5rem}.right-20{right:5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-6{right:1.5rem}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-3{top:.75rem}.top-4{top:1rem}.top-8{top:2rem}.top-\[-55px\]{top:-55px}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[1\]{z-index:1}.z-\[70\]{z-index:70}.z-\[9999\]{z-index:9999}.col-span-full{grid-column:1/-1}.m-\[2px\]{margin:2px}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-bottom:.25rem;margin-top:.25rem}.my-2{margin-bottom:.5rem;margin-top:.5rem}.-ml-4{margin-left:-1rem}.-mt-1{margin-top:-.25rem}.-mt-4{margin-top:-1rem}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.mt-px{margin-top:1px}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}.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}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[1px\]{height:1px}.h-\[600px\]{height:600px}.h-\[700px\]{height:700px}.h-\[70vh\]{height:70vh}.h-\[calc\(100vh-130px\)\]{height:calc(100vh - 130px)}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-40{max-height:10rem}.max-h-60{max-height:15rem}.max-h-80{max-height:20rem}.max-h-96{max-height:24rem}.max-h-\[--radix-context-menu-content-available-height\]{max-height:var(--radix-context-menu-content-available-height)}.max-h-\[--radix-select-content-available-height\]{max-height:var(--radix-select-content-available-height)}.max-h-\[280px\]{max-height:280px}.max-h-\[300px\]{max-height:300px}.max-h-\[600px\]{max-height:600px}.max-h-\[60vh\]{max-height:60vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[calc\(80vh-140px\)\]{max-height:calc(80vh - 140px)}.max-h-\[calc\(90vh-100px\)\]{max-height:calc(90vh - 100px)}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-screen{max-height:100vh}.min-h-0{min-height:0}.min-h-\[100px\]{min-height:100px}.min-h-\[140px\]{min-height:140px}.min-h-\[180px\]{min-height:180px}.min-h-\[200px\]{min-height:200px}.min-h-\[60px\]{min-height:60px}.min-h-\[80px\]{min-height:80px}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-36{width:9rem}.w-4{width:1rem}.w-40{width:10rem}.w-44{width:11rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-\[100px\]{width:100px}.w-\[1px\]{width:1px}.w-\[92\%\]{width:92%}.w-\[96\%\]{width:96%}.w-fit{width:-webkit-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-webkit-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0}.min-w-10{min-width:2.5rem}.min-w-8{min-width:2rem}.min-w-9{min-width:2.25rem}.min-w-\[120px\]{min-width:120px}.min-w-\[12rem\]{min-width:12rem}.min-w-\[140px\]{min-width:140px}.min-w-\[16px\]{min-width:16px}.min-w-\[180px\]{min-width:180px}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-\[120px\]{max-width:120px}.max-w-\[150px\]{max-width:150px}.max-w-\[180px\]{max-width:180px}.max-w-\[90vw\]{max-width:90vw}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-max{max-width:-webkit-max-content;max-width:max-content}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\[--radix-context-menu-content-transform-origin\]{transform-origin:var(--radix-context-menu-content-transform-origin)}.origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\[--radix-hover-card-content-transform-origin\]{transform-origin:var(--radix-hover-card-content-transform-origin)}.origin-\[--radix-menubar-content-transform-origin\]{transform-origin:var(--radix-menubar-content-transform-origin)}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:var(--radix-popover-content-transform-origin)}.origin-\[--radix-select-content-transform-origin\]{transform-origin:var(--radix-select-content-transform-origin)}.origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-x-1\/2{--tw-translate-x:50%}.translate-x-1\/2,.translate-x-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.rotate-180,.translate-y-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.rotate-45{--tw-rotate:45deg}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.scale-105,.scale-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-90{--tw-scale-x:.9;--tw-scale-y:.9}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-bounce{animation:bounce 1s infinite}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-px{gap:1px}.gap-x-1{column-gap:.25rem}.gap-x-3{column-gap:.75rem}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.space-x-1\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.375rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.375rem*var(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.125rem*var(--tw-space-y-reverse));margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.self-center{align-self:center}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[20px\]{border-radius:20px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem;border-radius:var(--radius)}.rounded-md{border-radius:calc(.5rem - 2px);border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(.5rem - 4px);border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.rounded-tl-sm{border-top-left-radius:calc(.5rem - 4px);border-top-left-radius:calc(var(--radius) - 4px)}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-\[\#5865F2\]\/30{border-color:#5865f24d}.border-amber-500{--tw-border-opacity:1;border-color:#f59e0b;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.border-amber-500\/10{border-color:#f59e0b1a}.border-amber-500\/20{border-color:#f59e0b33}.border-amber-500\/30{border-color:#f59e0b4d}.border-amber-500\/50{border-color:#f59e0b80}.border-amber-700\/50{border-color:#b4530980}.border-blue-500{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-blue-500\/20{border-color:#3b82f633}.border-blue-500\/30{border-color:#3b82f64d}.border-blue-500\/50{border-color:#3b82f680}.border-blue-700\/50{border-color:#1d4ed880}.border-cyan-400{--tw-border-opacity:1;border-color:#22d3ee;border-color:rgb(34 211 238/var(--tw-border-opacity,1))}.border-cyan-500{--tw-border-opacity:1;border-color:#06b6d4;border-color:rgb(6 182 212/var(--tw-border-opacity,1))}.border-cyan-500\/20{border-color:#06b6d433}.border-cyan-500\/30{border-color:#06b6d44d}.border-cyan-500\/40{border-color:#06b6d466}.border-cyan-500\/50{border-color:#06b6d480}.border-destructive{border-color:#ef4444;border-color:hsl(var(--destructive))}.border-destructive\/50{border-color:#ef444480;border-color:hsl(var(--destructive)/.5)}.border-emerald-500\/30{border-color:#10b9814d}.border-gray-500\/20{border-color:#6b728033}.border-gray-500\/30{border-color:#6b72804d}.border-gray-500\/50{border-color:#6b728080}.border-gray-600{--tw-border-opacity:1;border-color:#4b5563;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.border-gray-600\/50{border-color:#4b556380}.border-gray-700{--tw-border-opacity:1;border-color:#374151;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.border-gray-700\/30{border-color:#3741514d}.border-gray-700\/50{border-color:#37415180}.border-green-400{--tw-border-opacity:1;border-color:#4ade80;border-color:rgb(74 222 128/var(--tw-border-opacity,1))}.border-green-400\/30{border-color:#4ade804d}.border-green-500{--tw-border-opacity:1;border-color:#22c55e;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-green-500\/20{border-color:#22c55e33}.border-green-500\/30{border-color:#22c55e4d}.border-green-500\/50{border-color:#22c55e80}.border-green-700\/40{border-color:#15803d66}.border-indigo-500\/40{border-color:#6366f166}.border-indigo-500\/50{border-color:#6366f180}.border-input{border-color:#e5e5e5;border-color:hsl(var(--input))}.border-orange-400{--tw-border-opacity:1;border-color:#fb923c;border-color:rgb(251 146 60/var(--tw-border-opacity,1))}.border-orange-500\/20{border-color:#f9731633}.border-orange-500\/30{border-color:#f973164d}.border-orange-500\/50{border-color:#f9731680}.border-pink-500\/20{border-color:#ec489933}.border-pink-500\/30{border-color:#ec48994d}.border-pink-500\/40{border-color:#ec489966}.border-pink-500\/50{border-color:#ec489980}.border-primary{border-color:#171717;border-color:hsl(var(--primary))}.border-primary\/50{border-color:#17171780;border-color:hsl(var(--primary)/.5)}.border-purple-400{--tw-border-opacity:1;border-color:#c084fc;border-color:rgb(192 132 252/var(--tw-border-opacity,1))}.border-purple-400\/50{border-color:#c084fc80}.border-purple-500{--tw-border-opacity:1;border-color:#a855f7;border-color:rgb(168 85 247/var(--tw-border-opacity,1))}.border-purple-500\/20{border-color:#a855f733}.border-purple-500\/30{border-color:#a855f74d}.border-purple-500\/40{border-color:#a855f766}.border-purple-500\/50{border-color:#a855f780}.border-purple-700\/30{border-color:#7e22ce4d}.border-purple-700\/50{border-color:#7e22ce80}.border-red-400{--tw-border-opacity:1;border-color:#f87171;border-color:rgb(248 113 113/var(--tw-border-opacity,1))}.border-red-400\/30{border-color:#f871714d}.border-red-500{--tw-border-opacity:1;border-color:#ef4444;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-red-500\/20{border-color:#ef444433}.border-red-500\/30{border-color:#ef44444d}.border-red-500\/40{border-color:#ef444466}.border-red-500\/50{border-color:#ef444480}.border-red-700\/50{border-color:#b91c1c80}.border-slate-600{--tw-border-opacity:1;border-color:#475569;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.border-slate-700{--tw-border-opacity:1;border-color:#334155;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.border-slate-700\/50{border-color:#33415580}.border-slate-800{--tw-border-opacity:1;border-color:#1e293b;border-color:rgb(30 41 59/var(--tw-border-opacity,1))}.border-slate-900{--tw-border-opacity:1;border-color:#0f172a;border-color:rgb(15 23 42/var(--tw-border-opacity,1))}.border-teal-500{--tw-border-opacity:1;border-color:#14b8a6;border-color:rgb(20 184 166/var(--tw-border-opacity,1))}.border-teal-700\/40{border-color:#0f766e66}.border-transparent{border-color:#0000}.border-white{--tw-border-opacity:1;border-color:#fff;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-yellow-400{--tw-border-opacity:1;border-color:#facc15;border-color:rgb(250 204 21/var(--tw-border-opacity,1))}.border-yellow-500\/20{border-color:#eab30833}.border-yellow-500\/30{border-color:#eab3084d}.border-yellow-500\/40{border-color:#eab30866}.border-yellow-500\/50{border-color:#eab30880}.border-l-blue-500{--tw-border-opacity:1;border-left-color:#3b82f6;border-left-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-l-red-500{--tw-border-opacity:1;border-left-color:#ef4444;border-left-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-l-transparent{border-left-color:#0000}.border-l-yellow-500{--tw-border-opacity:1;border-left-color:#eab308;border-left-color:rgb(234 179 8/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:#0000}.bg-\[\#5865F2\]\/15{background-color:#5865f226}.bg-accent{background-color:#f5f5f5;background-color:hsl(var(--accent))}.bg-amber-500{--tw-bg-opacity:1;background-color:#f59e0b;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-amber-500\/20{background-color:#f59e0b33}.bg-amber-600{--tw-bg-opacity:1;background-color:#d97706;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.bg-amber-600\/10{background-color:#d977061a}.bg-amber-600\/20{background-color:#d9770633}.bg-amber-900\/20{background-color:#78350f33}.bg-background{background-color:#fff;background-color:hsl(var(--background))}.bg-black{--tw-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/20{background-color:#0003}.bg-black\/30{background-color:#0000004d}.bg-black\/40{background-color:#0006}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-black\/70{background-color:#000000b3}.bg-black\/80{background-color:#000c}.bg-black\/90{background-color:#000000e6}.bg-blue-500\/10{background-color:#3b82f61a}.bg-blue-500\/20{background-color:#3b82f633}.bg-blue-600{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-blue-600\/10{background-color:#2563eb1a}.bg-blue-600\/20{background-color:#2563eb33}.bg-blue-900\/20{background-color:#1e3a8a33}.bg-border{background-color:#e5e5e5;background-color:hsl(var(--border))}.bg-card{background-color:#fff;background-color:hsl(var(--card))}.bg-cyan-500{--tw-bg-opacity:1;background-color:#06b6d4;background-color:rgb(6 182 212/var(--tw-bg-opacity,1))}.bg-cyan-500\/10{background-color:#06b6d41a}.bg-cyan-500\/20{background-color:#06b6d433}.bg-cyan-500\/90{background-color:#06b6d4e6}.bg-cyan-600{--tw-bg-opacity:1;background-color:#0891b2;background-color:rgb(8 145 178/var(--tw-bg-opacity,1))}.bg-cyan-600\/10{background-color:#0891b21a}.bg-cyan-600\/20{background-color:#0891b233}.bg-cyan-600\/30{background-color:#0891b24d}.bg-destructive{background-color:#ef4444;background-color:hsl(var(--destructive))}.bg-emerald-600\/15{background-color:#05966926}.bg-foreground{background-color:#0a0a0a;background-color:hsl(var(--foreground))}.bg-fuchsia-500{--tw-bg-opacity:1;background-color:#d946ef;background-color:rgb(217 70 239/var(--tw-bg-opacity,1))}.bg-gray-500{--tw-bg-opacity:1;background-color:#6b7280;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.bg-gray-500\/20{background-color:#6b728033}.bg-gray-600{--tw-bg-opacity:1;background-color:#4b5563;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.bg-gray-600\/20{background-color:#4b556333}.bg-gray-700{--tw-bg-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.bg-gray-700\/30{background-color:#3741514d}.bg-gray-700\/50{background-color:#37415180}.bg-gray-800{--tw-bg-opacity:1;background-color:#1f2937;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-gray-800\/20{background-color:#1f293733}.bg-gray-800\/30{background-color:#1f29374d}.bg-gray-800\/40{background-color:#1f293766}.bg-gray-800\/50{background-color:#1f293780}.bg-gray-800\/60{background-color:#1f293799}.bg-gray-800\/80{background-color:#1f2937cc}.bg-gray-900{--tw-bg-opacity:1;background-color:#111827;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.bg-gray-900\/50{background-color:#11182780}.bg-green-400{--tw-bg-opacity:1;background-color:#4ade80;background-color:rgb(74 222 128/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:#22c55e;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-500\/10{background-color:#22c55e1a}.bg-green-500\/20{background-color:#22c55e33}.bg-green-600{--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-green-600\/20{background-color:#16a34a33}.bg-green-900\/15{background-color:#14532d26}.bg-green-900\/20{background-color:#14532d33}.bg-indigo-500\/20{background-color:#6366f133}.bg-muted{background-color:#f5f5f5;background-color:hsl(var(--muted))}.bg-muted\/50{background-color:#f5f5f580;background-color:hsl(var(--muted)/.5)}.bg-orange-500\/20{background-color:#f9731633}.bg-orange-600\/20{background-color:#ea580c33}.bg-orange-900\/20{background-color:#7c2d1233}.bg-pink-500{--tw-bg-opacity:1;background-color:#ec4899;background-color:rgb(236 72 153/var(--tw-bg-opacity,1))}.bg-pink-500\/20{background-color:#ec489933}.bg-pink-500\/30{background-color:#ec48994d}.bg-pink-600{--tw-bg-opacity:1;background-color:#db2777;background-color:rgb(219 39 119/var(--tw-bg-opacity,1))}.bg-pink-600\/10{background-color:#db27771a}.bg-popover{background-color:#fff;background-color:hsl(var(--popover))}.bg-primary{background-color:#171717;background-color:hsl(var(--primary))}.bg-primary\/10{background-color:#1717171a;background-color:hsl(var(--primary)/.1)}.bg-primary\/20{background-color:#17171733;background-color:hsl(var(--primary)/.2)}.bg-purple-500{--tw-bg-opacity:1;background-color:#a855f7;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.bg-purple-500\/10{background-color:#a855f71a}.bg-purple-500\/20{background-color:#a855f733}.bg-purple-600{--tw-bg-opacity:1;background-color:#9333ea;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))}.bg-purple-600\/10{background-color:#9333ea1a}.bg-purple-600\/20{background-color:#9333ea33}.bg-purple-600\/30{background-color:#9333ea4d}.bg-purple-600\/40{background-color:#9333ea66}.bg-purple-900\/10{background-color:#581c871a}.bg-purple-900\/20{background-color:#581c8733}.bg-red-400{--tw-bg-opacity:1;background-color:#f87171;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:#ef4444;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-500\/10{background-color:#ef44441a}.bg-red-500\/20{background-color:#ef444433}.bg-red-500\/80{background-color:#ef4444cc}.bg-red-600{--tw-bg-opacity:1;background-color:#dc2626;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-red-600\/10{background-color:#dc26261a}.bg-red-600\/20{background-color:#dc262633}.bg-red-900\/20{background-color:#7f1d1d33}.bg-secondary{background-color:#f5f5f5;background-color:hsl(var(--secondary))}.bg-slate-600{--tw-bg-opacity:1;background-color:#475569;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.bg-slate-600\/50{background-color:#47556980}.bg-slate-700{--tw-bg-opacity:1;background-color:#334155;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.bg-slate-700\/30{background-color:#3341554d}.bg-slate-700\/40{background-color:#33415566}.bg-slate-700\/50{background-color:#33415580}.bg-slate-800{--tw-bg-opacity:1;background-color:#1e293b;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.bg-slate-800\/30{background-color:#1e293b4d}.bg-slate-800\/50{background-color:#1e293b80}.bg-slate-800\/70{background-color:#1e293bb3}.bg-slate-800\/95{background-color:#1e293bf2}.bg-slate-900{--tw-bg-opacity:1;background-color:#0f172a;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.bg-slate-900\/50{background-color:#0f172a80}.bg-slate-900\/80{background-color:#0f172acc}.bg-teal-500\/20{background-color:#14b8a633}.bg-teal-600\/20{background-color:#0d948833}.bg-teal-900\/15{background-color:#134e4a26}.bg-transparent{background-color:initial}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-white\/5{background-color:#ffffff0d}.bg-yellow-500{--tw-bg-opacity:1;background-color:#eab308;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.bg-yellow-500\/10{background-color:#eab3081a}.bg-yellow-500\/20{background-color:#eab30833}.bg-yellow-600\/20{background-color:#ca8a0433}.bg-yellow-600\/50{background-color:#ca8a0480}.bg-yellow-900\/20{background-color:#713f1233}.bg-opacity-60{--tw-bg-opacity:0.6}.bg-opacity-70{--tw-bg-opacity:0.7}.bg-opacity-90{--tw-bg-opacity:0.9}.bg-\[url\(\'data\:image\/svg\+xml\;base64\2c PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxwYXR0ZXJuIGlkPSJncmlkIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiPjxwYXRoIGQ9Ik0gNDAgMCBMIDAgMCAwIDQwIiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEiIG9wYWNpdHk9IjAuMSIvPjwvcGF0dGVybj48L2RlZnM\+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmlkKSIvPjwvc3ZnPg\=\=\'\)\]{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxwYXR0ZXJuIGlkPSJhIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiPjxwYXRoIGQ9Ik00MCAwSDB2NDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgb3BhY2l0eT0iLjEiLz48L3BhdHRlcm4+PC9kZWZzPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjYSkiLz48L3N2Zz4=)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-amber-500{--tw-gradient-from:#f59e0b var(--tw-gradient-from-position);--tw-gradient-to:#f59e0b00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-amber-500\/10{--tw-gradient-from:#f59e0b1a var(--tw-gradient-from-position);--tw-gradient-to:#f59e0b00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-amber-600{--tw-gradient-from:#d97706 var(--tw-gradient-from-position);--tw-gradient-to:#d9770600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/90{--tw-gradient-from:#000000e6 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-600{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:#2563eb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-400{--tw-gradient-from:#22d3ee var(--tw-gradient-from-position);--tw-gradient-to:#22d3ee00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-500{--tw-gradient-from:#06b6d4 var(--tw-gradient-from-position);--tw-gradient-to:#06b6d400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-500\/10{--tw-gradient-from:#06b6d41a var(--tw-gradient-from-position);--tw-gradient-to:#06b6d400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-500\/20{--tw-gradient-from:#06b6d433 var(--tw-gradient-from-position);--tw-gradient-to:#06b6d400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-500\/5{--tw-gradient-from:#06b6d40d var(--tw-gradient-from-position);--tw-gradient-to:#06b6d400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-600{--tw-gradient-from:#0891b2 var(--tw-gradient-from-position);--tw-gradient-to:#0891b200 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-600\/20{--tw-gradient-from:#0891b233 var(--tw-gradient-from-position);--tw-gradient-to:#0891b200 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-600\/50{--tw-gradient-from:#0891b280 var(--tw-gradient-from-position);--tw-gradient-to:#0891b200 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-900{--tw-gradient-from:#111827 var(--tw-gradient-from-position);--tw-gradient-to:#11182700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-500{--tw-gradient-from:#22c55e var(--tw-gradient-from-position);--tw-gradient-to:#22c55e00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-600{--tw-gradient-from:#16a34a var(--tw-gradient-from-position);--tw-gradient-to:#16a34a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-600\/20{--tw-gradient-from:#16a34a33 var(--tw-gradient-from-position);--tw-gradient-to:#16a34a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-600\/30{--tw-gradient-from:#16a34a4d var(--tw-gradient-from-position);--tw-gradient-to:#16a34a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-900\/40{--tw-gradient-from:#14532d66 var(--tw-gradient-from-position);--tw-gradient-to:#14532d00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-800\/90{--tw-gradient-from:#3730a3e6 var(--tw-gradient-from-position);--tw-gradient-to:#3730a300 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-500{--tw-gradient-from:#f97316 var(--tw-gradient-from-position);--tw-gradient-to:#f9731600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-600{--tw-gradient-from:#ea580c var(--tw-gradient-from-position);--tw-gradient-to:#ea580c00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-600\/20{--tw-gradient-from:#ea580c33 var(--tw-gradient-from-position);--tw-gradient-to:#ea580c00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pink-500{--tw-gradient-from:#ec4899 var(--tw-gradient-from-position);--tw-gradient-to:#ec489900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pink-600{--tw-gradient-from:#db2777 var(--tw-gradient-from-position);--tw-gradient-to:#db277700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pink-600\/20{--tw-gradient-from:#db277733 var(--tw-gradient-from-position);--tw-gradient-to:#db277700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pink-600\/30{--tw-gradient-from:#db27774d var(--tw-gradient-from-position);--tw-gradient-to:#db277700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pink-600\/60{--tw-gradient-from:#db277799 var(--tw-gradient-from-position);--tw-gradient-to:#db277700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-600{--tw-gradient-from:#9333ea var(--tw-gradient-from-position);--tw-gradient-to:#9333ea00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-900{--tw-gradient-from:#581c87 var(--tw-gradient-from-position);--tw-gradient-to:#581c8700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-500{--tw-gradient-from:#ef4444 var(--tw-gradient-from-position);--tw-gradient-to:#ef444400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-600{--tw-gradient-from:#dc2626 var(--tw-gradient-from-position);--tw-gradient-to:#dc262600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-600\/10{--tw-gradient-from:#dc26261a var(--tw-gradient-from-position);--tw-gradient-to:#dc262600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-600\/20{--tw-gradient-from:#dc262633 var(--tw-gradient-from-position);--tw-gradient-to:#dc262600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-700\/50{--tw-gradient-from:#33415580 var(--tw-gradient-from-position);--tw-gradient-to:#33415500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-800{--tw-gradient-from:#1e293b var(--tw-gradient-from-position);--tw-gradient-to:#1e293b00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-800\/70{--tw-gradient-from:#1e293bb3 var(--tw-gradient-from-position);--tw-gradient-to:#1e293b00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-800\/80{--tw-gradient-from:#1e293bcc var(--tw-gradient-from-position);--tw-gradient-to:#1e293b00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-800\/90{--tw-gradient-from:#1e293be6 var(--tw-gradient-from-position);--tw-gradient-to:#1e293b00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-900{--tw-gradient-from:#0f172a var(--tw-gradient-from-position);--tw-gradient-to:#0f172a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-900\/90{--tw-gradient-from:#0f172ae6 var(--tw-gradient-from-position);--tw-gradient-to:#0f172a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-yellow-500{--tw-gradient-from:#eab308 var(--tw-gradient-from-position);--tw-gradient-to:#eab30800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-amber-900\/20{--tw-gradient-to:#78350f00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#78350f33 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-black\/60{--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0009 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-blue-400{--tw-gradient-to:#60a5fa00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#60a5fa var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-blue-900\/20{--tw-gradient-to:#1e3a8a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1e3a8a33 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-blue-900\/30{--tw-gradient-to:#1e3a8a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1e3a8a4d var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-cyan-900\/20{--tw-gradient-to:#164e6300 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#164e6333 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-cyan-900\/30{--tw-gradient-to:#164e6300 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#164e634d var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-gray-800{--tw-gradient-to:#1f293700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1f2937 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-gray-900{--tw-gradient-to:#11182700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#111827 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-green-800\/20{--tw-gradient-to:#16653400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#16653433 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-green-900\/20{--tw-gradient-to:#14532d00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#14532d33 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-pink-500{--tw-gradient-to:#ec489900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#ec4899 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-pink-600{--tw-gradient-to:#db277700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#db2777 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-pink-900\/20{--tw-gradient-to:#83184300 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#83184333 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-pink-900\/30{--tw-gradient-to:#83184300 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#8318434d var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-purple-500{--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#a855f7 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-purple-500\/10{--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#a855f71a var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-purple-500\/5{--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#a855f70d var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-purple-600\/20{--tw-gradient-to:#9333ea00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#9333ea33 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-purple-900{--tw-gradient-to:#581c8700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#581c87 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-purple-900\/20{--tw-gradient-to:#581c8700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#581c8733 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-purple-900\/30{--tw-gradient-to:#581c8700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#581c874d var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-purple-900\/40{--tw-gradient-to:#581c8700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#581c8766 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-purple-900\/50{--tw-gradient-to:#581c8700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#581c8780 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-red-900{--tw-gradient-to:#7f1d1d00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#7f1d1d var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-red-900\/20{--tw-gradient-to:#7f1d1d00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#7f1d1d33 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-slate-800{--tw-gradient-to:#1e293b00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1e293b var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-slate-900{--tw-gradient-to:#0f172a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0f172a var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-slate-900\/70{--tw-gradient-to:#0f172a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0f172ab3 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-slate-900\/90{--tw-gradient-to:#0f172a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0f172ae6 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-yellow-900\/20{--tw-gradient-to:#713f1200 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#713f1233 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-yellow-900\/30{--tw-gradient-to:#713f1200 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#713f124d var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-blue-500{--tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.to-blue-700{--tw-gradient-to:#1d4ed8 var(--tw-gradient-to-position)}.to-blue-900{--tw-gradient-to:#1e3a8a var(--tw-gradient-to-position)}.to-cyan-500{--tw-gradient-to:#06b6d4 var(--tw-gradient-to-position)}.to-cyan-600{--tw-gradient-to:#0891b2 var(--tw-gradient-to-position)}.to-cyan-900{--tw-gradient-to:#164e63 var(--tw-gradient-to-position)}.to-emerald-500{--tw-gradient-to:#10b981 var(--tw-gradient-to-position)}.to-emerald-600{--tw-gradient-to:#059669 var(--tw-gradient-to-position)}.to-emerald-600\/30{--tw-gradient-to:#0596694d var(--tw-gradient-to-position)}.to-gray-800{--tw-gradient-to:#1f2937 var(--tw-gradient-to-position)}.to-gray-900{--tw-gradient-to:#111827 var(--tw-gradient-to-position)}.to-green-700\/20{--tw-gradient-to:#15803d33 var(--tw-gradient-to-position)}.to-indigo-800\/90{--tw-gradient-to:#3730a3e6 var(--tw-gradient-to-position)}.to-orange-500{--tw-gradient-to:#f97316 var(--tw-gradient-to-position)}.to-orange-600{--tw-gradient-to:#ea580c var(--tw-gradient-to-position)}.to-orange-700\/20{--tw-gradient-to:#c2410c33 var(--tw-gradient-to-position)}.to-pink-500{--tw-gradient-to:#ec4899 var(--tw-gradient-to-position)}.to-pink-500\/10{--tw-gradient-to:#ec48991a var(--tw-gradient-to-position)}.to-pink-500\/20{--tw-gradient-to:#ec489933 var(--tw-gradient-to-position)}.to-pink-500\/5{--tw-gradient-to:#ec48990d var(--tw-gradient-to-position)}.to-pink-600{--tw-gradient-to:#db2777 var(--tw-gradient-to-position)}.to-pink-600\/20{--tw-gradient-to:#db277733 var(--tw-gradient-to-position)}.to-pink-600\/50{--tw-gradient-to:#db277780 var(--tw-gradient-to-position)}.to-pink-900\/30{--tw-gradient-to:#8318434d var(--tw-gradient-to-position)}.to-purple-400{--tw-gradient-to:#c084fc var(--tw-gradient-to-position)}.to-purple-500\/10{--tw-gradient-to:#a855f71a var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}.to-purple-600\/30{--tw-gradient-to:#9333ea4d var(--tw-gradient-to-position)}.to-purple-600\/60{--tw-gradient-to:#9333ea99 var(--tw-gradient-to-position)}.to-purple-700\/20{--tw-gradient-to:#7e22ce33 var(--tw-gradient-to-position)}.to-red-500{--tw-gradient-to:#ef4444 var(--tw-gradient-to-position)}.to-red-600{--tw-gradient-to:#dc2626 var(--tw-gradient-to-position)}.to-red-700{--tw-gradient-to:#b91c1c var(--tw-gradient-to-position)}.to-red-700\/20{--tw-gradient-to:#b91c1c33 var(--tw-gradient-to-position)}.to-slate-700\/50{--tw-gradient-to:#33415580 var(--tw-gradient-to-position)}.to-slate-800{--tw-gradient-to:#1e293b var(--tw-gradient-to-position)}.to-slate-800\/50{--tw-gradient-to:#1e293b80 var(--tw-gradient-to-position)}.to-slate-800\/70{--tw-gradient-to:#1e293bb3 var(--tw-gradient-to-position)}.to-slate-800\/90{--tw-gradient-to:#1e293be6 var(--tw-gradient-to-position)}.to-slate-900{--tw-gradient-to:#0f172a var(--tw-gradient-to-position)}.to-slate-900\/80{--tw-gradient-to:#0f172acc var(--tw-gradient-to-position)}.to-teal-600\/20{--tw-gradient-to:#0d948833 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position)}.to-yellow-500{--tw-gradient-to:#eab308 var(--tw-gradient-to-position)}.to-yellow-600{--tw-gradient-to:#ca8a04 var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-current{fill:currentColor}.fill-pink-400{fill:#f472b6}.fill-primary{fill:#171717;fill:hsl(var(--primary))}.fill-yellow-400{fill:#facc15}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[1px\]{padding:1px}.p-\[2px\]{padding:2px}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.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-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-3\.5{padding-bottom:.875rem;padding-top:.875rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-2{padding-bottom:.5rem}.pb-24{padding-bottom:6rem}.pb-28{padding-bottom:7rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pl-10{padding-left:2.5rem}.pl-12{padding-left:3rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-4{padding-left:1rem}.pl-8{padding-left:2rem}.pr-12{padding-right:3rem}.pr-2{padding-right:.5rem}.pr-2\.5{padding-right:.625rem}.pr-28{padding-right:7rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-1\.5{padding-top:.375rem}.pt-2{padding-top:.5rem}.pt-24{padding-top:6rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-\[0\.8rem\]{font-size:.8rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[6px\]{font-size:6px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-accent-foreground{color:#171717;color:hsl(var(--accent-foreground))}.text-amber-300{--tw-text-opacity:1;color:#fcd34d;color:rgb(252 211 77/var(--tw-text-opacity,1))}.text-amber-300\/80{color:#fcd34dcc}.text-amber-400{--tw-text-opacity:1;color:#fbbf24;color:rgb(251 191 36/var(--tw-text-opacity,1))}.text-amber-400\/30{color:#fbbf244d}.text-amber-400\/50{color:#fbbf2480}.text-amber-500{--tw-text-opacity:1;color:#f59e0b;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:#d97706;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-blue-200{--tw-text-opacity:1;color:#bfdbfe;color:rgb(191 219 254/var(--tw-text-opacity,1))}.text-blue-300{--tw-text-opacity:1;color:#93c5fd;color:rgb(147 197 253/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:#60a5fa;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-card-foreground{color:#0a0a0a;color:hsl(var(--card-foreground))}.text-current{color:currentColor}.text-cyan-100{--tw-text-opacity:1;color:#cffafe;color:rgb(207 250 254/var(--tw-text-opacity,1))}.text-cyan-200{--tw-text-opacity:1;color:#a5f3fc;color:rgb(165 243 252/var(--tw-text-opacity,1))}.text-cyan-300{--tw-text-opacity:1;color:#67e8f9;color:rgb(103 232 249/var(--tw-text-opacity,1))}.text-cyan-400{--tw-text-opacity:1;color:#22d3ee;color:rgb(34 211 238/var(--tw-text-opacity,1))}.text-cyan-400\/80{color:#22d3eecc}.text-cyan-500\/60{color:#06b6d499}.text-cyan-600{--tw-text-opacity:1;color:#0891b2;color:rgb(8 145 178/var(--tw-text-opacity,1))}.text-destructive{color:#ef4444;color:hsl(var(--destructive))}.text-destructive-foreground{color:#fafafa;color:hsl(var(--destructive-foreground))}.text-emerald-300{--tw-text-opacity:1;color:#6ee7b7;color:rgb(110 231 183/var(--tw-text-opacity,1))}.text-emerald-400{--tw-text-opacity:1;color:#34d399;color:rgb(52 211 153/var(--tw-text-opacity,1))}.text-foreground{color:#0a0a0a;color:hsl(var(--foreground))}.text-foreground\/50{color:#0a0a0a80;color:hsl(var(--foreground)/.5)}.text-fuchsia-400{--tw-text-opacity:1;color:#e879f9;color:rgb(232 121 249/var(--tw-text-opacity,1))}.text-gray-200{--tw-text-opacity:1;color:#e5e7eb;color:rgb(229 231 235/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:#d1d5db;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-200{--tw-text-opacity:1;color:#bbf7d0;color:rgb(187 247 208/var(--tw-text-opacity,1))}.text-green-300{--tw-text-opacity:1;color:#86efac;color:rgb(134 239 172/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:#4ade80;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:#16a34a;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-indigo-300{--tw-text-opacity:1;color:#a5b4fc;color:rgb(165 180 252/var(--tw-text-opacity,1))}.text-indigo-400{--tw-text-opacity:1;color:#818cf8;color:rgb(129 140 248/var(--tw-text-opacity,1))}.text-muted-foreground{color:#737373;color:hsl(var(--muted-foreground))}.text-orange-300{--tw-text-opacity:1;color:#fdba74;color:rgb(253 186 116/var(--tw-text-opacity,1))}.text-orange-400{--tw-text-opacity:1;color:#fb923c;color:rgb(251 146 60/var(--tw-text-opacity,1))}.text-pink-200{--tw-text-opacity:1;color:#fbcfe8;color:rgb(251 207 232/var(--tw-text-opacity,1))}.text-pink-300{--tw-text-opacity:1;color:#f9a8d4;color:rgb(249 168 212/var(--tw-text-opacity,1))}.text-pink-400{--tw-text-opacity:1;color:#f472b6;color:rgb(244 114 182/var(--tw-text-opacity,1))}.text-popover-foreground{color:#0a0a0a;color:hsl(var(--popover-foreground))}.text-primary{color:#171717;color:hsl(var(--primary))}.text-primary-foreground{color:#fafafa;color:hsl(var(--primary-foreground))}.text-purple-200{--tw-text-opacity:1;color:#e9d5ff;color:rgb(233 213 255/var(--tw-text-opacity,1))}.text-purple-300{--tw-text-opacity:1;color:#d8b4fe;color:rgb(216 180 254/var(--tw-text-opacity,1))}.text-purple-400{--tw-text-opacity:1;color:#c084fc;color:rgb(192 132 252/var(--tw-text-opacity,1))}.text-purple-400\/60{color:#c084fc99}.text-purple-500{--tw-text-opacity:1;color:#a855f7;color:rgb(168 85 247/var(--tw-text-opacity,1))}.text-purple-500\/30{color:#a855f74d}.text-purple-600{--tw-text-opacity:1;color:#9333ea;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-red-200{--tw-text-opacity:1;color:#fecaca;color:rgb(254 202 202/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:#fca5a5;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:#f87171;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-secondary-foreground{color:#171717;color:hsl(var(--secondary-foreground))}.text-slate-300{--tw-text-opacity:1;color:#cbd5e1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:#94a3b8;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:#64748b;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-teal-300{--tw-text-opacity:1;color:#5eead4;color:rgb(94 234 212/var(--tw-text-opacity,1))}.text-teal-400{--tw-text-opacity:1;color:#2dd4bf;color:rgb(45 212 191/var(--tw-text-opacity,1))}.text-transparent{color:#0000}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.text-white\/90{color:#ffffffe6}.text-yellow-200{--tw-text-opacity:1;color:#fef08a;color:rgb(254 240 138/var(--tw-text-opacity,1))}.text-yellow-300{--tw-text-opacity:1;color:#fde047;color:rgb(253 224 71/var(--tw-text-opacity,1))}.text-yellow-400{--tw-text-opacity:1;color:#facc15;color:rgb(250 204 21/var(--tw-text-opacity,1))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.placeholder-gray-400::placeholder{--tw-placeholder-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.placeholder-gray-500::placeholder{--tw-placeholder-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-placeholder-opacity,1))}.placeholder-slate-400::placeholder{--tw-placeholder-opacity:1;color:#94a3b8;color:rgb(148 163 184/var(--tw-placeholder-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.shadow-blue-500\/20{--tw-shadow-color:#3b82f633;--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid #0000;outline-offset:2px}.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);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-0{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-0{--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(var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-1,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;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)}.ring-ring{--tw-ring-color:hsl(var(--ring))}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.blur{--tw-blur:blur(8px)}.blur,.brightness-110{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)}.brightness-110{--tw-brightness:brightness(1.1)}.brightness-75{--tw-brightness:brightness(.75)}.brightness-75,.drop-shadow{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 #0000001a) drop-shadow(0 1px 1px #0000000f)}.grayscale{--tw-grayscale:grayscale(100%)}.grayscale,.invert{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)}.invert{--tw-invert:invert(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-lg{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-lg{--tw-backdrop-blur:blur(16px)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px)}.backdrop-blur-xl,.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-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-1000{transition-duration:1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:1;opacity:var(--tw-enter-opacity,1);transform:translateZ(0) scaleX(1) rotate(0);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:1;opacity:var(--tw-exit-opacity,1);transform:translateZ(0) scaleX(1) rotate(0);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-duration:.15s;animation-name:enter}.fade-in-0{--tw-enter-opacity:0}.zoom-in-95{--tw-enter-scale:.95}.duration-100{animation-duration:.1s}.duration-1000{animation-duration:1s}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.ease-in{animation-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.running{animation-play-state:running}.paused{animation-play-state:paused}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.file\:mr-2::-webkit-file-upload-button{margin-right:.5rem}.file\:mr-2::file-selector-button{margin-right:.5rem}.file\:rounded::-webkit-file-upload-button{border-radius:.25rem}.file\:rounded::file-selector-button{border-radius:.25rem}.file\:border-0::-webkit-file-upload-button{border-width:0}.file\:border-0::file-selector-button{border-width:0}.file\:bg-purple-600::-webkit-file-upload-button{--tw-bg-opacity:1;background-color:#9333ea;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))}.file\:bg-purple-600::file-selector-button{--tw-bg-opacity:1;background-color:#9333ea;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))}.file\:bg-transparent::-webkit-file-upload-button{background-color:initial}.file\:bg-transparent::file-selector-button{background-color:initial}.file\:px-2::-webkit-file-upload-button{padding-left:.5rem;padding-right:.5rem}.file\:px-2::file-selector-button{padding-left:.5rem;padding-right:.5rem}.file\:py-1::-webkit-file-upload-button{padding-bottom:.25rem;padding-top:.25rem}.file\:py-1::file-selector-button{padding-bottom:.25rem;padding-top:.25rem}.file\:text-sm::-webkit-file-upload-button{font-size:.875rem;line-height:1.25rem}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::-webkit-file-upload-button{font-weight:500}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::-webkit-file-upload-button{color:#0a0a0a;color:hsl(var(--foreground))}.file\:text-foreground::file-selector-button{color:#0a0a0a;color:hsl(var(--foreground))}.file\:text-white::-webkit-file-upload-button{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.file\:text-white::file-selector-button{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.placeholder\:text-muted-foreground::placeholder{color:#737373;color:hsl(var(--muted-foreground))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-y-0:after{bottom:0;content:var(--tw-content);top:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-1:after{content:var(--tw-content);width:.25rem}.after\:-translate-x-1\/2:after{--tw-translate-x:-50%;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.first\:rounded-l-md:first-child{border-bottom-left-radius:calc(.5rem - 2px);border-bottom-left-radius:calc(var(--radius) - 2px);border-top-left-radius:calc(.5rem - 2px);border-top-left-radius:calc(var(--radius) - 2px)}.first\:border-l:first-child{border-left-width:1px}.last\:rounded-r-md:last-child{border-bottom-right-radius:calc(.5rem - 2px);border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(.5rem - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.last\:border-b-0:last-child{border-bottom-width:0}.focus-within\:relative:focus-within{position:relative}.focus-within\:z-20:focus-within{z-index:20}.hover\:h-1\.5:hover{height:.375rem}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem}.hover\:-translate-y-1:hover,.hover\:scale-105:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}.hover\:scale-110:hover,.hover\:scale-125:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-125:hover{--tw-scale-x:1.25;--tw-scale-y:1.25}.hover\:scale-\[1\.01\]:hover{--tw-scale-x:1.01;--tw-scale-y:1.01}.hover\:scale-\[1\.01\]:hover,.hover\:scale-\[1\.02\]:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02}.hover\:transform:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-amber-400\/50:hover{border-color:#fbbf2480}.hover\:border-amber-500\/40:hover{border-color:#f59e0b66}.hover\:border-blue-400\/40:hover{border-color:#60a5fa66}.hover\:border-cyan-400\/50:hover{border-color:#22d3ee80}.hover\:border-cyan-500\/40:hover{border-color:#06b6d466}.hover\:border-cyan-500\/50:hover{border-color:#06b6d480}.hover\:border-gray-500:hover{--tw-border-opacity:1;border-color:#6b7280;border-color:rgb(107 114 128/var(--tw-border-opacity,1))}.hover\:border-green-400\/40:hover{border-color:#4ade8066}.hover\:border-green-400\/50:hover{border-color:#4ade8080}.hover\:border-green-400\/70:hover{border-color:#4ade80b3}.hover\:border-green-500\/40:hover{border-color:#22c55e66}.hover\:border-green-500\/50:hover{border-color:#22c55e80}.hover\:border-orange-400\/70:hover{border-color:#fb923cb3}.hover\:border-pink-400\/50:hover{border-color:#f472b680}.hover\:border-pink-400\/70:hover{border-color:#f472b6b3}.hover\:border-pink-500\/30:hover{border-color:#ec48994d}.hover\:border-purple-400\/40:hover{border-color:#c084fc66}.hover\:border-purple-400\/50:hover{border-color:#c084fc80}.hover\:border-purple-500\/30:hover{border-color:#a855f74d}.hover\:border-purple-500\/40:hover{border-color:#a855f766}.hover\:border-purple-500\/50:hover{border-color:#a855f780}.hover\:border-red-400\/70:hover{border-color:#f87171b3}.hover\:border-red-500\/30:hover{border-color:#ef44444d}.hover\:border-red-500\/40:hover{border-color:#ef444466}.hover\:border-red-500\/60:hover{border-color:#ef444499}.hover\:border-white\/40:hover{border-color:#fff6}.hover\:border-yellow-400\/40:hover{border-color:#facc1566}.hover\:border-yellow-400\/50:hover{border-color:#facc1580}.hover\:bg-\[\#5865F2\]\/25:hover{background-color:#5865f240}.hover\:bg-accent:hover{background-color:#f5f5f5;background-color:hsl(var(--accent))}.hover\:bg-amber-600\/10:hover{background-color:#d977061a}.hover\:bg-amber-600\/20:hover{background-color:#d9770633}.hover\:bg-amber-700:hover{--tw-bg-opacity:1;background-color:#b45309;background-color:rgb(180 83 9/var(--tw-bg-opacity,1))}.hover\:bg-blue-500\/10:hover{background-color:#3b82f61a}.hover\:bg-blue-500\/20:hover{background-color:#3b82f633}.hover\:bg-blue-600\/20:hover{background-color:#2563eb33}.hover\:bg-blue-600\/30:hover{background-color:#2563eb4d}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:#1d4ed8;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-cyan-500:hover{--tw-bg-opacity:1;background-color:#06b6d4;background-color:rgb(6 182 212/var(--tw-bg-opacity,1))}.hover\:bg-cyan-500\/10:hover{background-color:#06b6d41a}.hover\:bg-cyan-500\/20:hover{background-color:#06b6d433}.hover\:bg-cyan-500\/30:hover{background-color:#06b6d44d}.hover\:bg-cyan-600:hover{--tw-bg-opacity:1;background-color:#0891b2;background-color:rgb(8 145 178/var(--tw-bg-opacity,1))}.hover\:bg-cyan-600\/20:hover{background-color:#0891b233}.hover\:bg-cyan-600\/30:hover{background-color:#0891b24d}.hover\:bg-cyan-700:hover{--tw-bg-opacity:1;background-color:#0e7490;background-color:rgb(14 116 144/var(--tw-bg-opacity,1))}.hover\:bg-destructive\/80:hover{background-color:#ef4444cc;background-color:hsl(var(--destructive)/.8)}.hover\:bg-destructive\/90:hover{background-color:#ef4444e6;background-color:hsl(var(--destructive)/.9)}.hover\:bg-emerald-600\/25:hover{background-color:#05966940}.hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:#4b5563;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.hover\:bg-gray-600\/30:hover{background-color:#4b55634d}.hover\:bg-gray-600\/40:hover{background-color:#4b556366}.hover\:bg-gray-600\/50:hover{background-color:#4b556380}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.hover\:bg-gray-700\/50:hover{background-color:#37415180}.hover\:bg-gray-800\/50:hover{background-color:#1f293780}.hover\:bg-gray-800\/70:hover{background-color:#1f2937b3}.hover\:bg-green-500\/10:hover{background-color:#22c55e1a}.hover\:bg-green-600\/30:hover{background-color:#16a34a4d}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:#15803d;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.hover\:bg-green-900\/30:hover{background-color:#14532d4d}.hover\:bg-indigo-500\/20:hover{background-color:#6366f133}.hover\:bg-indigo-500\/30:hover{background-color:#6366f14d}.hover\:bg-muted:hover{background-color:#f5f5f5;background-color:hsl(var(--muted))}.hover\:bg-muted\/50:hover{background-color:#f5f5f580;background-color:hsl(var(--muted)/.5)}.hover\:bg-orange-600\/30:hover{background-color:#ea580c4d}.hover\:bg-pink-500\/30:hover{background-color:#ec48994d}.hover\:bg-pink-600\/20:hover{background-color:#db277733}.hover\:bg-primary:hover{background-color:#171717;background-color:hsl(var(--primary))}.hover\:bg-primary\/80:hover{background-color:#171717cc;background-color:hsl(var(--primary)/.8)}.hover\:bg-primary\/90:hover{background-color:#171717e6;background-color:hsl(var(--primary)/.9)}.hover\:bg-purple-500:hover{--tw-bg-opacity:1;background-color:#a855f7;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.hover\:bg-purple-500\/20:hover{background-color:#a855f733}.hover\:bg-purple-600\/10:hover{background-color:#9333ea1a}.hover\:bg-purple-600\/20:hover{background-color:#9333ea33}.hover\:bg-purple-600\/30:hover{background-color:#9333ea4d}.hover\:bg-purple-600\/40:hover{background-color:#9333ea66}.hover\:bg-purple-700:hover{--tw-bg-opacity:1;background-color:#7e22ce;background-color:rgb(126 34 206/var(--tw-bg-opacity,1))}.hover\:bg-red-500:hover{--tw-bg-opacity:1;background-color:#ef4444;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.hover\:bg-red-500\/10:hover{background-color:#ef44441a}.hover\:bg-red-500\/20:hover{background-color:#ef444433}.hover\:bg-red-500\/30:hover{background-color:#ef44444d}.hover\:bg-red-600\/10:hover{background-color:#dc26261a}.hover\:bg-red-600\/20:hover{background-color:#dc262633}.hover\:bg-red-600\/30:hover{background-color:#dc26264d}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:#b91c1c;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:bg-secondary:hover{background-color:#f5f5f5;background-color:hsl(var(--secondary))}.hover\:bg-secondary\/80:hover{background-color:#f5f5f5cc;background-color:hsl(var(--secondary)/.8)}.hover\:bg-slate-500:hover{--tw-bg-opacity:1;background-color:#64748b;background-color:rgb(100 116 139/var(--tw-bg-opacity,1))}.hover\:bg-slate-600:hover{--tw-bg-opacity:1;background-color:#475569;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.hover\:bg-slate-600\/50:hover{background-color:#47556980}.hover\:bg-slate-700:hover{--tw-bg-opacity:1;background-color:#334155;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.hover\:bg-slate-700\/30:hover{background-color:#3341554d}.hover\:bg-slate-700\/50:hover{background-color:#33415580}.hover\:bg-slate-800\/50:hover{background-color:#1e293b80}.hover\:bg-teal-600\/10:hover{background-color:#0d94881a}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:bg-yellow-500\/20:hover{background-color:#eab30833}.hover\:bg-yellow-600\/40:hover{background-color:#ca8a0466}.hover\:from-amber-500:hover{--tw-gradient-from:#f59e0b var(--tw-gradient-from-position);--tw-gradient-to:#f59e0b00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-blue-500:hover{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-blue-700:hover{--tw-gradient-from:#1d4ed8 var(--tw-gradient-from-position);--tw-gradient-to:#1d4ed800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-cyan-400:hover{--tw-gradient-from:#22d3ee var(--tw-gradient-from-position);--tw-gradient-to:#22d3ee00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-cyan-500:hover{--tw-gradient-from:#06b6d4 var(--tw-gradient-from-position);--tw-gradient-to:#06b6d400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-cyan-600:hover{--tw-gradient-from:#0891b2 var(--tw-gradient-from-position);--tw-gradient-to:#0891b200 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-cyan-600\/30:hover{--tw-gradient-from:#0891b24d var(--tw-gradient-from-position);--tw-gradient-to:#0891b200 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-cyan-700:hover{--tw-gradient-from:#0e7490 var(--tw-gradient-from-position);--tw-gradient-to:#0e749000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-green-500:hover{--tw-gradient-from:#22c55e var(--tw-gradient-from-position);--tw-gradient-to:#22c55e00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-green-600\/40:hover{--tw-gradient-from:#16a34a66 var(--tw-gradient-from-position);--tw-gradient-to:#16a34a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-orange-600\/40:hover{--tw-gradient-from:#ea580c66 var(--tw-gradient-from-position);--tw-gradient-to:#ea580c00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-pink-500:hover{--tw-gradient-from:#ec4899 var(--tw-gradient-from-position);--tw-gradient-to:#ec489900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-pink-600\/40:hover{--tw-gradient-from:#db277766 var(--tw-gradient-from-position);--tw-gradient-to:#db277700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-pink-600\/80:hover{--tw-gradient-from:#db2777cc var(--tw-gradient-from-position);--tw-gradient-to:#db277700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-purple-500:hover{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-purple-700:hover{--tw-gradient-from:#7e22ce var(--tw-gradient-from-position);--tw-gradient-to:#7e22ce00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-red-600\/40:hover{--tw-gradient-from:#dc262666 var(--tw-gradient-from-position);--tw-gradient-to:#dc262600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-red-700:hover{--tw-gradient-from:#b91c1c var(--tw-gradient-from-position);--tw-gradient-to:#b91c1c00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:to-blue-500:hover{--tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)}.hover\:to-blue-600:hover{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.hover\:to-blue-700:hover{--tw-gradient-to:#1d4ed8 var(--tw-gradient-to-position)}.hover\:to-blue-800:hover{--tw-gradient-to:#1e40af var(--tw-gradient-to-position)}.hover\:to-cyan-500:hover{--tw-gradient-to:#06b6d4 var(--tw-gradient-to-position)}.hover\:to-emerald-500:hover{--tw-gradient-to:#10b981 var(--tw-gradient-to-position)}.hover\:to-green-700\/40:hover{--tw-gradient-to:#15803d66 var(--tw-gradient-to-position)}.hover\:to-orange-700\/40:hover{--tw-gradient-to:#c2410c66 var(--tw-gradient-to-position)}.hover\:to-pink-400:hover{--tw-gradient-to:#f472b6 var(--tw-gradient-to-position)}.hover\:to-pink-500:hover{--tw-gradient-to:#ec4899 var(--tw-gradient-to-position)}.hover\:to-pink-700:hover{--tw-gradient-to:#be185d var(--tw-gradient-to-position)}.hover\:to-purple-600\/80:hover{--tw-gradient-to:#9333eacc var(--tw-gradient-to-position)}.hover\:to-purple-700\/40:hover{--tw-gradient-to:#7e22ce66 var(--tw-gradient-to-position)}.hover\:to-red-500:hover{--tw-gradient-to:#ef4444 var(--tw-gradient-to-position)}.hover\:to-red-700\/40:hover{--tw-gradient-to:#b91c1c66 var(--tw-gradient-to-position)}.hover\:to-red-800:hover{--tw-gradient-to:#991b1b var(--tw-gradient-to-position)}.hover\:to-teal-600\/30:hover{--tw-gradient-to:#0d94884d var(--tw-gradient-to-position)}.hover\:to-yellow-500:hover{--tw-gradient-to:#eab308 var(--tw-gradient-to-position)}.hover\:text-accent-foreground:hover{color:#171717;color:hsl(var(--accent-foreground))}.hover\:text-amber-300:hover{--tw-text-opacity:1;color:#fcd34d;color:rgb(252 211 77/var(--tw-text-opacity,1))}.hover\:text-blue-300:hover{--tw-text-opacity:1;color:#93c5fd;color:rgb(147 197 253/var(--tw-text-opacity,1))}.hover\:text-blue-400:hover{--tw-text-opacity:1;color:#60a5fa;color:rgb(96 165 250/var(--tw-text-opacity,1))}.hover\:text-cyan-200:hover{--tw-text-opacity:1;color:#a5f3fc;color:rgb(165 243 252/var(--tw-text-opacity,1))}.hover\:text-cyan-300:hover{--tw-text-opacity:1;color:#67e8f9;color:rgb(103 232 249/var(--tw-text-opacity,1))}.hover\:text-cyan-400:hover{--tw-text-opacity:1;color:#22d3ee;color:rgb(34 211 238/var(--tw-text-opacity,1))}.hover\:text-emerald-200:hover{--tw-text-opacity:1;color:#a7f3d0;color:rgb(167 243 208/var(--tw-text-opacity,1))}.hover\:text-foreground:hover{color:#0a0a0a;color:hsl(var(--foreground))}.hover\:text-fuchsia-400:hover{--tw-text-opacity:1;color:#e879f9;color:rgb(232 121 249/var(--tw-text-opacity,1))}.hover\:text-gray-200:hover{--tw-text-opacity:1;color:#e5e7eb;color:rgb(229 231 235/var(--tw-text-opacity,1))}.hover\:text-gray-300:hover{--tw-text-opacity:1;color:#d1d5db;color:rgb(209 213 219/var(--tw-text-opacity,1))}.hover\:text-green-300:hover{--tw-text-opacity:1;color:#86efac;color:rgb(134 239 172/var(--tw-text-opacity,1))}.hover\:text-green-400:hover{--tw-text-opacity:1;color:#4ade80;color:rgb(74 222 128/var(--tw-text-opacity,1))}.hover\:text-muted-foreground:hover{color:#737373;color:hsl(var(--muted-foreground))}.hover\:text-pink-300:hover{--tw-text-opacity:1;color:#f9a8d4;color:rgb(249 168 212/var(--tw-text-opacity,1))}.hover\:text-pink-400:hover{--tw-text-opacity:1;color:#f472b6;color:rgb(244 114 182/var(--tw-text-opacity,1))}.hover\:text-primary-foreground:hover{color:#fafafa;color:hsl(var(--primary-foreground))}.hover\:text-purple-200:hover{--tw-text-opacity:1;color:#e9d5ff;color:rgb(233 213 255/var(--tw-text-opacity,1))}.hover\:text-purple-300:hover{--tw-text-opacity:1;color:#d8b4fe;color:rgb(216 180 254/var(--tw-text-opacity,1))}.hover\:text-purple-400:hover{--tw-text-opacity:1;color:#c084fc;color:rgb(192 132 252/var(--tw-text-opacity,1))}.hover\:text-red-300:hover{--tw-text-opacity:1;color:#fca5a5;color:rgb(252 165 165/var(--tw-text-opacity,1))}.hover\:text-red-400:hover{--tw-text-opacity:1;color:#f87171;color:rgb(248 113 113/var(--tw-text-opacity,1))}.hover\:text-teal-300:hover{--tw-text-opacity:1;color:#5eead4;color:rgb(94 234 212/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:text-yellow-400:hover{--tw-text-opacity:1;color:#facc15;color:rgb(250 204 21/var(--tw-text-opacity,1))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-lg:hover,.hover\:shadow-xl:hover{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.hover\:shadow-blue-500\/20:hover{--tw-shadow-color:#3b82f633;--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-cyan-500\/20:hover{--tw-shadow-color:#06b6d433;--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-cyan-500\/50:hover{--tw-shadow-color:#06b6d480;--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-green-500\/20:hover{--tw-shadow-color:#22c55e33;--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-orange-500\/20:hover{--tw-shadow-color:#f9731633;--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-pink-500\/20:hover{--tw-shadow-color:#ec489933;--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-pink-500\/30:hover{--tw-shadow-color:#ec48994d;--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-purple-500\/10:hover{--tw-shadow-color:#a855f71a;--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-red-500\/20:hover{--tw-shadow-color:#ef444433;--tw-shadow:var(--tw-shadow-colored)}.hover\:brightness-110:hover{--tw-brightness:brightness(1.1)}.hover\:brightness-110:hover,.hover\:brightness-125:hover{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)}.hover\:brightness-125:hover{--tw-brightness:brightness(1.25)}.hover\:file\:bg-purple-700::-webkit-file-upload-button:hover{--tw-bg-opacity:1;background-color:#7e22ce;background-color:rgb(126 34 206/var(--tw-bg-opacity,1))}.hover\:file\:bg-purple-700::file-selector-button:hover{--tw-bg-opacity:1;background-color:#7e22ce;background-color:rgb(126 34 206/var(--tw-bg-opacity,1))}.focus\:border-amber-500:focus{--tw-border-opacity:1;border-color:#f59e0b;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.focus\:border-cyan-400:focus{--tw-border-opacity:1;border-color:#22d3ee;border-color:rgb(34 211 238/var(--tw-border-opacity,1))}.focus\:border-cyan-500:focus{--tw-border-opacity:1;border-color:#06b6d4;border-color:rgb(6 182 212/var(--tw-border-opacity,1))}.focus\:border-cyan-500\/50:focus{border-color:#06b6d480}.focus\:border-pink-400:focus{--tw-border-opacity:1;border-color:#f472b6;border-color:rgb(244 114 182/var(--tw-border-opacity,1))}.focus\:border-pink-500:focus{--tw-border-opacity:1;border-color:#ec4899;border-color:rgb(236 72 153/var(--tw-border-opacity,1))}.focus\:border-purple-500\/50:focus{border-color:#a855f780}.focus\:border-purple-500\/60:focus{border-color:#a855f799}.focus\:border-transparent:focus{border-color:#0000}.focus\:bg-accent:focus{background-color:#f5f5f5;background-color:hsl(var(--accent))}.focus\:bg-gray-800\/70:focus{background-color:#1f2937b3}.focus\:bg-primary:focus{background-color:#171717;background-color:hsl(var(--primary))}.focus\:text-accent-foreground:focus{color:#171717;color:hsl(var(--accent-foreground))}.focus\:text-primary-foreground:focus{color:#fafafa;color:hsl(var(--primary-foreground))}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-amber-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(245 158 11/var(--tw-ring-opacity,1))}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:ring-cyan-400\/50:focus{--tw-ring-color:#22d3ee80}.focus\:ring-cyan-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(6 182 212/var(--tw-ring-opacity,1))}.focus\:ring-green-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1))}.focus\:ring-pink-400\/50:focus{--tw-ring-color:#f472b680}.focus\:ring-purple-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(168 85 247/var(--tw-ring-opacity,1))}.focus\:ring-purple-500\/50:focus{--tw-ring-color:#a855f780}.focus\:ring-red-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity,1))}.focus\:ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid #0000;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-2:focus-visible{--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),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:hsl(var(--background))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-600:disabled{--tw-bg-opacity:1;background-color:#4b5563;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.disabled\:from-gray-600:disabled{--tw-gradient-from:#4b5563 var(--tw-gradient-from-position);--tw-gradient-to:#4b556300 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.disabled\:from-slate-600:disabled{--tw-gradient-from:#475569 var(--tw-gradient-from-position);--tw-gradient-to:#47556900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.disabled\:to-gray-600:disabled{--tw-gradient-to:#4b5563 var(--tw-gradient-to-position)}.disabled\:to-slate-700:disabled{--tw-gradient-to:#334155 var(--tw-gradient-to-position)}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:visible{visibility:visible}.group:hover .group-hover\:-translate-x-1{--tw-translate-x:-0.25rem}.group:hover .group-hover\:-translate-x-1,.group:hover .group-hover\:scale-100{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-100{--tw-scale-x:1;--tw-scale-y:1}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group:hover .group-hover\:scale-105,.group:hover .group-hover\:scale-110{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.group:hover .group-hover\:border-blue-400{--tw-border-opacity:1;border-color:#60a5fa;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.group:hover .group-hover\:border-green-400{--tw-border-opacity:1;border-color:#4ade80;border-color:rgb(74 222 128/var(--tw-border-opacity,1))}.group:hover .group-hover\:border-purple-400{--tw-border-opacity:1;border-color:#c084fc;border-color:rgb(192 132 252/var(--tw-border-opacity,1))}.group:hover .group-hover\:bg-white\/10{background-color:#ffffff1a}.group:hover .group-hover\:text-amber-300{--tw-text-opacity:1;color:#fcd34d;color:rgb(252 211 77/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-blue-300{--tw-text-opacity:1;color:#93c5fd;color:rgb(147 197 253/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-cyan-300{--tw-text-opacity:1;color:#67e8f9;color:rgb(103 232 249/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-gray-300{--tw-text-opacity:1;color:#d1d5db;color:rgb(209 213 219/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-green-200{--tw-text-opacity:1;color:#bbf7d0;color:rgb(187 247 208/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-green-300{--tw-text-opacity:1;color:#86efac;color:rgb(134 239 172/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-orange-200{--tw-text-opacity:1;color:#fed7aa;color:rgb(254 215 170/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-pink-200{--tw-text-opacity:1;color:#fbcfe8;color:rgb(251 207 232/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-pink-300{--tw-text-opacity:1;color:#f9a8d4;color:rgb(249 168 212/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-purple-300{--tw-text-opacity:1;color:#d8b4fe;color:rgb(216 180 254/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-red-200{--tw-text-opacity:1;color:#fecaca;color:rgb(254 202 202/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-yellow-300{--tw-text-opacity:1;color:#fde047;color:rgb(253 224 71/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:brightness-100{--tw-brightness:brightness(1);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)}.group.destructive .group-\[\.destructive\]\:border-muted\/40{border-color:#f5f5f566;border-color:hsl(var(--muted)/.4)}.group.toaster .group-\[\.toaster\]\:border-border{border-color:#e5e5e5;border-color:hsl(var(--border))}.group.toast .group-\[\.toast\]\:bg-muted{background-color:#f5f5f5;background-color:hsl(var(--muted))}.group.toast .group-\[\.toast\]\:bg-primary{background-color:#171717;background-color:hsl(var(--primary))}.group.toaster .group-\[\.toaster\]\:bg-background{background-color:#fff;background-color:hsl(var(--background))}.group.destructive .group-\[\.destructive\]\:text-red-300{--tw-text-opacity:1;color:#fca5a5;color:rgb(252 165 165/var(--tw-text-opacity,1))}.group.toast .group-\[\.toast\]\:text-muted-foreground{color:#737373;color:hsl(var(--muted-foreground))}.group.toast .group-\[\.toast\]\:text-primary-foreground{color:#fafafa;color:hsl(var(--primary-foreground))}.group.toaster .group-\[\.toaster\]\:text-foreground{color:#0a0a0a;color:hsl(var(--foreground))}.group.toaster .group-\[\.toaster\]\:shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover{border-color:#ef44444d;border-color:hsl(var(--destructive)/.3)}.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover{background-color:#ef4444;background-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{color:#fafafa;color:hsl(var(--destructive-foreground))}.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover{--tw-text-opacity:1;color:#fef2f2;color:rgb(254 242 242/var(--tw-text-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus{--tw-ring-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(248 113 113/var(--tw-ring-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{--tw-ring-offset-color:#dc2626}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.aria-selected\:bg-accent[aria-selected=true]{background-color:#f5f5f5;background-color:hsl(var(--accent))}.aria-selected\:bg-accent\/50[aria-selected=true]{background-color:#f5f5f580;background-color:hsl(var(--accent)/.5)}.aria-selected\:text-accent-foreground[aria-selected=true]{color:#171717;color:hsl(var(--accent-foreground))}.aria-selected\:text-muted-foreground[aria-selected=true]{color:#737373;color:hsl(var(--muted-foreground))}.aria-selected\:opacity-100[aria-selected=true]{opacity:1}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true],.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom],.data-\[side\=left\]\:-translate-x-1[data-side=left]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:-0.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right],.data-\[side\=top\]\:-translate-y-1[data-side=top]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:-0.25rem}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked],.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x)}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end],.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x)}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up .2s ease-out}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down .2s ease-out}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:#f5f5f5;background-color:hsl(var(--accent))}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:#fff;background-color:hsl(var(--background))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:#171717;background-color:hsl(var(--primary))}.data-\[state\=on\]\:bg-accent[data-state=on],.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:#f5f5f5;background-color:hsl(var(--accent))}.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:#f5f5f580;background-color:hsl(var(--accent)/.5)}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:#f5f5f5;background-color:hsl(var(--secondary))}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:#f5f5f5;background-color:hsl(var(--muted))}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:#e5e5e5;background-color:hsl(var(--input))}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:#737373;color:hsl(var(--muted-foreground))}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:#171717;color:hsl(var(--accent-foreground))}.data-\[state\=active\]\:text-foreground[data-state=active]{color:#0a0a0a;color:hsl(var(--foreground))}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:#fafafa;color:hsl(var(--primary-foreground))}.data-\[state\=on\]\:text-accent-foreground[data-state=on],.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:#171717;color:hsl(var(--accent-foreground))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:#737373;color:hsl(var(--muted-foreground))}.data-\[disabled\=true\]\:opacity-50[data-disabled=true],.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=closed\]\:duration-300[data-state=closed]{transition-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{transition-duration:.5s}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-],.data-\[state\=open\]\:animate-in[data-state=open],.data-\[state\=visible\]\:animate-in[data-state=visible]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-duration:.15s;animation-name:enter}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-],.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[state\=hidden\]\:animate-out[data-state=hidden],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-duration:.15s;animation-name:exit}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity:0}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-],.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity:0.8}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity:0}.data-\[state\=open\]\:fade-in-0[data-state=open],.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale:.9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x:13rem}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x:-13rem}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x:13rem}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x:-13rem}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-0.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:0.5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-0.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:0.5rem}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed],.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=closed\]\:duration-300[data-state=closed]{animation-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{animation-duration:.5s}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:0}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:.25rem}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{--tw-translate-y:-50%;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{--tw-translate-x:0px;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=open\]\:focus\:bg-accent:focus[data-state=open],.data-\[state\=open\]\:hover\:bg-accent:hover[data-state=open]{background-color:#f5f5f5;background-color:hsl(var(--accent))}.group[data-state=open] .group-data-\[state\=open\]\:rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dark\:border-destructive:is(.dark *){border-color:#ef4444;border-color:hsl(var(--destructive))}@media (min-width:640px){.sm\:bottom-0{bottom:0}.sm\:right-0{right:0}.sm\:right-4{right:1rem}.sm\:top-4{top:1rem}.sm\:top-auto{top:auto}.sm\:mt-0{margin-top:0}.sm\:h-3{height:.75rem}.sm\:w-3{width:.75rem}.sm\:max-w-sm{max-width:24rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:justify-end{justify-content:flex-end}.sm\:gap-1\.5{gap:.375rem}.sm\:gap-2{gap:.5rem}.sm\:gap-2\.5{gap:.625rem}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.sm\:rounded-lg{border-radius:.5rem;border-radius:var(--radius)}.sm\:p-4{padding:1rem}.sm\:px-2\.5{padding-left:.625rem;padding-right:.625rem}.sm\:py-1{padding-bottom:.25rem;padding-top:.25rem}.sm\:text-left{text-align:left}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:text-xs{font-size:.75rem;line-height:1rem}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y:100%}}@media (min-width:768px){.md\:absolute{position:absolute}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:max-w-\[420px\]{max-width:420px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:1024px){.lg\:-mr-3{margin-right:-.75rem}.lg\:-mt-20{margin-top:-5rem}.lg\:w-\[480px\]{width:480px}.lg\:min-w-\[480px\]{min-width:480px}.lg\:max-w-\[480px\]{max-width:480px}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-start{align-items:flex-start}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}}.\[\&\+div\]\:text-xs+div{font-size:.75rem;line-height:1rem}.\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end){border-bottom-right-radius:calc(.5rem - 2px);border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(.5rem - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start){border-bottom-left-radius:calc(.5rem - 2px);border-bottom-left-radius:calc(var(--radius) - 2px);border-top-left-radius:calc(.5rem - 2px);border-top-left-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]){border-radius:calc(.5rem - 2px);border-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]){background-color:#f5f5f5;background-color:hsl(var(--accent))}.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child{border-bottom-left-radius:calc(.5rem - 2px);border-bottom-left-radius:calc(var(--radius) - 2px);border-top-left-radius:calc(.5rem - 2px);border-top-left-radius:calc(var(--radius) - 2px)}.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child{border-bottom-right-radius:calc(.5rem - 2px);border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(.5rem - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside){background-color:#f5f5f580;background-color:hsl(var(--accent)/.5)}.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end){border-bottom-right-radius:calc(.5rem - 2px);border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(.5rem - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>span\]\:line-clamp-1>span{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:left-4>svg{left:1rem}.\[\&\>svg\]\:top-4>svg{top:1rem}.\[\&\>svg\]\:size-4>svg{height:1rem;width:1rem}.\[\&\>svg\]\:h-3\.5>svg{height:.875rem}.\[\&\>svg\]\:w-3\.5>svg{width:.875rem}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-destructive>svg{color:#ef4444;color:hsl(var(--destructive))}.\[\&\>svg\]\:text-foreground>svg{color:#0a0a0a;color:hsl(var(--foreground))}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:1.75rem}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{--tw-rotate:90deg}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div,.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{--tw-rotate:180deg}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-bottom:.375rem;padding-top:.375rem}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:#737373;color:hsl(var(--muted-foreground))}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-bottom:.75rem;padding-top:.75rem}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}.\[\&_p\]\:leading-relaxed p{line-height:1.625}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{height:1rem;width:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}.beta-gate{align-items:center;bottom:0;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0}.gate-bg{background:linear-gradient(135deg,#0a0a0f,#1a0a2e 25%,#0f0a1a 50%,#0a1a2e 75%,#0a0a0f);inset:0;overflow:hidden;position:absolute}.gradient-orb{animation:float-orb 8s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.6;position:absolute}.orb-1{animation-delay:0s;background:radial-gradient(circle,#ff006630 0,#ff00ff15 50%,#0000 70%);height:600px;left:-200px;top:-200px;width:600px}.orb-2{animation-delay:-3s;background:radial-gradient(circle,#00ffff30 0,#0066ff15 50%,#0000 70%);bottom:-150px;height:500px;right:-150px;width:500px}.orb-3{animation-delay:-5s;background:radial-gradient(circle,#ff00ff20 0,#ff006615 50%,#0000 70%);height:400px;left:50%;top:50%;transform:translate(-50%,-50%);width:400px}@keyframes float-orb{0%,to{opacity:.5;transform:translate(0) scale(1)}25%{opacity:.7;transform:translate(40px,-40px) scale(1.1)}50%{opacity:.6;transform:translate(-30px,30px) scale(.9)}75%{opacity:.7;transform:translate(-40px,-30px) scale(1.05)}}.grid-overlay{animation:grid-scroll 20s linear infinite;background-image:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);background-size:50px 50px;inset:0;position:absolute}@keyframes grid-scroll{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.particles-container{inset:0;pointer-events:none;position:absolute}.particle{animation:particle-float 4s ease-in-out infinite;background:#fff;border-radius:50%;opacity:0;position:absolute}@keyframes particle-float{0%,to{opacity:0;transform:translateY(0) scale(0)}10%{opacity:.8;transform:scale(1)}90%{opacity:.8}to{opacity:0;transform:translateY(-100px) scale(.5)}}.scan-lines{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000001a 0,#0000001a 4px);inset:0;opacity:.3}.scan-lines,.sound-wave{pointer-events:none;position:absolute}.sound-wave{align-items:flex-end;bottom:0;display:flex;gap:3px;height:80px;justify-content:center;left:50%;max-width:650px;opacity:.2;transform:translateX(-50%);width:100%}.wave-bar{animation:wave-bounce 1s ease-in-out infinite;background:linear-gradient(180deg,#0ff,#f0f);border-radius:2px 2px 0 0;width:4px}@keyframes wave-bounce{0%,to{height:15px}50%{height:50px}}.music-notes-container{inset:0;overflow:hidden;pointer-events:none;position:absolute}.floating-note{animation:float-up 10s ease-in-out infinite;bottom:-50px;color:#f0f6;font-weight:700;position:absolute;text-shadow:0 0 10px #0ff9,0 0 20px #f0f6}.floating-note:nth-child(2n){color:#0ff6;text-shadow:0 0 10px #f0f9,0 0 20px #0ff6}.floating-note:nth-child(3n){color:#ffff004d;text-shadow:0 0 10px #ffc80080,0 0 20px #ff64004d}@keyframes float-up{0%{opacity:0;transform:translateY(0) rotate(0deg) scale(.5)}5%{opacity:.7;transform:translateY(-5vh) rotate(15deg) scale(1)}50%{opacity:.8;transform:translateY(-50vh) rotate(-10deg) scale(1.1)}95%{opacity:.5;transform:translateY(-95vh) rotate(20deg) scale(.9)}to{opacity:0;transform:translateY(-100vh) rotate(1turn) scale(.5)}}.gate-content{max-width:700px;padding:2rem;position:relative;width:100%;z-index:10}.gate-content,.gate-header{align-items:center;display:flex;flex-direction:column}.gate-header{margin-bottom:2rem}.logo-container{align-items:center;display:flex;height:60px;justify-content:center;margin-bottom:.5rem;position:relative;width:100%}.logo-glow{animation:logo-pulse 3s ease-in-out infinite;background:radial-gradient(circle,#ff00ff50 0,#0000 50%),radial-gradient(circle,#00ffff30 20%,#0000 60%);height:150px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:150px;z-index:1}@keyframes logo-pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}.logo-ring{display:none}@keyframes ring-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vinyl-record{animation:vinyl-spin 3s linear infinite;background:radial-gradient(ellipse at 30% 30%,#ffffff26 0,#0000 50%),linear-gradient(135deg,#1a1a1a,#0d0d0d 25%,#1a1a1a 50%,#0a0a0a 75%,#1a1a1a);box-shadow:inset 0 0 20px #000000e6,inset 0 0 50px #00000080,0 0 25px #0ff6,0 0 50px #f0f3,0 4px 15px #000c;height:250px!important;left:80px!important;position:absolute!important;top:100px!important;width:250px!important;z-index:-1!important}.vinyl-record:before{background:linear-gradient(135deg,#0000,#0000 40%,#ffffff1a 45%,#fff3 50%,#ffffff1a 55%,#0000 60%,#0000);border-radius:50%;content:"";inset:0;pointer-events:none;position:absolute}.vinyl-grooves{background:repeating-radial-gradient(circle at center,#0000 0,#0000 2px,#ffffff14 0,#ffffff14 3.5px),repeating-radial-gradient(circle at center,#0000 0,#0000 6px,#00ffff08 0,#00ffff08 8px)}.vinyl-label{animation:label-glow 2s ease-in-out infinite alternate;background:radial-gradient(ellipse at 30% 30%,#ffffff4d 0,#0000 50%),linear-gradient(135deg,#0ff,#f0f);box-shadow:0 0 20px #0ff9,inset 0 0 8px #0000004d;height:40px;width:40px}@keyframes label-glow{0%{box-shadow:0 0 15px #00ffff80,inset 0 0 8px #0000004d}to{box-shadow:0 0 25px #f0f9,inset 0 0 8px #0000004d}}.vinyl-center{background:radial-gradient(circle at 30% 30%,#333,#000);border:2px solid #fff6;border-radius:50%;box-shadow:inset 0 0 3px #000c;height:15px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:15px}@keyframes vinyl-spin{0%{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(1turn)}}.tonearm{display:none}.logo-icon{animation:icon-bounce 2s ease-in-out infinite;color:#0ff!important;filter:drop-shadow(0 0 20px rgba(0,255,255,.7)) drop-shadow(0 0 40px rgba(255,0,255,.4))}.logo-icon path,.logo-icon svg{stroke:#0ff!important;color:#0ff!important}@keyframes icon-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.gate-title{display:flex;filter:drop-shadow(4px 4px 8px rgba(0,0,0,1)) drop-shadow(0 0 15px rgba(0,0,0,.9)) drop-shadow(0 0 25px rgba(0,0,0,.7));font-size:3.5rem;font-weight:900;gap:.25rem;letter-spacing:-2px;margin:0 0 .5rem;position:relative;z-index:2}.title-beat{background:linear-gradient(135deg,red,#f33);-webkit-background-clip:text;background-clip:text}.title-beat,.title-seek{-webkit-text-fill-color:#0000;text-shadow:0 0 40px #ff000080}.title-seek{background:linear-gradient(135deg,#f33,#c00);-webkit-background-clip:text;background-clip:text}.gate-badge{align-items:center;animation:badge-glow 2s ease-in-out infinite;background:linear-gradient(135deg,#f0f3,#0ff3);border:1px solid #fff3;border-radius:20px;color:#fff;display:flex;font-size:.75rem;font-weight:700;gap:.5rem;letter-spacing:2px;margin-bottom:1rem;padding:.5rem 1rem}@keyframes badge-glow{0%,to{box-shadow:0 0 10px #ff00ff4d}50%{box-shadow:0 0 20px #00ffff80}}.gate-subtitle{color:#ffffffe6;font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin:0 0 .3rem;text-align:center}.gate-tagline-small{color:#0ffc;font-size:.85rem;font-weight:500;letter-spacing:1px;margin:0 0 1rem;text-align:center;text-transform:uppercase}.feature-pills{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem;width:100%}.feature-row{display:flex;flex-wrap:nowrap;gap:.5rem;justify-content:center}.feature-pill{align-items:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:20px;color:#ffffffd9;display:flex;font-size:.7rem;gap:.3rem;padding:.35rem .7rem;transition:all .3s ease;white-space:nowrap}.feature-pill:hover{background:#ffffff1a;border-color:#00ffff80;box-shadow:0 4px 15px #0ff3;transform:translateY(-2px)}.access-section{align-items:center;display:flex;flex-direction:column;width:100%}.code-form{margin-bottom:1.5rem;width:100%}.input-wrapper{align-items:center;background:#0a0a0fcc;border-radius:16px;display:flex;overflow:visible;position:relative;transition:all .3s ease}.input-wrapper:before{z-index:-1}.input-wrapper:after,.input-wrapper:before{animation:gradient-flow 3s linear infinite;background:linear-gradient(90deg,#f0f,#0ff,#f0f,#0ff);background-size:300% 100%;border-radius:19px;content:"";inset:-3px;position:absolute}.input-wrapper:after{filter:blur(15px);opacity:.6;z-index:-2}@keyframes gradient-flow{0%{background-position:0 50%}to{background-position:300% 50%}}.input-wrapper:focus-within:after,.input-wrapper:focus-within:before{animation:gradient-flow 1.5s linear infinite}.input-wrapper:focus-within:after{filter:blur(20px);opacity:.9}.input-icon{color:#fff6;left:1rem;pointer-events:none;position:absolute}.code-input{background:#0000;border:none;color:#fff;flex:1 1;font-size:1rem;font-weight:600;letter-spacing:3px;outline:none;padding:1rem 1rem 1rem 3rem;text-transform:uppercase}.code-input::placeholder{color:#fff6;letter-spacing:2px}.submit-btn{align-items:center;background:linear-gradient(135deg,#f0f,#0ff);border:none;border-radius:0 14px 14px 0;cursor:pointer;display:flex;justify-content:center;padding:1rem 1.5rem;transition:all .3s ease}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#f3f,#3ff);transform:scale(1.05)}.divider{align-items:center;display:flex;gap:1rem;margin:1rem 0;width:100%}.divider:after,.divider:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";flex:1 1;height:1px}.divider span{color:#fff6;font-size:.8rem;font-weight:600}.request-btn{align-items:center;background:#0000;border:2px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.request-btn:hover{background:#ffffff1a;border-color:#0ff;box-shadow:0 0 20px #00ffff4d;transform:translateY(-2px)}.request-section{width:100%}.back-btn{border:none;color:#fff9;margin-bottom:1rem;padding:0;transition:color .3s ease}.back-btn:hover{color:#0ff}.request-form{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem}.form-title{color:#fff;font-size:1.25rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{color:#ffffffb3;font-size:.85rem}.form-group input,.form-group select,.form-group textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#f0f;box-shadow:0 0 10px #f0f3}.submit-request-btn{align-items:center;background:linear-gradient(135deg,#0ff,#06f);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:1rem;padding:1rem;transition:all .3s ease;width:100%}.submit-request-btn:hover:not(:disabled){background:linear-gradient(135deg,#3ff,#38f);box-shadow:0 10px 30px #00ffff4d;transform:translateY(-2px)}.submit-request-btn:disabled{cursor:not-allowed;opacity:.7}.error-message{background:#ff32321a;border:1px solid #ff32324d;color:#f66}.error-message,.success-message{font-size:.9rem;margin-top:1rem;padding:.75rem 1rem;text-align:center}.success-message{background:#32ff641a;border:1px solid #32ff644d;border-radius:8px;color:#6f9}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;height:20px;width:20px}.gate-footer{margin-top:2rem;text-align:center}.gate-footer p{color:#ffffff80;font-size:.85rem;margin:0 0 .5rem}.social-links{color:#fff9;font-size:1rem;font-weight:500}.beta-gate.unlocking .gate-content{animation:fade-out 1s ease-out forwards}@keyframes fade-out{to{opacity:0;transform:scale(.95)}}.unlock-overlay{align-items:center;animation:overlay-fade-in .5s ease-out;background:#000c;display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;z-index:100}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.unlock-ring{animation:ring-expand 1.5s ease-out infinite;border:2px solid;border-radius:50%;position:absolute}.ring-1{animation-delay:0s;border-color:#f0f;height:100px;width:100px}.ring-2{animation-delay:.2s;border-color:#0ff;height:150px;width:150px}.ring-3{animation-delay:.4s;border-color:#ff0;height:200px;width:200px}@keyframes ring-expand{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.unlock-icon{animation:icon-pop .5s ease-out;color:#0f6;filter:drop-shadow(0 0 30px rgba(0,255,100,.8));position:relative;z-index:10}@keyframes icon-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.unlock-text{animation:text-reveal .5s ease-out .3s both;color:#0f6;font-size:2rem;font-weight:900;letter-spacing:8px;margin-top:1.5rem;text-shadow:0 0 30px #00ff64cc}.unlock-subtext{animation:text-reveal .5s ease-out .5s both;color:#ffffffb3;font-size:1rem;margin-top:.5rem}@keyframes text-reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:700px){.gate-content{max-width:95%;padding:1.5rem 1rem}.gate-title{font-size:2.5rem}.logo-container{height:50px}.vinyl-record{height:250px!important;left:80px!important;top:100px!important;width:250px!important}.feature-row{flex-wrap:wrap;gap:.4rem}.feature-pill{font-size:.65rem;padding:.3rem .5rem}.gate-subtitle{font-size:.95rem}}*{box-sizing:border-box;margin:0;padding:0}body{background:#000;color:#fff;font-family:Montserrat,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.App{background:linear-gradient(135deg,#000,#1a0000);min-height:100vh}.beta-notice-dropdown{align-items:center;animation:slideDown .3s ease-out;background:linear-gradient(135deg,#1e0014f2,#320028f2);border:1px solid #ff008066;border-radius:8px;box-shadow:0 4px 20px #ff008033;display:flex;gap:8px;margin-top:8px;max-width:420px;padding:8px 12px;position:absolute;right:50%;top:calc(100% - 3rem);transform:translateX(50%);z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateX(50%) translateY(-10px)}to{opacity:1;transform:translateX(50%) translateY(0)}}.beta-notice-dropdown .beta-icon{font-size:14px}.beta-notice-dropdown p{color:#ffffffe6;font-size:11px;line-height:1.4;margin:0}.beta-notice-dropdown strong{color:#ff0080}.beta-notice-dropdown .beta-dismiss{background:#0000;border:none;color:#ffffff80;cursor:pointer;font-size:14px;margin-left:4px;padding:2px 6px;transition:color .2s}.beta-notice-dropdown .beta-dismiss:hover{color:#fff}.electro-shazam{background:radial-gradient(ellipse at top,#2d0a0a 0,#000 70%);min-height:100vh;position:relative}.header-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#2d0a0acc,#0000);border-bottom:1px solid #ff00001a;padding:2rem 1rem 10rem;text-align:center}.header-content{flex-direction:column;justify-content:center;margin:0 auto;max-width:1000px;padding:0 1rem;width:100%}.header-content,.header-top{align-items:center;display:flex}.header-top{justify-content:space-between;margin-bottom:.5rem}.logo-section{align-items:center;display:flex;flex-direction:column;gap:0;justify-content:center;margin-bottom:1rem;margin-top:1.5rem}.logo-icon{animation:rotate 10s linear infinite;color:red;filter:drop-shadow(0 0 10px rgba(255,0,0,.5));height:2.5rem;width:2.5rem}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,red,#f44);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;line-height:1;margin:0;text-align:center}.app-subtitle{color:#ffffffb3;font-size:.9rem;font-weight:500;margin:4px 0 0}.app-subtitle,.app-tagline{letter-spacing:.5px;text-align:center}.app-tagline{color:#fff9;font-size:.8rem;font-style:italic;font-weight:400;margin:2px 0 0}.user-section{gap:.5rem;margin-bottom:.25rem;width:100%}.user-profile,.user-section{align-items:center;display:flex}.user-profile{gap:.75rem}.user-info{gap:.5rem;justify-content:space-between;position:relative;width:100%}.user-name{color:#fff;font-size:.875rem;font-weight:600}.premium-icon{color:#fbbf24;filter:drop-shadow(0 0 4px rgba(251,191,36,.5));height:1rem;width:1rem}.profile-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:.5rem;transition:all .3s ease}.profile-btn:hover{background:#ffffff26;border-color:#ff00004d}.auth-buttons{display:flex;gap:.5rem}.auth-dialog,.user-dialog{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2ef2;border:1px solid #ffffff1a;border-radius:16px;color:#fff}.auth-form{margin-top:1rem}.form-field label{color:#fffc;font-size:.875rem;font-weight:500}.form-field input{background:#1a1a2ecc;border:1px solid #fff3;border-radius:8px;color:#fff;padding:.75rem}.form-field input:focus{background:#1a1a2ee6;border-color:#ff000080;box-shadow:0 0 0 2px #ff00001a;color:#fff;outline:none}.form-field input:-webkit-autofill,.form-field input:-webkit-autofill:active,.form-field input:-webkit-autofill:focus,.form-field input:-webkit-autofill:hover,.form-input:-webkit-autofill,.form-input:-webkit-autofill:active,.form-input:-webkit-autofill:focus,.form-input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;background-color:#1a1a2ef2!important;-webkit-box-shadow:inset 0 0 0 30px #1a1a2ef2!important;caret-color:#fff!important}.auth-submit{background:linear-gradient(135deg,red,#c00);border:none;font-weight:600;margin-top:.5rem;padding:.75rem}.auth-submit:hover{background:linear-gradient(135deg,#09c,#007acc)}.auth-error{background:#ef44441a;border:1px solid #ef44444d;color:#fca5a5}.profile-content{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0}.profile-stats{justify-content:space-between}.stat-number{color:red;font-size:1.5rem}.stat-label{color:#fff9}.profile-preferences h4{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.75rem}.preference-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.genre-tag{background:#a855f71a;border:1px solid #a855f733;color:#a855f7;font-size:.75rem;text-transform:capitalize}.preferred-bpm{color:#ffffffb3;font-family:Source Code Pro,monospace;font-size:.875rem}.logout-btn{align-self:flex-start;background:#ef44441a;border:1px solid #ef44444d;color:#fca5a5}.logout-btn:hover{background:#ef444433}.section-header{justify-content:space-between;margin-bottom:1.5rem}.premium-badge{background:#fbbf241a;border:1px solid #fbbf244d;color:#fbbf24;font-size:.75rem;font-weight:600}.premium-prompt{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a2ecc;border:2px solid #fbbf244d;border-radius:16px;text-align:center}.premium-content{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:2rem}.premium-prompt-icon{color:#fbbf24;filter:drop-shadow(0 0 10px rgba(251,191,36,.5));height:3rem;width:3rem}.premium-content h3{color:#fff;font-size:1.25rem;font-weight:700;margin:0}.premium-content p{color:#ffffffb3;font-size:.875rem;line-height:1.5;margin:0}.upgrade-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a2e;padding:.75rem 1.5rem}.upgrade-btn:hover{background:linear-gradient(135deg,#f59e0b,#d97706);color:#1a1a2e}.discover-section{display:flex;flex-direction:column;gap:2rem}.discovery-section{display:flex;flex-direction:column;gap:1rem}.discovery-title{align-items:center;display:flex;font-size:1.125rem;font-weight:700;gap:.5rem}.section-icon{color:#00d4ff;height:1.25rem;width:1.25rem}.discovery-subtitle{color:#fff9;font-size:.875rem}.discovery-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.discovery-card{border:1px solid #ffffff1a}.discovery-card:hover{border-color:#ff00004d;box-shadow:0 4px 20px #0000004d;transform:translateY(-2px)}.discovery-card-content{align-items:center;display:flex;gap:1rem;padding:1rem}.discovery-artwork{background:linear-gradient(135deg,#0ff3,#f0f3);border:1px solid #fff3;border-radius:8px;height:60px;width:60px}.discovery-artwork-wrapper{height:60px;position:relative;width:60px}.discovery-artwork-wrapper.no-image:before,.discovery-artwork.no-image:before{font-size:2rem}.discovery-artwork.fallback-logo{background:linear-gradient(135deg,#1e1e1ee6,#323232e6);object-fit:contain;padding:10px}.discovery-info{gap:.25rem}.discovery-track-title{color:#fff;font-size:1rem;font-weight:600;line-height:1.2}.discovery-artist{font-size:.875rem}.discovery-meta{margin-top:.25rem}.discovery-genre{background:#a855f71a;border:1px solid #a855f733;color:#a855f7;font-size:.7rem}.discovery-bpm{color:#fff9;font-family:Source Code Pro,monospace;font-size:.75rem}.discovery-energy-dot{border-radius:50%;box-shadow:0 0 4px #0000004d;height:8px;width:8px}.discovery-actions{align-items:center;gap:.25rem}.discovery-favorite,.discovery-wishlist{border-radius:6px;padding:.5rem;transition:all .3s ease}.discovery-favorite.favorited{background:#ff475733}.discovery-favorite .filled{fill:#ff4757;color:#ff4757}.discovery-wishlist.in-wishlist{background:#fbbf2433}.discovery-wishlist .filled{fill:#fbbf24;color:#fbbf24}.discovery-filter-controls{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0}.filter-row-top{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:150px 35px 1fr;margin-bottom:.5rem;position:relative}.filter-row-top .genre-checkbox{grid-column:1;position:relative}.filter-link-btn{align-items:center;background:#00ffff1a;border:2px solid #00ffff4d;border-radius:50%;color:#00ffffe6;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;left:120px;position:absolute;top:50%;transform:translateY(-150%);transition:all .3s ease;width:32px;z-index:10}.filter-link-btn:before{border-left:2px solid #f0f;left:-77px}.filter-link-btn:after,.filter-link-btn:before{border-top:2px solid #f0f;content:"";height:20px;pointer-events:none;position:absolute;top:calc(50% - 6px);width:64px}.filter-link-btn:after{border-right:2px solid #f0f;right:-77px}.filter-row-top .search-checkbox{grid-column:3;justify-self:start;position:relative}.filter-checkbox-item{align-items:center;display:flex;gap:.5rem}.filter-checkbox{accent-color:#0ff;cursor:pointer;height:18px;width:18px}.filter-checkbox-label{color:#ffffffe6;cursor:pointer;font-size:.95rem;font-weight:500;-webkit-user-select:none;user-select:none}.filter-link-btn:hover{background:#0ff3;border-color:#00ffff80;transform:translateY(-150%) scale(1.1)}.filter-link-btn.linked{background:linear-gradient(135deg,#00ffff4d,#ff00ff4d);border-color:#00ffffb3;box-shadow:0 0 15px #00ffff80}.filter-row-bottom{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:minmax(150px,200px) 1fr auto}.genre-input-wrapper{display:flex}.genre-dropdown-inline{-webkit-appearance:none;appearance:none;background:#1a1a2ecc;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23f0f' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:12px;border:2px solid #00ffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;padding:.75rem 2.5rem .75rem 1rem;transition:all .3s ease;width:100%}.genre-dropdown-inline:hover:not(:disabled){background-color:#1a1a2ee6;border-color:#00ffff80}.genre-dropdown-inline:disabled{border-color:#6464644d;cursor:not-allowed;opacity:.5}.discovery-search-input-inline{background:#1a1a2ecc;border:2px solid #00ffff4d;border-radius:8px;color:#fff;font-size:.95rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.discovery-search-input-inline:focus{background:#1a1a2ee6;border-color:#0ff9;outline:none}.discovery-search-input-inline:disabled{border-color:#6464644d;cursor:not-allowed;opacity:.5}.discovery-search-input-inline::placeholder{color:#fff6}.discovery-search-button-inline{align-items:center;background:linear-gradient(135deg,#0ff3,#f0f3);border:2px solid #00ffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;padding:.75rem 1.25rem;transition:all .3s ease;white-space:nowrap}.discovery-search-button-inline:hover:not(:disabled){background:linear-gradient(135deg,#00ffff4d,#ff00ff4d);border-color:#0ff9;box-shadow:0 4px 12px #0ff6;transform:translateY(-2px)}.discovery-search-button-inline:disabled{cursor:not-allowed;opacity:.5}.filter-note{color:#00ffffb3;font-size:.85rem;font-style:italic;margin:.5rem 0 0}.discovery-search-container{display:flex;gap:.75rem;max-width:400px}.discovery-search-input{background:#1a1a2ecc;border:1px solid #00ffff4d;border-radius:8px;color:#fff;flex:1 1;font-size:.95rem;padding:.75rem 1rem;transition:border-color .3s ease}.discovery-search-input:focus{border-color:#0ff9;outline:none}.discovery-search-input:disabled{border-color:#6464644d;cursor:not-allowed;opacity:.5}.discovery-search-input::placeholder{color:#fff6}.discovery-search-button{background:#00ffff26;border:1px solid #0ff6;border-radius:8px;color:#0ff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.discovery-search-button:hover{background:#00ffff40;border-color:#0ff9}.discovery-search-button:disabled{cursor:not-allowed;opacity:.5}.genre-selection{align-items:flex-start;display:flex;flex-direction:column}.genre-dropdown{-webkit-appearance:none;appearance:none;background:#1a1a2ecc;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%230ff' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border:2px solid #00ffff4d;border-radius:8px;color:#fff;min-width:180px;padding:.6rem 2.5rem .6rem 1rem}.genre-dropdown:hover:not(:disabled){background:#1a1a2ee6;border-color:#00ffff80}.genre-dropdown:disabled{border-color:#6464644d;cursor:not-allowed;opacity:.5}.tracks-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));margin-top:2rem}.discovery-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e99;border:1px solid #0ff3;border-radius:12px;overflow:hidden;transition:all .3s ease}.discovery-card:hover{border-color:#ff008066;box-shadow:0 8px 24px #ff008033;transform:translateY(-4px)}.discovery-content{padding:1rem!important}.discovery-card-layout{align-items:flex-start;display:flex;gap:1rem;position:relative}.discovery-artwork-wrapper{align-items:center;background:linear-gradient(135deg,#00ffff26,#ff00ff26);border-radius:8px;display:flex;flex-shrink:0;height:120px;justify-content:center;overflow:hidden;width:120px}.discovery-artwork{height:100%;object-fit:cover;width:100%}.discovery-artwork-wrapper.no-image:before{content:"🎵";font-size:3rem;opacity:.5}.discovery-artwork.no-image{align-items:center;background:linear-gradient(135deg,#0ff3,#f0f3);display:flex;height:100%;justify-content:center;width:100%}.discovery-artwork.no-image:before{content:"🎵";font-size:3rem;opacity:.5}.discovery-info{flex:1 1;min-width:0}.discovery-info,.discovery-player-section{display:flex;flex-direction:column;gap:.5rem}.discovery-player-section{align-items:center;flex-shrink:0;width:240px}.preview-label-above{color:#00ffffe6;font-size:.875rem;font-weight:600;text-align:center;width:100%}.discovery-player-wrapper{align-items:center;background:#00ffff0d;border:1px solid #0ff3;border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:.5rem;width:100%}.discovery-audio-player{border-radius:6px;height:40px;width:100%}.discovery-audio-player::-webkit-media-controls-panel{background:#1a1a2ee6;border-radius:6px}.discovery-audio-player::-webkit-media-controls-pause-button,.discovery-audio-player::-webkit-media-controls-play-button{background-color:#00ffff4d;border-radius:50%}.discovery-audio-player::-webkit-media-controls-timeline{background:#0ff3;border-radius:4px}.discovery-audio-player::-webkit-media-controls-current-time-display,.discovery-audio-player::-webkit-media-controls-time-remaining-display{color:#0ff;font-size:.75rem}.discovery-save-below-player{background:none;border:none;color:#0ffc;cursor:pointer;font-size:.9rem;padding:.25rem 0;text-align:center;text-decoration:underline;transition:color .3s ease;width:100%}.discovery-save-below-player:hover{color:#0ff}.custom-audio-player{background:#1a1a2ee6;border:1px solid #00ffff4d;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;width:100%}.player-main-row{align-items:center;display:flex;gap:.5rem}.player-play-btn{align-items:center;background:linear-gradient(135deg,#0ff6,#f0f6);border:none;border-radius:50%;box-shadow:0 2px 8px #00ffff4d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:35px;justify-content:center;transition:all .3s ease;width:35px}.player-play-btn:hover{background:linear-gradient(135deg,#0ff9,#f0f9);box-shadow:0 4px 12px #00ffff80;transform:scale(1.05)}.player-play-btn:active{transform:scale(.98)}.player-progress-container{align-items:center;cursor:pointer;display:flex;flex:1 1;height:24px;padding:4px 0}.player-progress-track{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden;position:relative;width:100%}.player-progress-fill{background:linear-gradient(90deg,#0ff,#f0f);border-radius:3px;height:100%;position:relative;transition:width .1s linear}.player-progress-scrubber{background:#fff;border:2px solid #0ff;border-radius:50%;box-shadow:0 0 8px #0ff9;height:12px;position:absolute;right:-6px;top:50%;transform:translateY(-50%);transition:transform .2s ease;width:12px}.player-progress-container:hover .player-progress-scrubber{transform:translateY(-50%) scale(1.2)}.player-time{color:#0ff;flex-shrink:0;font-size:.75rem;font-weight:600;min-width:80px;text-align:right;white-space:nowrap}.player-volume-row{align-items:center;display:flex;gap:.5rem;padding-left:2px}.player-volume-btn{align-items:center;background:#0ff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:28px;justify-content:center;transition:all .3s ease;width:28px}.player-volume-btn:hover{background:#00ffff4d;transform:scale(1.05)}.player-volume-slider{-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:2px;cursor:pointer;flex:1 1;height:4px;outline:none}.player-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#0ff,#f0f);border:2px solid #fff;border-radius:50%;box-shadow:0 0 6px #00ffff80;cursor:pointer;height:12px;-webkit-transition:all .2s ease;transition:all .2s ease;width:12px}.player-volume-slider::-webkit-slider-thumb:hover{box-shadow:0 0 10px #0ffc;transform:scale(1.2)}.player-volume-slider::-moz-range-thumb{background:linear-gradient(135deg,#0ff,#f0f);border:2px solid #fff;border-radius:50%;box-shadow:0 0 6px #00ffff80;cursor:pointer;height:12px;width:12px}.playlist-volume-slider{-webkit-appearance:none;appearance:none;border-radius:3px;cursor:pointer;height:6px;outline:none}.playlist-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#0ff,#f0f);border:2px solid #fff;border-radius:50%;box-shadow:0 0 6px #00ffff80;cursor:pointer;height:14px;-webkit-transition:all .2s ease;transition:all .2s ease;width:14px}.playlist-volume-slider::-webkit-slider-thumb:hover{box-shadow:0 0 10px #0ffc;transform:scale(1.2)}.playlist-volume-slider::-moz-range-thumb{background:linear-gradient(135deg,#0ff,#f0f);border:2px solid #fff;border-radius:50%;box-shadow:0 0 6px #00ffff80;cursor:pointer;height:14px;width:14px}.playlist-volume-slider::-moz-range-thumb:hover{box-shadow:0 0 10px #0ffc;transform:scale(1.2)}.track-actions-row-inline{align-items:center;display:flex;gap:10px;margin-left:auto;padding-left:180px}.track-action-icon{align-items:center;background:#00ffff0d;border:1px solid #fff9;border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;position:relative;transition:all .3s ease;width:28px}.track-action-icon:hover{background:#00ffff1a;border-color:#0ff;box-shadow:0 0 12px #0ffc;transform:scale(1.2)}.track-action-icon:active{transform:scale(1.05)}.track-action-icon:before{background:#141423f2;border:1px solid #00ffff80;border-radius:6px;bottom:120%;color:#0ff;content:attr(title);font-size:.75rem;left:50%;opacity:0;padding:.5rem .75rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap;z-index:1000}.track-action-icon:hover:before{opacity:1;transition-delay:.3s}.track-action-icon.active-favorite{background:linear-gradient(135deg,#0ff,#f0f);border-color:#f0f}.track-action-icon.active-wishlist{background:#00ffff4d;border-color:#0ff}.track-action-icon.active-saved{background:#00ff004d;border-color:#0f0}@keyframes pulse-jam{0%,to{box-shadow:0 0 8px #00ffff80}50%{box-shadow:0 0 16px #00ffffe6}}.track-action-icon:first-child:hover{animation:pulse-jam 1.5s ease-in-out infinite}.discovery-title{color:#fff;font-size:1.1rem;font-weight:600}.discovery-artist,.discovery-title{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discovery-artist{color:#ffffffb3;font-size:.9rem}.discovery-meta{align-items:center;color:#fff9;display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem;margin:.25rem 0}.discovery-genre{background:none;border:none;border-radius:0;color:#0ff;font-size:.75rem;padding:0}.discovery-bpm,.discovery-popularity,.discovery-year{font-size:.85rem}.discovery-action-row{display:flex;gap:1rem;margin:.5rem 0}.discovery-action-link{background:none;border:none;color:#0ffc;cursor:pointer;font-size:.9rem;padding:0;text-decoration:underline;transition:color .3s ease}.discovery-action-link:hover{color:#0ff}.discovery-purchase-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.25rem}.discovery-purchase-btn{align-items:center;background:#1a1a2ecc;border:1px solid #00ffff4d;border-radius:6px;cursor:pointer;display:flex;height:42px;justify-content:center;padding:.4rem;transition:all .3s ease;width:42px}.discovery-purchase-btn:hover{background:#00ffff1a;border-color:#0ff9;transform:translateY(-2px)}.purchase-logo{height:26px;object-fit:contain;width:26px}.purchase-logo-text{align-items:center;background:#00ffff26;border-radius:4px;color:#0ff;display:flex;font-size:1.2rem;font-weight:700;height:26px;justify-content:center;width:26px}.discovery-pagination{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:1rem;padding:1rem 1.5rem}.pagination-info{color:#fff9;font-size:.9rem;margin-bottom:.5rem;text-align:center}.pagination-controls{align-items:center;display:flex;gap:1.5rem}.page-number-display{background:#00ffff1a;border:1px solid #00ffff4d;border-radius:8px;color:#00ffffe6;font-size:1.1rem;font-weight:700;padding:.5rem 1rem}.pagination-btn{background:linear-gradient(135deg,#0ff3,#f0f3);border:2px solid #0ff6;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#00ffff4d,#ff00ff4d);border-color:#0ff9;box-shadow:0 4px 12px #00ffff4d;transform:translateY(-2px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.end-of-results{background:#00ffff1a;border:1px solid #00ffff4d;border-radius:8px;color:#0ffc;font-size:1rem;margin:0;padding:1rem;text-align:center}.youtube-redirect-alert{animation:slideUp .3s ease;background:#141423fa;background-clip:padding-box;border:3px solid #0000;border-radius:20px;box-shadow:0 0 0 3px #00ffff4d,0 20px 60px #00000080;max-width:500px;padding:2.5rem;position:relative;text-align:center;width:90%}.youtube-redirect-alert:before{animation:borderGlow 3s ease infinite;background:linear-gradient(135deg,#0ff,#f0f 50%,#0ff);background-size:200% 200%;border-radius:20px;bottom:-3px;content:"";left:-3px;position:absolute;right:-3px;top:-3px;z-index:-1}.redirect-alert-icon{animation:bounce 2s ease infinite;font-size:4rem;margin-bottom:1rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.redirect-alert-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ff,#f0f);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;margin-bottom:1rem}.redirect-alert-message{color:#ffffffe6;font-size:1.1rem;line-height:1.6;margin-bottom:.75rem}.redirect-alert-community{background:#00ffff1a;border:1px solid #00ffff4d;border-radius:8px;color:#00ffffe6;font-size:1rem;font-style:italic;margin:1.5rem 0;padding:1rem}.redirect-alert-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.redirect-confirm-btn{background:#0000;border:none;color:red;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.redirect-confirm-btn:hover{color:#f33;text-shadow:0 2px 8px #f009;transform:translateY(-2px)}.redirect-cancel-btn{background:#0000;border:none;color:#06f;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.redirect-cancel-btn:hover{color:#39f;text-shadow:0 2px 8px #06f9;transform:translateY(-2px)}.discover-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ff,#f0f);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.youtube-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.youtube-modal-container{animation:slideUp .3s ease;animation:borderFlow 3s linear infinite,slideUp .3s ease;background:#1a1a2ef2;background:linear-gradient(#1a1a2ef2,#1a1a2ef2) padding-box,linear-gradient(135deg,#0ff,#f0f,#0ff) border-box;background-size:200% 200%;border:5px solid #0000;border-radius:16px;max-height:90vh;max-width:900px;overflow-y:auto;overflow:hidden;padding:1rem;position:relative;width:90%}.youtube-modal-header{align-items:center;border-bottom:1px solid #0ff3;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.youtube-modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ff,#f0f);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin:0}.youtube-modal-close{align-items:center;background:#ff008033;border:1px solid #ff008066;border-radius:50%;color:#ff0080;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;line-height:1;transition:all .3s ease;width:32px}.youtube-modal-close:hover{background:#ff00804d;border-color:#ff008099;transform:rotate(90deg)}.youtube-modal-track-info{margin-bottom:.75rem;text-align:center}.youtube-track-title{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.youtube-track-artist{color:#ffffffb3;font-size:1rem;margin:0}.youtube-modal-content{background:linear-gradient(135deg,#00ffff1a,#ff00ff1a);border-radius:12px;box-shadow:0 8px 32px #0ff3;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.youtube-placeholder{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:2rem;position:absolute;text-align:center;top:0;width:100%}.youtube-placeholder-icon{animation:pulse 2s ease-in-out infinite;font-size:4rem;margin-bottom:1rem}.youtube-placeholder-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ff,#f0f);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.youtube-placeholder-text{color:#ffffffb3;font-size:1rem;margin-bottom:1.5rem}.youtube-placeholder-button{background:#f003;border:2px solid #ff000080;border-radius:8px;color:red;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.youtube-placeholder-button:hover{background:#ff00004d;border-color:#ff0000b3;transform:translateY(-2px)}.youtube-iframe-container{background:#000;border-radius:12px;overflow:hidden}.youtube-iframe,.youtube-iframe-container{height:100%;left:0;position:absolute;top:0;width:100%}.youtube-iframe{border:none}.youtube-modal-note{color:#00ffffb3;font-size:.75rem;font-style:italic;margin-top:.75rem;text-align:center}@media (max-width:1400px){.youtube-modal-container{max-width:800px;width:85%}}@media (max-width:1024px){.youtube-modal-container{max-width:700px;padding:.875rem;width:90%}.youtube-modal-title{font-size:1.25rem}}@media (max-width:768px){.youtube-modal-container{max-height:85vh;padding:.75rem;width:95%}.youtube-modal-title{font-size:1.1rem}.youtube-track-title{font-size:1rem}}@media (max-width:480px){.youtube-modal-container{max-height:80vh;padding:.5rem;width:98%}.youtube-modal-close{font-size:1.25rem;height:28px;width:28px}}.youtube-btn{position:relative}.youtube-btn:after{background:linear-gradient(135deg,red,#f44);border-radius:8px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.youtube-btn:hover:after{opacity:.3}.genre-track-actions{align-items:center;display:flex;gap:.25rem}.genre-favorite,.genre-wishlist{border-radius:6px;padding:.375rem;transition:all .3s ease}.genre-wishlist.in-wishlist{background:#fbbf2433}.genre-wishlist .filled{fill:#fbbf24;color:#fbbf24}.similar-track-actions{align-items:center;display:flex;flex-direction:column;gap:.25rem}.similar-favorite,.similar-wishlist{border-radius:6px;padding:.5rem;transition:all .3s ease}.similar-wishlist.in-wishlist{background:#fbbf2433}.similar-wishlist .filled{fill:#fbbf24;color:#fbbf24}.genre-dropdown-container{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem;max-width:300px}.genre-dropdown-label{align-items:center;color:#e2e8f0;display:flex;font-size:1rem;font-weight:600;gap:.5rem}.genre-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border:2px solid #ffffff1a;border-radius:.5rem;color:#e2e8f0;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1rem;transition:all .3s ease}.genre-dropdown:hover{background:#1e293be6;border-color:#ef444480}.genre-dropdown:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433;outline:none}.genre-dropdown option{background:#1e293b;color:#e2e8f0;padding:.5rem}.genre-dropdown option:hover{background:#334155}.genre-note{color:#94a3b8;font-size:.85rem;font-style:italic;margin-top:.5rem;text-align:center}.microphone-setup-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.microphone-setup-modal{animation:modalSlideIn .3s ease-out;background:linear-gradient(135deg,#1e293bf2,#334155f2);border:1px solid #fff3;box-shadow:0 25px 50px #00000080;max-width:500px;width:90%}.setup-content{padding:2rem;text-align:center}.setup-header h2{color:#e2e8f0;font-size:1.5rem;font-weight:700;margin:.5rem 0}.setup-header p{color:#94a3b8;margin-bottom:1.5rem}.setup-icon{animation:iconPulse 2s ease-in-out infinite;display:inline-block;font-size:3rem;margin-bottom:1rem}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.setup-benefits{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0;text-align:left}.benefit-item{align-items:center;background:#ffffff0d;border-radius:8px;color:#e2e8f0;display:flex;gap:.75rem;padding:.5rem}.benefit-icon{font-size:1.2rem;min-width:24px}.setup-actions{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.enable-microphone-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;box-shadow:0 4px 15px #ef444466;color:#fff;font-size:1.1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.enable-microphone-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef444499;transform:translateY(-2px)}.skip-setup-btn{color:#94a3b8;font-size:.9rem}.skip-setup-btn:hover{background:#ffffff0d;color:#e2e8f0}.setup-help{border-top:1px solid #ffffff1a;color:#94a3b8;font-size:.85rem;line-height:1.4;padding-top:1rem}.setup-help strong{color:#10b981;font-weight:600}.permission-guide{background:#3b82f61a;border:1px solid #3b82f64d;color:#dbeafe;margin-bottom:20px}.permission-content h4{color:#93c5fd;font-weight:600;margin-bottom:8px}.permission-content p{font-size:.9rem;margin-bottom:12px}.permission-steps{color:#cbd5e1;display:flex;flex-direction:column;font-size:.85rem;gap:4px;margin-bottom:15px}.permission-steps span{border-left:2px solid #3b82f64d;padding-left:8px}.retry-permission{background:#3b82f633;border-color:#3b82f680;color:#93c5fd}.retry-permission:hover{background:#3b82f64d;border-color:#3b82f6b3}.listen-button.listening{animation:bounceGlow 1.5s ease-in-out infinite;box-shadow:0 0 20px #ef444499,0 0 40px #ef444466}@keyframes bounceGlow{0%{box-shadow:0 0 20px #ef444499,0 0 40px #ef444466;transform:scale(1)}50%{box-shadow:0 0 30px #ef4444cc,0 0 60px #ef444499;transform:scale(1.1)}to{box-shadow:0 0 20px #ef444499,0 0 40px #ef444466;transform:scale(1)}}.listen-button.listening .mic-icon{animation:pulseIcon 1.5s ease-in-out infinite}@keyframes pulseIcon{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.recording-timer{animation:timerPulse 1s ease-in-out infinite;background:#ef4444e6;border-radius:15px;color:#fff;font-size:.85rem;font-weight:600;left:50%;padding:5px 12px;position:absolute;top:-40px;transform:translateX(-50%)}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.7}}.ad-container{display:flex;justify-content:center;margin:20px 0;width:100%}.free-tier-ad{background:#1e293b4d;border:1px solid #ffffff1a;border-radius:8px;margin:20px 0;padding:15px}.ad-label{color:#94a3b8;font-size:.75rem;letter-spacing:.5px;margin-bottom:10px;text-align:center;text-transform:uppercase}.track-result-ad{border-radius:8px;overflow:hidden}.rate-limit-error{background:#ef44441a;border:1px solid #ef44444d;color:#fecaca}.rate-limit-content{display:flex;flex-direction:column;gap:10px}.rate-limit-details{color:#94a3b8;display:flex;font-size:.85rem;gap:15px}.upgrade-btn-alert{align-self:flex-start;background:#ef444433;border-color:#ef444480;color:#fecaca}.upgrade-btn-alert:hover{background:#ef44444d;border-color:#ef4444b3}.usage-info{background:#1e293b66;border-left:3px solid #10b981;border-radius:6px;margin:15px 0;padding:12px}.usage-stats{align-items:center;display:flex;justify-content:space-between}.usage-text{color:#e2e8f0;font-size:.9rem}.upgrade-btn-small{background:#10b98133;border-color:#10b98180;color:#6ee7b7;font-size:.8rem;padding:4px 12px}.upgrade-btn-small:hover{background:#10b9814d;border-color:#10b981b3}.genre-exploration{display:flex;flex-direction:column;gap:1.5rem}.genre-section{background:#1a1a2e66;border:1px solid #ffffff1a;border-radius:12px;padding:1rem}.genre-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.genre-indicator{border-radius:50%;box-shadow:0 0 8px #0000004d;height:12px;width:12px}.genre-name{color:#fff;font-size:1.125rem;font-weight:600}.genre-count{background:#ffffff1a;color:#ffffffb3;font-size:.75rem}.genre-tracks{display:flex;flex-direction:column;gap:.75rem}.genre-track{align-items:center;background:#1a1a2e4d;border:1px solid #ffffff0d;border-radius:8px;display:flex;gap:1rem;padding:.75rem;transition:all .3s ease}.genre-track:hover{background:#1a1a2e80;border-color:#ffffff1a}.genre-track-thumb{border:1px solid #fff3;border-radius:6px;height:40px;object-fit:cover;width:40px}.genre-track-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.genre-track-title{color:#fff;font-size:.875rem;font-weight:600}.genre-track-artist{color:#ffffffb3;font-size:.75rem}.genre-track-meta{align-items:center;display:flex;gap:.5rem}.genre-track-bpm,.genre-track-key{color:#fff9;font-family:Source Code Pro,monospace;font-size:.7rem}.genre-energy-bar{border-radius:2px;height:3px;transition:width .3s ease;width:40px}.genre-favorite{border-radius:6px;padding:.5rem;transition:all .3s ease}.genre-favorite.favorited{background:#ff475733}.genre-favorite .filled{fill:#ff4757;color:#ff4757}.similar-tracks{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.similar-track-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e99;border:1px solid #ffffff1a;border-radius:12px;transition:all .3s ease}.similar-track-card:hover{border-color:#ff00004d;transform:translateY(-2px)}.similar-track-content{align-items:center;display:flex;gap:1rem;padding:1rem}.similar-artwork{border:1px solid #fff3;border-radius:8px;height:50px;object-fit:cover;width:50px}.similar-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.similar-title{color:#fff;font-size:.875rem;font-weight:600}.similar-artist{color:#ffffffb3;font-size:.75rem}.similarity-score{align-items:center;display:flex;gap:.5rem}.similarity-bar{background:#ffffff1a;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.similarity-fill{background:linear-gradient(90deg,#00d4ff,#10b981);border-radius:2px;height:100%;transition:width .3s ease}.similarity-text{color:#00d4ff;font-family:Source Code Pro,monospace;font-size:.7rem;font-weight:600}.similar-meta{align-items:center;display:flex;gap:.5rem}.similar-bpm{color:#fff9;font-family:Source Code Pro,monospace;font-size:.7rem}.similar-favorite{border-radius:6px;padding:.5rem;transition:all .3s ease}.similar-favorite.favorited{background:#ff475733}.similar-favorite .filled{fill:#ff4757;color:#ff4757}.discovery-prompt{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a2ecc;border:2px solid #00d4ff4d;border-radius:16px;text-align:center}.discovery-prompt-content{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:2rem}.discovery-prompt-icon{color:#00d4ff;filter:drop-shadow(0 0 10px rgba(0,212,255,.5));height:3rem;width:3rem}.discovery-prompt-content h3{color:#fff;font-size:1.25rem;font-weight:700;margin:0}.discovery-prompt-content p{color:#ffffffb3;font-size:.875rem;line-height:1.5;margin:0}.discovery-cta{background:linear-gradient(135deg,#00d4ff,#09c);border:none;font-weight:600;padding:.75rem 1.5rem}.discovery-cta:hover{background:linear-gradient(135deg,#09c,#007acc)}.discovery-upgrade-prompt{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a2ecc;border:2px solid #fbbf2466;border-radius:16px;text-align:center}.discovery-upgrade-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem;padding:2.5rem}.discovery-upgrade-icon{color:#fbbf24;filter:drop-shadow(0 0 12px rgba(251,191,36,.5));height:4rem;width:4rem}.discovery-upgrade-content h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.discovery-upgrade-content p{color:#fffc;font-size:1rem;line-height:1.6;margin:0;max-width:400px}.discovery-features{display:flex;flex-direction:column;gap:1rem;max-width:300px;width:100%}.discovery-feature{align-items:center;background:#fbbf241a;border:1px solid #fbbf2433;border-radius:8px;color:#fff;display:flex;font-weight:500;gap:.75rem;padding:.75rem 1rem}.feature-icon{color:#fbbf24;height:1.25rem;width:1.25rem}.discovery-upgrade-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;box-shadow:0 4px 20px #fbbf244d;color:#1a1a2e;font-size:1rem;font-weight:700;padding:1rem 2rem}.discovery-upgrade-btn:hover{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 6px 25px #fbbf2466;color:#1a1a2e;transform:translateY(-2px)}.dj-metadata-prompt{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fbbf241a;border:2px solid #fbbf244d;border-radius:16px;margin:1rem 0;padding:1.5rem}.dj-prompt-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.dj-prompt-icon{color:#fbbf24;filter:drop-shadow(0 0 6px rgba(251,191,36,.5));height:1.5rem;width:1.5rem}.dj-prompt-text{color:#fff;font-size:1.125rem;font-weight:700}.dj-preview-features{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.dj-preview-item{color:#fffc;font-size:.875rem;font-weight:500;padding:.5rem 0}.dj-upgrade-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;color:#1a1a2e;font-weight:600;padding:.75rem 1.5rem}.dj-upgrade-btn:hover{background:linear-gradient(135deg,#f59e0b,#d97706);color:#1a1a2e}.main-container{margin:0 auto;max-width:1000px;padding:1rem}.main-tabs{width:100%}.tabs-nav,.tabs-nav[data-radix-tabs-list],[data-radix-tabs-list]{align-items:center;background:#141423cc!important;border:1px solid #ffffff1a!important;border-radius:12px;box-shadow:none!important;box-sizing:border-box;display:inline-flex;flex-wrap:nowrap;gap:.5rem;justify-content:center;left:50%;margin-bottom:2rem;margin-left:auto;margin-right:auto;outline:none!important;padding:1.25rem 2rem;position:relative;transform:translateX(-50%);z-index:1}.tabs-nav:focus,.tabs-nav:focus-visible,.tabs-nav:focus-within,.tabs-nav[data-radix-tabs-list]:focus,.tabs-nav[data-radix-tabs-list]:focus-visible,[data-radix-tabs-list]:focus,[data-radix-tabs-list]:focus-visible{box-shadow:none!important;outline:none!important}.tabs-nav.bg-muted{background:#141423cc!important}.tabs-nav[role=tablist],[data-radix-collection-item],[role=tablist]{box-shadow:none!important;outline:none!important}.tabs-nav,.tabs-nav *,.tabs-nav :focus-visible,.tabs-nav:focus-visible{ring:none!important;--ring:#0000!important;--ring-offset-shadow:none!important;--ring-shadow:none!important;box-shadow:none!important;outline:none!important}.tabs-trigger{align-items:center;background:#0000;border:1px solid #fff3;border-radius:12px;box-shadow:none!important;color:#ffffffb3;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;max-width:160px;min-width:90px;outline:none!important;padding:.75rem 1.25rem;position:relative;text-align:center;text-transform:capitalize;transition:all .3s ease;white-space:nowrap}.tabs-trigger:focus-visible{ring:none!important;box-shadow:none!important;outline:none!important}.tabs-trigger.premium-locked{border-color:#ffffff1a;color:#ffffff4d;cursor:not-allowed;opacity:.4;position:relative}.tabs-trigger.premium-locked:hover{background:#ff47571a;border-color:#ff47574d;transform:none}.tabs-trigger.premium-locked .tab-icon{opacity:.5}.premium-tooltip{background:#ff4757e6;border-radius:6px;bottom:-2.5rem;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:.75rem;font-weight:500;opacity:0;padding:.5rem .75rem;pointer-events:none;transition:opacity .3s ease;white-space:nowrap;z-index:10}.premium-tooltip,.premium-tooltip:before{left:50%;position:absolute;transform:translateX(-50%)}.premium-tooltip:before{border-bottom:4px solid #ff4757e6;border-left:4px solid #0000;border-right:4px solid #0000;content:"";height:0;top:-4px;width:0}.tabs-trigger.premium-locked:hover .premium-tooltip{opacity:1}.premium-required-state{align-items:center;background:#fbbf240d;border:2px solid #fbbf2433;border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.premium-required-icon{color:#fbbf24;height:4rem;margin-bottom:1rem;width:4rem}.premium-required-state h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.premium-required-state p{color:#fffc;font-size:1rem;margin:0 0 2rem;max-width:400px;.upgrade-required{align-items:center;background:#fbbf240d;border:2px solid #fbbf2433;border-radius:16px;display:flex;flex-direction:column;justify-content:center;margin:2rem auto;max-width:500px;padding:3rem 2rem;text-align:center}.upgrade-icon{color:#fbbf24;height:4rem;margin-bottom:1rem;width:4rem}.upgrade-required h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.upgrade-required p{color:#fffc;font-size:1rem;margin:0 0 2rem;max-width:400px}.upgrade-button{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:12px;box-shadow:0 4px 12px #fbbf244d;color:#000;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.upgrade-button:hover{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 6px 20px #fbbf2466;transform:translateY(-2px)}.premium-upgrade-card-v2{align-items:center!important;background:linear-gradient(135deg,#1e293b,#334155 50%,#475569)!important;border:3px solid #fbbf24!important;border-radius:24px!important;box-shadow:0 20px 40px #0000004d,0 0 0 1px #fbbf2433!important;display:flex!important;flex-direction:column!important;justify-content:center!important;margin:2rem auto!important;max-width:650px!important;min-height:600px!important;overflow:hidden!important;padding:4rem 2rem!important;position:relative!important;text-align:center!important}.premium-upgrade-card-v2:before{animation:shimmer 3s ease-in-out infinite!important;background:radial-gradient(circle at center,#fbbf2426 0,#0000 50%)!important;content:""!important;height:200%!important;left:-50%!important;pointer-events:none!important;position:absolute!important;top:-50%!important;width:200%!important}.premium-upgrade-card-v2 .upgrade-icon-container{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;border-radius:50%!important;box-shadow:0 10px 30px #fbbf2466!important;margin-bottom:2rem!important;padding:1.5rem!important;position:relative!important;z-index:2!important}.premium-upgrade-card-v2 .upgrade-icon-large{animation:pulse 2.5s infinite!important;color:#1e293b!important;filter:none!important;height:4rem!important;width:4rem!important}.premium-upgrade-card-v2 .upgrade-title{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;-webkit-background-clip:text!important;background-clip:text!important;color:#fff!important;font-size:3rem!important;font-weight:900!important;letter-spacing:-.02em!important;margin:0 0 1.5rem!important;position:relative!important;text-shadow:0 2px 4px #0000004d!important;z-index:2!important}.premium-upgrade-card-v2 .upgrade-description{color:#e2e8f0!important;font-size:1.2rem!important;font-weight:400!important;line-height:1.7!important;margin:0 0 3rem!important;max-width:500px!important;position:relative!important;z-index:2!important}.premium-upgrade-card-v2 .upgrade-features{grid-gap:1.25rem!important;display:grid!important;gap:1.25rem!important;margin-bottom:3rem!important;max-width:450px!important;position:relative!important;width:100%!important;z-index:2!important}.premium-upgrade-card-v2 .upgrade-feature-item{align-items:center!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#f8fafc14!important;border:2px solid #fbbf2433!important;border-radius:16px!important;color:#f8fafc!important;display:flex!important;font-size:1.125rem!important;font-weight:600!important;gap:1.25rem!important;overflow:hidden!important;padding:1.25rem 1.75rem!important;position:relative!important;transition:all .4s ease!important}.premium-upgrade-card-v2 .upgrade-feature-item:before{background:linear-gradient(90deg,#0000,#fbbf241a,#0000)!important;content:""!important;height:100%!important;left:-100%!important;position:absolute!important;top:0!important;transition:left .6s ease!important;width:100%!important}.premium-upgrade-card-v2 .upgrade-feature-item:hover{background:#fbbf2426!important;border-color:#fbbf2499!important;box-shadow:0 8px 25px #fbbf2433!important;transform:translateY(-3px)!important}.premium-upgrade-card-v2 .upgrade-feature-item:hover:before{left:100%!important}.premium-upgrade-card-v2 .upgrade-feature-item .feature-icon{color:#fbbf24!important;filter:drop-shadow(0 2px 4px rgba(251,191,36,.3))!important;flex-shrink:0!important;height:1.75rem!important;width:1.75rem!important}.premium-upgrade-card-v2 .upgrade-button-large{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;background-clip:padding-box!important;border:2px solid #0000!important;border-radius:20px!important;box-shadow:0 12px 30px #fbbf2466!important;color:#1e293b!important;cursor:pointer!important;font-size:1.25rem!important;font-weight:800!important;letter-spacing:1px!important;padding:1.25rem 3.5rem!important;position:relative!important;text-transform:uppercase!important;transition:all .4s ease!important;z-index:2!important}.premium-upgrade-card-v2 .upgrade-button-large:hover{background:linear-gradient(135deg,#f59e0b,#d97706)!important;border-color:#fbbf244d!important;box-shadow:0 16px 40px #fbbf2499!important;transform:translateY(-4px)!important}.premium-upgrade-card-v2 .upgrade-button-large:active{box-shadow:0 8px 20px #fbbf2466!important;transform:translateY(-2px)!important}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#dc2626;height:2rem;margin-bottom:1rem;width:2rem}.retry-section{background:#1a1a2e4d;border:1px solid #00d4ff33;border-radius:12px;flex-direction:column;margin:1.5rem 0;padding:1rem}.retry-button,.retry-section{align-items:center;display:flex;gap:.5rem}.retry-button{background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:12px;box-shadow:0 4px 12px #00d4ff4d;color:#fff;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.retry-button:hover{background:linear-gradient(135deg,#09c,#007acc);box-shadow:0 6px 20px #00d4ff66;transform:translateY(-2px)}.retry-button:disabled{background:#6b728080;box-shadow:none;color:#ffffff80;cursor:not-allowed;transform:none}.retry-hint{color:#fff9;font-size:.875rem;font-style:italic;margin:0;text-align:center}.purchase-link-btn{align-items:center!important;background:#1a1a2ee6!important;border:1px solid #00d4ff80!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:.875rem!important;font-weight:500!important;gap:6px!important;justify-content:center!important;min-width:auto!important;padding:8px 16px!important;text-decoration:none!important;transition:all .2s ease!important;white-space:nowrap!important}.purchase-link-btn:hover{background:#00d4ff!important;border-color:#00d4ff!important;box-shadow:0 4px 12px #00d4ff66!important;color:#000!important;text-decoration:none!important;transform:translateY(-2px)!important}.purchase-link-btn:active{transform:translateY(0)!important}.purchase-buttons{display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:center!important}.purchase-buttons a{color:#fff!important;font-size:.875rem!important}.purchase-buttons a:hover{color:#000!important}.purchase-button,.purchase-button.inline-flex,a.purchase-button,button.purchase-button{background:#1a1a2ee6!important;border:1px solid #00d4ff80!important;color:#fff!important}.purchase-button.inline-flex:hover,.purchase-button:active,.purchase-button:focus,.purchase-button:hover,a.purchase-button:hover,button.purchase-button:hover{background:#00d4ffe6!important;border-color:#00d4ff!important;color:#000!important}.purchase-button a,.purchase-button a:link,.purchase-button a:visited,.purchase-buttons a,.purchase-buttons a:link,.purchase-buttons a:visited{background:#0000!important;color:#fff!important;text-decoration:none!important}.purchase-button a:hover,.purchase-button:active a,.purchase-button:focus a,.purchase-button:hover a,.purchase-buttons a:hover{background:#0000!important;color:#000!important;text-decoration:none!important}.purchase-buttons .inline-flex,.purchase-buttons [class*=inline-flex]{background:#1a1a2ee6!important;border:1px solid #00d4ff80!important;color:#fff!important}.purchase-buttons .inline-flex:hover,.purchase-buttons [class*=inline-flex]:hover{background:#00d4ffe6!important;border-color:#00d4ff!important;color:#000!important}.purchase-buttons .purchase-button,.purchase-buttons a,.purchase-buttons button{background:#1a1a2ee6!important;color:#fff!important}.purchase-buttons .purchase-button:hover,.purchase-buttons a:hover,.purchase-buttons button:hover{background:#00d4ffe6!important;color:#000!important}.discogs-error{background:#dc26261a;border:1px solid #dc26264d;color:#fff;margin:1rem 0}.genre-selection{align-items:flex-start;display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0;max-width:400px}.genre-label{color:#ffffffe6;font-size:.95rem;font-weight:500;margin:0}.genre-dropdown{background:#1a1a2ecc;border:1px solid #00ffff4d;border-radius:6px;color:#fff;font-size:.95rem;max-width:280px;padding:.5rem;width:100%}.genre-dropdown:focus{border-color:#0ff9;outline:none}.genre-note{color:#fff9;font-size:.85rem;font-style:italic;margin:0}.genre-selection-title{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.genre-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.genre-button{background:#ffffff1a;border:1px solid #fff3;color:#fff;transition:all .3s ease}.genre-button:hover{background:#dc262633;border-color:#dc2626;color:#fff}.genre-button[data-state=active]{background:#dc2626;border-color:#dc2626;color:#fff}.discovery-year{color:#ffffffb3;font-size:.875rem;margin-right:.5rem}.no-results-state{align-items:center;color:#fff9;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.no-results-icon{color:#fff6;height:3rem;margin-bottom:1rem;width:3rem}.discogs-attribution{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-top:2rem;padding:1rem;text-align:center}.discogs-attribution p{color:#ffffffb3;font-size:.875rem;margin:0}.discogs-attribution strong{color:#dc2626;font-weight:600}.tier-testing-note{background:#0064ff1a;border:1px solid #0064ff4d;border-radius:8px;font-size:.875rem;margin-top:1.5rem;padding:1rem}.test-accounts-title{color:#60a5fa;font-weight:600;margin-bottom:.5rem}.test-accounts-list{list-style:none;margin:0;padding:0}.test-accounts-list li{color:#fffc;margin-bottom:.25rem}.test-accounts-list strong{color:#fff}}.premium-features-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;max-width:350px;width:100%}.premium-feature{align-items:center;background:#fbbf241a;border-radius:8px;display:flex;gap:.75rem;padding:.75rem;text-align:left}.premium-feature .feature-icon{color:#fbbf24;flex-shrink:0;height:1.25rem;width:1.25rem}.premium-feature span{color:#ffffffe6;font-size:.875rem}.upgrade-to-premium-btn{align-items:center;background:linear-gradient(135deg,#fbbf24,#d97706);border:none;border-radius:8px;color:#fff;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 2rem;transition:all .3s ease}.upgrade-to-premium-btn:hover{background:linear-gradient(135deg,#d97706,#92400e);box-shadow:0 8px 25px #fbbf2466;transform:translateY(-2px)}.premium-tab{background:#00d4ff1a;border:1px solid #00d4ff33;color:#00d4ff}.tab-trigger{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;justify-content:center;padding:.5rem 1rem;position:relative;transition:all .2s ease;white-space:nowrap;z-index:2}.tab-trigger:hover{background:#00d4ff26;color:#00d4ff}.tab-trigger[data-state=active]{background:#00d4ff33;color:#00d4ff}.tab-trigger[data-state=active]:hover{background:#00d4ff40}.dashboard-tab-highlight{animation:dashboard-pulse 2s ease-in-out infinite;border:1px solid #00d4ff80!important;box-shadow:0 0 8px #00d4ff4d,inset 0 0 8px #00d4ff1a;position:relative}.dashboard-tab-highlight:before{animation:dashboard-shimmer 3s linear infinite;background:linear-gradient(90deg,#0000,#00d4ff66,#0000);background-size:200% 100%;border-radius:inherit;bottom:-2px;content:"";left:-2px;opacity:.6;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes dashboard-pulse{0%,to{border-color:#00d4ff80;box-shadow:0 0 8px #00d4ff4d,inset 0 0 8px #00d4ff1a}50%{border-color:#00d4ffcc;box-shadow:0 0 15px #00d4ff80,inset 0 0 12px #00d4ff33}}@keyframes dashboard-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.tab-icon{height:1rem;margin-right:.5rem;width:1rem}.tab-content{margin-left:33px;outline:none}.listen-section{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;margin-top:.25rem;min-height:60vh;padding:1.5rem 1rem}@media (max-width:768px){.listen-section{margin-top:.5rem;padding:1.25rem 1rem}}@media (max-width:480px){.listen-section{margin-top:.75rem;padding:1rem .5rem}}@media (max-width:380px){.listen-section{margin-top:1rem}}.visualizer-container{flex-direction:column;gap:2rem}.visualizer-container,.visualizer-ring{align-items:center;display:flex;position:relative}.visualizer-ring{justify-content:center}.pulse-rings{inset:0;pointer-events:none;position:absolute}.pulse-ring{border:2px solid #ff00004d;border-radius:50%;inset:-20px;opacity:0;position:absolute;transform:scale(.8)}.pulse-ring.active{animation:pulse 2s ease-out infinite}.pulse-ring.delay-1{animation-delay:.5s}.pulse-ring.delay-2{animation-delay:1s}.listen-button-container{align-items:center;display:flex;gap:10px;justify-content:center;position:relative}.wave-arcs-left,.wave-arcs-right{flex-shrink:0}.listen-button{align-items:center!important;background:linear-gradient(135deg,#ff3b30,#c00)!important;border:none!important;border-radius:50%;box-shadow:0 8px 32px #ff3b3066,inset 0 2px 4px #fff3;cursor:pointer;display:flex!important;filter:none!important;flex-shrink:0;height:120px;justify-content:center!important;opacity:1!important;pointer-events:auto;position:relative;transition:box-shadow .3s ease,transform .3s ease!important;width:120px;z-index:10}.listen-button:hover{box-shadow:0 12px 48px #ff3b3099,inset 0 2px 4px #ffffff4d;transform:scale(1.05)}.listen-button.listening{animation:listening-pulse-lift 2.5s ease-in-out infinite!important;background:linear-gradient(135deg,#ff3b30,#ff1a1a)!important;box-shadow:0 8px 40px #ff3b30b3,0 0 60px #ff3b3080,inset 0 2px 4px #ffffff4d;filter:none!important;opacity:1!important}.listen-button.listening:disabled,.listen-button:disabled{cursor:default;filter:none!important;opacity:1!important;pointer-events:none}@keyframes listening-pulse-lift{0%,to{box-shadow:0 8px 40px #ff3b30b3,0 0 60px #ff3b3080;transform:scale(1)}50%{box-shadow:0 12px 50px #ff3b30e6,0 0 80px #ff3b30b3;transform:scale(1.08)}}.mic-icon-center{color:#fff!important;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))!important;height:3.5rem!important;opacity:1!important;position:relative;width:3.5rem!important;z-index:5}.listen-button.listening .mic-icon-center{color:#fff!important;filter:drop-shadow(0 2px 10px rgba(255,255,255,.3))!important;opacity:1!important}.wave-arc-idle{opacity:0}.wave-arc{opacity:1}.wave-arc.wave-1{animation:beatseekWave1 2.5s ease-in-out infinite}.wave-arc.wave-2{animation:beatseekWave2 2.5s ease-in-out infinite;animation-delay:.2s}.wave-arc.wave-3{animation:beatseekWave3 2.5s ease-in-out infinite;animation-delay:.4s}@keyframes beatseekWave1{0%,to{opacity:.3}50%{opacity:1}}@keyframes beatseekWave2{0%,to{opacity:.2}50%{opacity:.9}}@keyframes beatseekWave3{0%,to{opacity:.1}50%{opacity:.8}}.audio-debug-info{background:#0064001a;border:1px solid #00ff004d;border-radius:8px;font-family:Source Code Pro,monospace;margin:1rem 0;padding:1rem}.audio-debug-info h4{color:#0f0;font-size:.9rem;margin-bottom:.5rem}.debug-details p{color:#fffc;font-size:.8rem;margin:.25rem 0}.audio-playback{background:#0000004d;border-radius:4px;padding:.5rem}.audio-playback,.audio-playback audio{margin-top:.5rem}.listen-button .mic-icon,.listen-section .listen-button .mic-icon,.mic-icon,button.listen-button .mic-icon{stroke-width:2!important;color:#fff!important;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))!important;height:3.5rem!important;transition:all .3s ease!important;width:3.5rem!important}.listen-button.listening .mic-icon{animation:mic-icon-pulse .5s ease-in-out infinite alternate!important;filter:drop-shadow(0 0 10px rgba(255,255,255,.5))!important}@keyframes mic-icon-pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.audio-bars{height:60px;width:200px}.audio-bar{animation:audioBar .5s ease infinite alternate;background:linear-gradient(0deg,#00d4ff,#f0f);border-radius:2px;width:4px}@keyframes audioBar{0%{opacity:.3}to{opacity:1}}.status-section{min-height:2rem;text-align:center}.status-text{color:#fff;font-size:1.1rem;font-weight:600;margin:0 auto!important;text-align:center!important;text-shadow:0 2px 4px #00000080}.status-text.preparing{color:orange}.status-text.listening,.status-text.preparing{animation:pulse-text 1s ease infinite alternate}.status-text.listening{color:#00d4ff!important;display:block!important;font-size:1.3rem!important;font-weight:700!important;margin:0 auto!important;text-align:center!important;text-shadow:0 0 10px #00d4ff80}.status-text.processing{animation:pulse-text 1s ease infinite alternate;color:orange}.status-text.identifying{animation:pulse-text 1s ease infinite alternate;color:#00d4ff}@keyframes pulse-text{0%{opacity:.7}to{opacity:1}}.track-result{animation:slideUp .5s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#140000e6;border:1px solid #ff00004d;border-radius:20px;margin-top:2rem;overflow:hidden;position:relative;width:100%}.download-star{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ecc;border:1px solid #fbbf244d;border-radius:8px;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .3s ease;z-index:10}.download-star:hover{background:#fbbf241a;border-color:#fbbf2480;transform:scale(1.05)}.download-star.active{background:#fbbf2433;border-color:#fbbf2480}.star-icon{color:#fbbf24;height:1.25rem;transition:all .3s ease;width:1.25rem}.star-icon.filled{fill:#fbbf24;filter:drop-shadow(0 0 4px rgba(251,191,36,.5))}.premium-search{background:#1a1a2e66;border:1px solid #fbbf2433;border-radius:12px;margin-bottom:1.5rem;padding:1rem}.search-input-container{align-items:center;gap:.5rem}.search-input-icon{color:#ffffff80;height:1rem;left:1rem;position:absolute;width:1rem;z-index:1}.premium-search-input{background:#1a1a2e99;border:1px solid #fff3;border-radius:8px;color:#fff;flex:1 1;font-size:.875rem;outline:none;padding:.75rem 1rem .75rem 2.5rem;transition:all .3s ease}.premium-search-input:focus{border-color:#fbbf2480;box-shadow:0 0 0 2px #fbbf241a}.premium-search-input::placeholder{color:#ffffff80}.clear-search-btn{color:#fff9;height:auto;min-width:auto;padding:.5rem;transition:all .3s ease;width:auto}.clear-search-btn:hover{background:#ffffff1a;color:#fff}.search-results-info{border-top:1px solid #ffffff1a;color:#fbbf24cc;font-size:.875rem;margin-top:.75rem;padding:.5rem 0;text-align:center}.empty-search-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;text-align:center}.empty-search-icon{color:#ffffff4d;height:4rem;margin-bottom:1rem;width:4rem}.empty-search-state p{color:#fff;font-size:1.125rem;font-weight:500;margin:0 0 .5rem}.empty-search-subtitle{color:#fff9;font-size:.875rem;margin:0}.track-item-actions{align-items:center;display:flex;gap:.25rem}.wishlist-btn{border-radius:6px;padding:.5rem;transition:all .3s ease}.wishlist-btn.in-wishlist{background:#fbbf2433}.wishlist-btn .star-icon.filled{fill:#fbbf24;color:#fbbf24}.wishlist-btn:hover{background:#fbbf241a}.download-later-section,.quick-save-section,.wishlist-section{display:flex;flex-direction:column;gap:1.5rem}.download-stats,.wishlist-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1.5rem}.download-list,.wishlist-list{display:flex;flex-direction:column;gap:1rem}.download-item,.wishlist-item{background:#1a1a2e66;border:1px solid #ffffff1a;border-radius:12px;transition:all .3s ease}.download-item:hover,.wishlist-item:hover{border-color:#fff3;transform:translateY(-1px)}.download-content,.wishlist-content{align-items:center;display:flex;justify-content:space-between;padding:1rem}.download-track-info,.wishlist-track-info{align-items:center;display:flex;flex:1 1;gap:1rem}.download-thumb,.wishlist-thumb{border:1px solid #fff3;border-radius:8px;height:56px;object-fit:cover;width:56px}.download-details,.wishlist-details{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.download-title,.wishlist-title{color:#fff;font-size:1rem;font-weight:600;line-height:1.2;margin:0}.download-artist,.wishlist-artist{color:#ffffffb3;font-size:.875rem;margin:0}.download-meta,.wishlist-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.download-added,.wishlist-added{color:#fff9;font-size:.75rem}.download-actions,.wishlist-actions{display:flex;gap:.25rem}.download-action,.download-remove,.wishlist-action,.wishlist-remove{border-radius:6px;padding:.5rem;transition:all .3s ease}.download-action.favorited,.wishlist-action.favorited{background:#ff475733}.download-action .filled,.download-remove .filled,.wishlist-action .filled,.wishlist-remove .filled{fill:#ff4757;color:#ff4757}.download-remove .filled,.wishlist-remove .filled{fill:#fbbf24;color:#fbbf24}.limitation-badge{background:#fbbf241a;border:1px solid #fbbf244d;color:#fbbf24;font-size:.75rem}.limitation-notice{background:#fbbf241a;border:2px solid #fbbf244d;border-radius:12px;margin-top:1rem}.limitation-content{align-items:center;display:flex;gap:1rem;padding:1rem}.limitation-icon{color:#fbbf24;flex-shrink:0;height:2rem;width:2rem}.limitation-text{flex:1 1}.limitation-text h3{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .25rem}.limitation-text p{color:#fffc;font-size:.875rem;margin:0}.upgrade-btn{background:linear-gradient(135deg,#fbbf24,#d97706);border:none;border-radius:6px;color:#fff;padding:.5rem 1rem;transition:all .3s ease}.upgrade-btn:hover{box-shadow:0 4px 12px #fbbf244d;transform:translateY(-1px)}.download-stats{display:flex;gap:1rem}.stat-card{align-items:center;background:#1a1a2e99;border:1px solid #fbbf2433;display:flex;flex:1 1;flex-direction:column}.stat-card .stat-number{color:#fbbf24;font-family:Source Code Pro,monospace;font-size:1.5rem;font-weight:700}.stat-card .stat-label{color:#fff9;font-size:.75rem;margin-top:.25rem}.download-list{display:flex;flex-direction:column;gap:1rem}.download-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e99;border:1px solid #fbbf2433;border-radius:16px;transition:all .3s ease}.download-item:hover{border-color:#fbbf2466;box-shadow:0 4px 20px #fbbf241a;transform:translateY(-2px)}.download-item-content{align-items:center;display:flex;gap:1rem;padding:1.5rem}.download-thumb{border:2px solid #fbbf244d;border-radius:12px;height:80px;object-fit:cover;width:80px}.download-info{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.download-title{color:#fff;font-size:1.125rem;font-weight:700;line-height:1.2}.download-artist{color:#ffffffb3;font-size:1rem;font-weight:500}.download-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.download-genre{background:#fbbf241a;border:1px solid #fbbf244d;color:#fbbf24;font-size:.75rem;font-weight:500}.download-bpm,.download-key{background:#ffffff0d;border-radius:4px;color:#ffffffb3;font-family:Source Code Pro,monospace;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.download-date{color:#ffffff80;font-size:.75rem;font-style:italic}.download-actions{display:flex;flex-wrap:wrap;gap:.5rem}.buy-beatport,.buy-traxsource{background:#fbbf241a;border:1px solid #fbbf244d;color:#fbbf24;font-size:.75rem;font-weight:600;padding:.5rem 1rem}.buy-beatport:hover,.buy-traxsource:hover{background:#fbbf2433;border-color:#fbbf2480}.download-controls{display:flex;flex-direction:column;gap:.5rem}.download-favorite,.download-remove{border-radius:8px;padding:.75rem;transition:all .3s ease}.download-favorite.favorited{background:#ff475733}.download-favorite .filled{fill:#ff4757;color:#ff4757}.download-remove{background:#fbbf241a;border:1px solid #fbbf2433}.download-remove:hover{background:#fbbf2433;border-color:#fbbf2466}.bulk-actions{background:#1a1a2e66;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:1rem;justify-content:space-between;padding:1rem}.clear-all-btn{background:#ef44441a;border:1px solid #ef44444d;color:#fca5a5}.clear-all-btn:hover{background:#ef444433}.export-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;color:#1a1a2e;font-weight:600}.export-btn:hover{background:linear-gradient(135deg,#f59e0b,#d97706);color:#1a1a2e}.purchase-links-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e99;border:2px solid #00ff884d;border-radius:16px;display:flex;flex-direction:column;gap:1rem;margin:1rem 0;padding:1.5rem}.purchase-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.purchase-title{align-items:center;color:#fff;display:flex;font-size:1.125rem;font-weight:700;gap:.5rem}.purchase-icon{color:#0f8;height:1.25rem;width:1.25rem}.purchase-platforms{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.platform-link{align-items:center;background:#1a1a2ecc;border:1px solid #ffffff1a;border-radius:12px;color:inherit;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;text-decoration:none;transition:all .3s ease}.platform-link:hover{background:#1a1a2ee6;border-color:#00ff8880;box-shadow:0 4px 20px #00ff881a;transform:translateY(-2px)}.platform-info{flex:1 1;gap:.75rem}.platform-info,.platform-logo{align-items:center;display:flex}.platform-logo{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;font-size:1.5rem;height:2.5rem;justify-content:center;width:2.5rem}.platform-details{display:flex;flex-direction:column;gap:.25rem}.platform-name{color:#fff;font-size:1rem;font-weight:600}.platform-meta{align-items:center;display:flex;gap:.5rem}.platform-type{background:#0003;font-size:.7rem;font-weight:500}.platform-description{color:#ffffffb3;font-size:.75rem;font-style:italic;font-weight:400}.platform-external{color:#fff9;height:1rem;transition:all .3s ease;width:1rem}.platform-link:hover .platform-external{color:#0f8;transform:translate(2px,-2px)}.no-links-message{align-items:center;color:#fff9;display:flex;font-style:italic;gap:.5rem;justify-content:center;padding:2rem}.no-links-icon{animation:pulse 2s ease infinite;color:#fff6;height:1.25rem;width:1.25rem}.purchase-footer{border-top:1px solid #ffffff1a;margin-top:.5rem;padding-top:1rem}.affiliate-notice{color:#ffffff80;font-size:.75rem;font-style:italic;line-height:1.4}.platform-link[data-platform=beatport]:hover{border-color:#00ff8880;box-shadow:0 4px 20px #00ff8826}.platform-link[data-platform=traxsource]:hover{border-color:#ff6b3580;box-shadow:0 4px 20px #ff6b3526}.platform-link[data-platform=spotify]:hover{border-color:#1db95480;box-shadow:0 4px 20px #1db95426}@media (max-width:768px){.tabs-nav{-ms-overflow-style:none;flex-wrap:nowrap;gap:.25rem;margin-bottom:1rem;overflow-x:auto;padding:.5rem;scrollbar-width:none}.tabs-nav::-webkit-scrollbar{display:none}.tabs-trigger{flex:0 0 auto;font-size:.7rem;max-width:80px;min-width:60px;padding:.5rem .375rem;white-space:nowrap}.tab-icon{height:.75rem;width:.75rem}.listen-button{-webkit-tap-highlight-color:transparent;height:100px;touch-action:manipulation;width:100px}.mic-icon{height:4rem!important;width:4rem!important}}@media (max-width:480px){.tabs-nav{flex-wrap:nowrap;gap:.25rem;margin-bottom:1rem;padding:.375rem}.tabs-trigger{flex:0 0 auto;font-size:.65rem;max-width:70px;min-width:55px;padding:.375rem .25rem}.beatseek-header{padding:.5rem}input[type=email],input[type=password],input[type=text]{-webkit-appearance:none;font-size:16px!important}}@media (max-width:380px){.tabs-nav{flex-wrap:nowrap;margin-bottom:1rem;padding:.25rem}.tabs-trigger{flex:0 0 auto;font-size:.6rem;max-width:60px;min-width:45px;padding:.25rem .125rem}.listen-button{height:80px;width:80px}.mic-icon{height:3rem!important;width:3rem!important}}@media (max-width:768px){.purchase-platforms{grid-template-columns:1fr}.purchase-links-section{padding:1rem}.platform-link{padding:.75rem}.platform-logo{font-size:1.25rem;height:2rem;width:2rem}}.track-content{padding:1.5rem}.track-info{align-items:flex-start;gap:1rem}.track-artwork{border:2px solid #00d4ff4d;border-radius:12px;object-fit:cover}.track-details{gap:.5rem}.track-title{font-size:1.25rem;line-height:1.2}.track-meta{align-items:center;flex-wrap:wrap;gap:.75rem}.genre-badge{background:#00d4ff33;border:1px solid #00d4ff4d;color:#00d4ff;font-size:.75rem;font-weight:500}.track-bpm,.track-key{color:#fff9;font-family:Source Code Pro,monospace;font-size:.75rem;font-weight:500}.track-actions{gap:.5rem;margin-top:.5rem}.favorite-btn{border-radius:8px;padding:.5rem;transition:all .3s ease}.favorite-btn.favorited{background:#ff475733}.heart-icon{color:#fff9;height:1.25rem;transition:all .3s ease;width:1.25rem}.heart-icon.filled{fill:#ff4757;color:#ff4757}.play-btn{border-radius:8px;padding:.5rem}.play-icon{color:#fff9;height:1.25rem;width:1.25rem}.list-section{display:flex;flex-direction:column;gap:1rem}.section-title{color:#fff;font-size:1.5rem;font-weight:700;text-align:center}.empty-state{align-items:center;color:#fff9;display:flex;flex-direction:column;gap:1rem;padding:3rem 1rem}.empty-icon{color:#ffffff4d;height:3rem;width:3rem}.empty-subtitle{color:#fff6;font-size:.875rem}.tracks-list{display:flex;flex-direction:column;gap:.75rem}.track-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e99;border:1px solid #ffffff1a;border-radius:16px;transition:all .3s ease}.track-item:hover{border-color:#ff00004d;box-shadow:0 4px 20px #0000004d;transform:translateY(-2px)}.track-item-content{align-items:center;display:flex;gap:1rem;padding:1rem}.track-thumb{border:1px solid #fff3;border-radius:8px;height:50px;object-fit:cover;width:50px}.track-item-info{display:flex;flex-direction:column;gap:.25rem}.track-item-title{font-size:1rem;line-height:1.2}.track-item-artist{color:#ffffffb3;font-size:.875rem}.track-item-meta{align-items:center;display:flex;gap:.5rem;margin-top:.25rem}.genre-badge-small{background:#00d4ff1a;border:1px solid #00d4ff33;color:#00d4ff;font-size:.7rem;height:auto;padding:.25rem .5rem}.track-time{color:#ffffff80;font-family:Source Code Pro,monospace;font-size:.75rem}@media (max-width:640px){.main-container{padding:.75rem}.header-section{padding:1.5rem 1rem .75rem}.app-title{font-size:1.75rem}.listen-button{height:100px;width:100px}.listen-button .mic-icon,.listen-section .listen-button .mic-icon,.mic-icon,button.listen-button .mic-icon{stroke-width:1.5!important;height:5rem!important;min-height:5rem!important;min-width:5rem!important;width:5rem!important}.track-info{align-items:center;flex-direction:column;text-align:center}.track-artwork{height:120px;width:120px}}.microphone-error{background:#ef44441a;border:1px solid #ef44444d;color:#fca5a5;margin-bottom:1.5rem}.retry-btn{color:#00d4ff;font-size:.875rem;height:auto;padding:.25rem .75rem}.retry-btn:hover{background:#00d4ff1a}.listen-button.error,.listen-button.error:hover{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 8px 32px #6b728066}.listen-button.error:hover{transform:none}.audio-level-indicator{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.audio-level-bar{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;height:8px;overflow:hidden;width:200px}.audio-level-fill{background:linear-gradient(90deg,#00d4ff,#f0f);border-radius:4px;box-shadow:0 0 10px #00d4ff80;height:100%;transition:width .1s ease}.audio-level-text{color:#fff9;font-family:Source Code Pro,monospace;font-size:.75rem;font-weight:500}.audio-bars{align-items:end;background:#1a1a2e4d;border:1px solid #00d4ff33;border-radius:12px;display:flex;gap:4px;height:80px;justify-content:center;padding:10px;width:240px}.audio-bar{background:linear-gradient(0deg,red,#c00);border-radius:3px;box-shadow:0 0 4px #ff00004d;min-height:10%;transition:height .1s ease;width:8px}.track-confidence{background:#4ade801a;border:1px solid #4ade8033;border-radius:6px;color:#4ade80}.camelot-key,.track-confidence{font-family:Source Code Pro,monospace;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.camelot-key{background:#a855f71a;border:1px solid #a855f733;border-radius:6px;color:#a855f7}.dj-features{background:#1a1a2e66;border:1px solid #ffffff1a;border-radius:8px;display:flex;flex-direction:column;gap:.75rem;margin:.75rem 0;padding:.75rem}.energy-mood{gap:.75rem}.energy-indicator,.energy-mood{align-items:center;display:flex}.energy-indicator{gap:.25rem}.energy-icon{height:1rem;width:1rem}.energy-text{color:#fffc;font-family:Source Code Pro,monospace;font-size:.75rem;font-weight:500}.mood-badge{background:#a855f71a;border:1px solid #a855f733;color:#a855f7;font-size:.7rem}.mix-info{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.mix-timing{background:#ffffff0d;border-radius:4px;color:#fff9;font-family:Source Code Pro,monospace;font-size:.75rem;padding:.25rem .5rem}.mixability-badge{background:#22c55e1a;border:1px solid #22c55e33;color:#22c55e;font-size:.7rem}.dj-btn{background:#a855f71a;border:1px solid #a855f733;border-radius:8px;padding:.5rem}.dj-btn:hover{background:#a855f733}.dj-icon{color:#a855f7;height:1.25rem;width:1.25rem}.dj-recommendations{margin-top:1rem}.dj-section-title{color:#fff;font-size:1rem;font-weight:600;margin-bottom:1rem}.dj-tabs{margin-bottom:1rem}.dj-tab,.dj-tabs{display:flex;gap:.5rem}.dj-tab{align-items:center;background:#a855f71a;border:1px solid #a855f733;border-radius:8px;color:#a855f7;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.dj-tab.active{background:#a855f733;border-color:#a855f74d}.dj-tab-icon{height:1rem;width:1rem}.compatible-tracks{display:flex;flex-direction:column;gap:.5rem}.compatible-track{align-items:center;background:#1a1a2e4d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:.75rem;padding:.75rem;transition:all .3s ease}.compatible-track:hover{border-color:#a855f74d;transform:translateY(-1px)}.compatible-artwork{border:1px solid #fff3;border-radius:6px;height:40px;object-fit:cover;width:40px}.compatible-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.compatible-title{color:#fff;font-size:.875rem;font-weight:600}.compatible-artist{color:#ffffffb3;font-size:.75rem}.compatible-meta{align-items:center;display:flex;gap:.5rem}.compatible-bpm,.compatible-key{color:#fff9;font-family:Source Code Pro,monospace;font-size:.7rem}.energy-dot{border-radius:50%;box-shadow:0 0 4px #0000004d;height:8px;width:8px}.dj-section{display:flex;flex-direction:column;gap:1.5rem}.dj-filters{background:#1a1a2e99;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-wrap:wrap;gap:1rem;padding:1rem}.filter-group{flex:1 1;gap:.5rem;min-width:150px}.filter-label{color:#fffc;font-size:.875rem;font-weight:500}.filter-select{background:#1a1a2ecc;border:1px solid #fff3;font-size:.875rem;outline:none;padding:.5rem;transition:border-color .3s ease}.filter-select:focus{border-color:#00d4ff80}.filter-select option{background:#1a1a2ee6}.dj-tracks{display:flex;flex-direction:column;gap:.75rem}.dj-track-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e99;border:1px solid #ffffff1a;border-radius:12px;transition:all .3s ease}.dj-track-card:hover{border-color:#00d4ff4d;box-shadow:0 4px 20px #0000004d;transform:translateY(-2px)}.dj-track-content{align-items:center;display:flex;gap:1rem;padding:1rem}.dj-track-thumb{border:1px solid #fff3;border-radius:8px;height:60px;object-fit:cover;width:60px}.dj-track-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.dj-track-title{color:#fff;font-size:1rem;font-weight:600;line-height:1.2}.dj-track-artist{color:#ffffffb3;font-size:.875rem}.dj-track-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.dj-bpm,.dj-key{background:#00d4ff1a;border:1px solid #00d4ff33;border-radius:4px;color:#fffc;font-family:Source Code Pro,monospace;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.dj-genre{background:#a855f71a;border:1px solid #a855f733;color:#a855f7;font-size:.7rem}.energy-bar{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden;width:60px}.energy-fill{border-radius:3px;height:100%;transition:width .3s ease}.dj-mix-info{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.mix-detail{background:#ffffff0d;border-radius:3px;color:#fff9;font-family:Source Code Pro,monospace;font-size:.7rem;padding:.2rem .4rem}.mixability{background:#22c55e1a;border:1px solid #22c55e33;color:#22c55e;font-size:.7rem}.dj-actions{display:flex;flex-direction:column;gap:.5rem}.dj-favorite-btn,.dj-play-btn{border-radius:6px;padding:.5rem;transition:all .3s ease}.dj-favorite-btn.favorited{background:#ff475733}.dj-favorite-btn .filled{fill:#ff4757;color:#ff4757}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb{background:#ff000080;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ff0000b3}.trending-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.trending-modal{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border:2px solid #ff47574d;border-radius:20px;box-shadow:0 20px 60px #ff47574d;max-height:85vh;max-width:800px;overflow-y:auto;scrollbar-color:#f973164d #0000;scrollbar-width:thin;width:90vw}.trending-modal::-webkit-scrollbar{width:4px}.trending-modal::-webkit-scrollbar-track{background:#0000}.trending-modal::-webkit-scrollbar-thumb{background:#f973164d;border-radius:2px}.trending-modal::-webkit-scrollbar-thumb:hover{background:#f9731680}.trending-modal-header{background:inherit;border-bottom:1px solid #ffffff1a;display:flex;flex-direction:column;gap:12px;padding:1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.trending-modal-header h2{align-items:center;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;justify-content:center;margin:0}.flame-icon{animation:flameFlicker 2s ease-in-out infinite alternate;display:inline-block;font-size:1.8rem;transform-origin:bottom center}.globe-icon{animation:globeSpin 4s linear infinite;display:inline-block}.music-note-icon{animation:musicNoteRock 1.5s ease-in-out infinite alternate;text-shadow:-1px -1px 0 #ffffff80,1px -1px 0 #ffffff80,-1px 1px 0 #ffffff80,1px 1px 0 #ffffff80,0 0 3px #ffffff4d}.chat-bubble-icon,.music-note-icon{display:inline-block;transform-origin:center center}.chat-bubble-icon{animation:chatBubblePop 2s ease-in-out infinite}@keyframes flameFlicker{0%{transform:rotate(-2.5deg) scale(1) translateY(0)}25%{transform:rotate(1.5deg) scale(1.04) translateY(-.5px)}50%{transform:rotate(-2deg) scale(.98) translateY(.5px)}75%{transform:rotate(2.5deg) scale(1.03) translateY(-1px)}to{transform:rotate(-1.5deg) scale(1.02) translateY(0)}}@keyframes globeSpin{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}.custom-scrollbar{scrollbar-color:#9333ea4d #1f29371a;scrollbar-width:thin}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#1f29371a;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#9333ea80,#3b82f680);border:1px solid #9333ea33;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#9333eab3,#3b82f6b3)}.post-label-modal::-webkit-scrollbar{width:8px}.post-label-modal::-webkit-scrollbar-track{background:#1e143280;border-radius:10px}.post-label-modal::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#9333ea,#fbbf24);border:1px solid #9333ea4d;border-radius:10px}.post-label-modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a855f7,#f59e0b)}.demo-showcase-modal::-webkit-scrollbar{width:8px}.demo-showcase-modal::-webkit-scrollbar-track{background:#1e143280;border-radius:10px}.demo-showcase-modal::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#9333ea,#fbbf24);border:1px solid #9333ea4d;border-radius:10px}.demo-showcase-modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a855f7,#f59e0b)}.chat-pulse{animation:chatPulse 2s ease-in-out infinite}@keyframes chatPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.message-slide-in{animation:slideInMessage .3s ease-out}@keyframes slideInMessage{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.community-features-grid{grid-gap:24px;gap:24px;margin-bottom:24px;margin-top:16px}.feature-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1f2937cc;border:1px solid #9ca3af33;border-radius:16px;min-height:120px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-btn:hover{background:#374151e6;border-color:#f066;box-shadow:0 20px 35px -5px #ff00664d,0 10px 10px -5px #f063;transform:translateY(-2px) scale(1.02)}.feature-icon{align-items:center;display:flex;font-size:32px;height:56px;justify-content:center;margin-right:20px;width:56px}.feature-name{color:#fff;font-size:18px;line-height:1.3;margin-bottom:8px}.feature-desc,.feature-name{overflow-wrap:break-word;word-break:normal}.feature-desc{color:#9ca3af;font-size:14px;line-height:1.4}.social-tab-content{margin:0 auto;max-width:1200px;width:100%}.social-cards-container{display:flex;flex-direction:column;gap:24px;max-width:1200px;width:100%}.community-card,.connection-card,.discord-widget-card,.profile-card,.spotify-integration-card{max-width:900px;min-width:700px;width:100%}.profile-panel{min-height:200px;padding:24px}.profile-info{display:flex;flex-direction:column;gap:16px}.profile-stats{margin:20px 0}.stats-title{color:#fff;font-size:18px;font-weight:700;margin-bottom:20px}.profile-content-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr;margin-top:8px}.social-links-column,.stats-column{background:#1f293773;border:none;border-radius:12px;display:flex;flex-direction:column;min-height:240px;padding:14px}.column-title{color:#a78bfa;font-size:14px;font-weight:600;letter-spacing:.05em;line-height:1.2;margin:0;text-align:center;text-transform:uppercase}.stats-list{display:flex;flex-direction:column;gap:8px}.stat-item-row{align-items:center;border-bottom:1px solid #9ca3af4d;display:flex;justify-content:space-between;padding:8px 0}.stat-item-row:last-child{border-bottom:none}.stat-label{color:#9ca3af;font-size:13px;font-weight:500}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:16px}.social-links-header{align-items:center;display:flex;gap:12px;justify-content:flex-start;margin-bottom:12px}.add-social-btn{align-items:center;background:#0000;border:2px solid #a78bfa;border-radius:50%;color:#a78bfa;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:20px;justify-content:center;margin:0;transition:all .2s;width:20px}.add-social-btn:hover{background:#a78bfa;box-shadow:0 2px 8px #a78bfa66;color:#1f2937;transform:scale(1.1)}.social-links-list{display:flex;flex-wrap:wrap;gap:6px;max-height:280px;overflow-y:auto}.social-link-item{align-items:center;background:#37415180;border:1px solid #9ca3af33;border-radius:8px;display:flex;gap:10px;padding:10px;transition:all .2s}.social-link-item:hover{background:#4b556399;border-color:#9333ea4d;transform:translateY(-1px)}.social-link-item-compact{align-items:center;background:#0000;border:none!important;border-radius:4px;color:#fff;display:flex;flex:0 0 auto;font-size:12px;font-weight:500;gap:8px;margin:2px 0;min-width:0;padding:6px 4px;position:relative;text-decoration:none;transition:all .15s ease}.social-link-item-compact:hover{background:#a78bfa1a;border:none!important;color:#a78bfa;transform:translateX(2px)}.social-icon-compact{align-items:center;border-radius:6px;display:flex;flex-shrink:0;font-size:14px;height:28px;justify-content:center;width:28px}.social-platform-compact{font-size:12px;font-weight:500;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-social-btn-compact{align-items:center;background:#0000;border:none;border-radius:50%;color:#ef4444b3;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:20px;justify-content:center;margin-left:4px;opacity:0;transition:all .2s;width:20px}.remove-social-btn-compact:hover{background:#ef444433;color:#ef4444;opacity:1;transform:scale(1.1)}.social-link-item-compact:hover .remove-social-btn-compact{opacity:.7}.social-links-droppable{display:flex;flex-direction:column;gap:4px;overflow:visible;padding-bottom:4px}.social-links-droppable [data-rbd-placeholder-context-id],.social-links-droppable>div[data-rbd-placeholder-context-id]{background:linear-gradient(90deg,#0000,#9333ea99,#0000)!important;border-radius:2px!important;height:3px!important;margin:2px 0!important;max-height:3px!important;min-height:3px!important;opacity:1!important;padding:0!important;pointer-events:none!important}.social-links-droppable::-webkit-scrollbar,.social-links-list::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.social-links-droppable,.social-links-list{-ms-overflow-style:none!important;scrollbar-width:none!important}.social-links-column{overflow:hidden!important}.social-link-item-compact.dragging{background:#9333ea4d;border:none!important;box-shadow:0 4px 12px #9333ea66;transform:rotate(2deg) scale(1.05);z-index:1000}.social-links-droppable .social-link-item-compact,.social-links-droppable .social-link-item-compact a,.social-links-droppable .social-link-item-compact a:focus,.social-links-droppable .social-link-item-compact a:hover,.social-links-droppable .social-link-item-compact a:visited,.social-links-droppable .social-link-item-compact.dragging,.social-links-droppable .social-link-item-compact:focus,.social-links-droppable .social-link-item-compact:hover{background:#0000!important;border:none!important;box-shadow:none!important;outline:none!important;text-decoration:none!important}.social-links-droppable .social-link-item-compact:hover{background:#0000!important;color:#a78bfa!important;transform:translateX(2px)}.social-links-droppable .social-link-item-compact.dragging{background:#9333ea26!important;box-shadow:none!important;transform:rotate(1deg) scale(1.02);z-index:1000}.social-link-item-compact,.social-link-item-compact *,.social-link-item-compact :after,.social-link-item-compact :before,.social-link-item-compact:after,.social-link-item-compact:before{--border:#0000!important;border:0 #0000!important;box-shadow:none!important;outline:none!important}.social-link-item-compact .border-border,.social-link-item-compact [class*=border],.social-link-item-compact.border-border{border:none!important}.social-links-column,.social-links-column *,.social-links-droppable,.social-links-droppable *,.social-links-list,.social-links-list *{--border:#0000!important;border:none!important;box-shadow:none!important;outline:none!important}.drag-handle-compact{align-items:center;border-radius:3px;cursor:grab;display:flex;justify-content:center;margin-right:2px;padding:1px;transition:all .2s}.drag-handle-compact svg{height:10px;width:10px}.drag-handle-compact:hover{background:#9ca3af33}.drag-handle-compact:active{cursor:grabbing}.social-link-main-content{align-items:center;color:#fff;display:flex;flex:1 1;font-size:11px;font-weight:500;gap:6px;text-decoration:none}.social-link-main-content:hover{color:#a78bfa}.social-icon{align-items:center;border-radius:6px;display:flex;flex-shrink:0;font-size:16px;height:28px;justify-content:center;width:28px}.social-icon.instagram{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}.social-icon.twitter{background:#1da1f2}.social-icon.soundcloud{background:#f50}.social-icon.mixcloud{background:#314a52}.social-icon.youtube{background:red}.social-icon.spotify{background:#1db954}.social-icon.facebook{background:#1877f2}.social-icon.tiktok{background:linear-gradient(45deg,#ff0050,#00f2ea)}.social-icon.linkedin{background:#0a66c2}.social-icon.website{background:#6366f1}.social-icon-compact.instagram{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}.social-icon-compact.lfgtv{background:#60a5fa}.social-icon-compact.soundcloud{background:#f50}.social-icon-compact.mixcloud{background:#314a52}.social-icon-compact.youtube{background:red}.social-icon-compact.spotify{background:#1db954}.social-icon-compact.facebook{background:#1877f2}.social-icon-compact.tiktok{background:linear-gradient(45deg,#ff0050,#00f2ea)}.social-icon-compact.twitch{background:#9146ff}.social-icon-compact.website{background:#6366f1}.social-icon-compact img{max-height:18px;max-width:20px;transition:all .2s ease}.social-icon-compact img,.social-icon-compact img[src$=".png"]{filter:brightness(0) saturate(0) invert(1) contrast(2);object-fit:contain}.social-icon-compact img[src$=".png"]{height:18px;max-width:28px;width:auto}.social-icon-compact img[src*=lfgtv]{height:22px;max-width:36px}.social-link-item-compact:hover .social-icon-compact img{transform:scale(1.1)}.social-link-item-compact:hover .social-icon-compact img[src$=".png"],.social-link-item-compact:hover .social-icon-compact img[src$=".svg"]{filter:brightness(0) saturate(0) invert(1) contrast(2) drop-shadow(0 0 6px rgba(255,255,255,.8))}.social-link-item-compact.dragging .social-icon-compact img[src$=".png"],.social-link-item-compact.dragging .social-icon-compact img[src$=".svg"]{filter:brightness(0) saturate(0) invert(1) contrast(2) drop-shadow(0 0 8px rgba(167,139,250,.8))}.social-link-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.social-platform{color:#9ca3af;font-size:11px;font-weight:500}.social-username{color:#fff;font-size:13px;font-weight:500;text-decoration:none}.social-username:hover{color:#a78bfa;text-decoration:underline}.remove-social-btn{align-items:center;background:#ef444433;border:none;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;opacity:.7;transition:all .2s;width:20px}.remove-social-btn:hover{background:#ef44444d;opacity:1;transform:scale(1.1)}.empty-social-state{padding:20px 10px;text-align:center}.empty-text{color:#9ca3af;font-size:13px}.empty-subtext{color:#6b7280;font-size:11px;font-style:italic}.fixed.inset-0.bg-black.bg-opacity-70 .bg-gradient-to-br .grid.grid-cols-2{gap:8px!important}.fixed.inset-0.bg-black.bg-opacity-70 .bg-gradient-to-br .grid.grid-cols-2 button[type=button]{min-height:auto!important;padding:8px 12px!important}.fixed.inset-0 .bg-gradient-to-br form .grid button.p-4{padding:8px 12px!important}div.fixed.inset-0 div.bg-gradient-to-br form div.grid.grid-cols-2 button{height:auto!important;padding:8px 12px!important}.connection-search{padding:24px}.connection-description{color:#9ca3af;font-size:16px;line-height:1.5;margin-bottom:20px;text-align:center}.search-container{display:flex;gap:12px;margin-bottom:20px}.search-input{background:#1f293780;border:1px solid #9ca3af4d;flex:1 1;font-size:14px;padding:12px 16px}.search-input::placeholder{color:#9ca3af}.search-button{background:linear-gradient(135deg,#06b6d4,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s}.search-button:hover{background:linear-gradient(135deg,#0891b2,#2563eb);transform:translateY(-1px)}.spotify-integration{padding:24px}.spotify-header{gap:12px;margin-bottom:20px}.spotify-description{color:#9ca3af;font-size:16px;line-height:1.5;margin-bottom:20px}.spotify-features{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:20px 0}.spotify-feature{background:#1f293780;border:1px solid #9ca3af33;border-radius:8px;padding:16px;text-align:center}.spotify-feature-title{color:#fff;font-weight:600;margin-bottom:8px}.spotify-feature-desc{color:#9ca3af;font-size:14px;line-height:1.4}.community-feed-cta{padding:8px}.feed-description{color:#6b7280;font-size:16px;line-height:1.5;margin-bottom:20px}.community-note{color:#9ca3af;font-size:14px;font-style:italic;margin-top:24px;text-align:center}.card-header h3,.community-feed-header,.connection-header,.profile-header,.spotify-header h3{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:700;gap:8px;margin-bottom:12px}.card-content{padding:24px}.social-section{margin-bottom:32px}.social-section:last-child{margin-bottom:0}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-primary:hover{background:linear-gradient(135deg,#7c3aed,#2563eb);box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.btn-secondary{background:#0000;border:1px solid #9ca3af4d;border-radius:8px;color:#9ca3af;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-secondary:hover{background:#9333ea1a;border-color:#9333ea4d;color:#a78bfa}.user-search-result{align-items:center;background:#1f293780;border:1px solid #9ca3af33;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px;transition:all .2s}.user-search-result:hover{background:#37415199;border-color:#9333ea4d;transform:translateY(-1px)}.user-info{flex:1 1;gap:12px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:50%;color:#fff;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.user-details h4{color:#fff;font-weight:600;margin-bottom:4px}.user-details p{color:#9ca3af;font-size:14px}.user-actions{display:flex;gap:8px}.add-friend-btn,.follow-btn{border-radius:6px;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.follow-btn{background:linear-gradient(135deg,#06b6d4,#3b82f6);border:none;color:#fff}.follow-btn:hover{background:linear-gradient(135deg,#0891b2,#2563eb)}.follow-btn.is-following{background:#22c55e33!important;border:1px solid #22c55e80!important;color:#86efac!important}.follow-btn.is-following:hover{background:#ef444433!important;border-color:#ef444480!important;color:#fca5a5!important}.add-friend-btn{background:#0000;border:1px solid #9ca3af4d;color:#9ca3af}.add-friend-btn:hover{background:#9333ea1a;border-color:#9333ea4d;color:#a78bfa}@media (max-width:768px){.community-features-grid{gap:16px;grid-template-columns:1fr}.feature-btn{min-height:100px;padding:20px}.feature-icon{font-size:20px;height:48px;margin-right:16px;width:48px}.feature-name{font-size:16px}.feature-desc{font-size:13px}.community-card,.connection-card,.discord-widget-card,.profile-card,.soundcloud-integration-card,.spotify-integration-card{height:auto!important;max-width:100%!important;min-height:auto!important;min-width:auto!important;overflow:visible!important;width:100%!important}.discord-widget-card [class*=Card],.discord-widget-card [class*=card],.discord-widget-card>*,.soundcloud-integration-card [class*=Card],.soundcloud-integration-card [class*=card],.soundcloud-integration-card>*{height:auto!important;max-height:none!important;min-height:auto!important;overflow:visible!important}.profile-content-grid{gap:16px!important;grid-template-columns:1fr;max-width:100%!important;padding:0!important;width:100%!important}.social-links-column,.stats-column{height:auto!important;margin-bottom:4px!important;max-width:100%!important;min-height:auto!important;overflow:visible!important;padding:12px!important;width:100%!important}.dashboard-panel-btn,.dashboard-panel-btn.px-4.py-2{gap:3px!important;line-height:1.2!important}.dashboard-panel-btn .w-4.h-4,.dashboard-panel-btn svg{height:10px!important;min-height:10px!important;min-width:10px!important;width:10px!important}.social-links-column button,.stats-column button{box-sizing:border-box!important;line-height:1.2!important;margin-bottom:3px!important;max-width:100%!important;width:100%!important}.social-links-column button .w-4,.social-links-column button svg,.stats-column button .w-4,.stats-column button svg{height:10px!important;width:10px!important}.social-links-column div[style*=gap],.stats-column div[style*=gap]{gap:4px!important}.stat-item-row{font-size:.75rem!important;padding:4px 0!important}.column-title,.stats-list{margin-bottom:8px!important}.column-title{font-size:12px!important}.social-link-item{padding:4px!important}.social-input{font-size:11px!important}.spotify-features{grid-template-columns:1fr}.search-container,.user-actions{flex-direction:column}.user-actions{gap:4px}}.room-card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.room-card-hover:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-2px) scale(1.02)}.chat-room-title{line-height:1.3;overflow-wrap:break-word;white-space:normal;word-break:normal}.chat-room-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;-webkit-hyphens:none;hyphens:none;line-height:1.5;max-height:4.5em;overflow:hidden;overflow-wrap:break-word;white-space:normal;word-break:normal}.chat-room-card{white-space:normal;word-spacing:normal}.chat-room-card .description,.chat-room-card .title{overflow-wrap:break-word;white-space:normal;word-break:normal}@keyframes musicNoteRock{0%{transform:rotate(-15deg)}to{transform:rotate(15deg)}}@keyframes chatBubblePop{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.producer-icon{animation:producerMix 3s ease-in-out infinite}@keyframes producerMix{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(-2deg) scale(1.05)}75%{transform:rotate(2deg) scale(1.05)}}.festival-icon{animation:festivalBounce 2.5s ease-in-out infinite}@keyframes festivalBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.1)}}.title-text{animation:titleGlow 3s ease-in-out infinite alternate;color:#ff4757;text-shadow:0 0 6px #ff4757e6,0 0 12px #ff4757b3,0 0 18px #ff475780,0 4px 8px #0000004d}@keyframes titleGlow{0%{text-shadow:0 0 6px #ff4757e6,0 0 12px #ff4757b3,0 0 18px #ff475780,0 4px 8px #0000004d}to{text-shadow:0 0 8px #ff4757,0 0 15px #ff4757cc,0 0 22px #ff475799,0 4px 8px #0000004d}}.trending-content{padding:1.5rem}.trending-feed{display:flex;flex-direction:column;gap:1.5rem}.trending-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e99;border:1px solid #ff475733;border-radius:16px;padding:1.5rem;transition:all .3s ease}.trending-item:hover{border-color:#ff475766;box-shadow:0 8px 25px #ff475733;transform:translateY(-2px)}.trending-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.trending-rank{align-items:center;display:flex;gap:1rem}.rank-number{color:#ff4757;font-size:2rem;font-weight:900;min-width:3rem;text-shadow:0 2px 4px #ff47574d}.trend-indicators{display:flex;gap:.5rem}.trending-badge{border-radius:12px;font-size:.7rem;font-weight:600;padding:.25rem .75rem;white-space:nowrap}.global-badge,.local-badge{background:#ffffff1a;border:1px solid #ffffff4d;color:#fff}.trending-track-info{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.trending-stats-info{display:flex;flex-direction:column;gap:.5rem;min-width:100px}.trending-stat{align-items:center;display:flex;flex-direction:column;text-align:center}.trending-stat .stat-value{color:#ff4757;font-family:Source Code Pro,monospace;font-size:1.25rem;font-weight:700}.trending-stat .stat-label{color:#fff9;font-size:.7rem;font-weight:500;text-transform:uppercase}.trending-actions{display:flex;gap:.75rem;justify-content:flex-start;margin-bottom:1rem}@media (max-width:768px){.trending-modal{max-height:90vh;width:95vw}.trending-modal-header{gap:10px;padding:1rem}.trending-modal-header h2{font-size:1.1rem}.trending-track-info{align-items:flex-start;flex-direction:column}.trending-stats-info{flex-direction:row;justify-content:space-around;width:100%}.trending-actions{flex-wrap:wrap;gap:.5rem}.purchase-buttons-group{flex-direction:column;width:100%}}.spotify-integration{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.spotify-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:absolute;right:0;top:0}.spotify-modal{animation:modalSlideIn .3s ease;background:linear-gradient(135deg,#1e293b,#334155 50%,#475569);border:2px solid #00d4ff4d;border-radius:20px;box-shadow:0 20px 40px #00000080;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.spotify-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1.5rem 1.5rem 0}.spotify-modal-header h3{color:#00d4ff;font-size:1.5rem;gap:.5rem;margin:0}.close-button,.spotify-modal-header h3{align-items:center;display:flex;font-weight:700}.close-button{background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fffc;cursor:pointer;font-size:1.25rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.close-button:hover{background:#fff3;color:#fff;transform:scale(1.1)}.spotify-modal-content{padding:0 1.5rem 1.5rem}.spotify-connect-info{margin-bottom:2rem}.spotify-icon{color:#1db954;font-size:4rem;margin-bottom:1rem}.spotify-connect-info h4{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.spotify-connect-info p{color:#fffc;line-height:1.5;margin:0}.spotify-connect-button{background:linear-gradient(135deg,#1db954,#1ed760);border:none;border-radius:12px;box-shadow:0 4px 12px #1db9544d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease;width:100%}.spotify-connect-button:hover{background:linear-gradient(135deg,#1ed760,#21e065);box-shadow:0 6px 20px #1db95466;transform:translateY(-2px)}.spotify-connect-button:disabled{background:#6b728080;box-shadow:none;color:#ffffff80;cursor:not-allowed;transform:none}.spotify-user-info{background:#1a1a2e99;border:1px solid #1db9544d;border-radius:12px;margin-bottom:1.5rem;padding:1rem}.user-details{align-items:center;display:flex;justify-content:space-between}.user-details span{color:#fff;font-size:.9rem}.disconnect-button{background:#ef444433;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .3s ease}.disconnect-button:hover{background:#ef44444d;border-color:#ef444480}.track-info{background:#00d4ff1a;border:1px solid #00d4ff33;border-radius:12px;margin-bottom:1.5rem;padding:1rem;text-align:center}.track-info h4{color:#fff;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.track-info p{color:#fffc;font-size:1rem;margin:0}.playlist-selection{margin-bottom:1.5rem}.playlist-selection h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 1rem}.playlist-option{margin-bottom:.75rem}.playlist-option label{align-items:center;background:#1a1a2e66;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:all .3s ease}.playlist-option label:hover{background:#1a1a2e99;border-color:#1db9544d}.playlist-option input[type=radio]{accent-color:#1db954;height:1rem;width:1rem}.playlist-option-content{display:flex;flex-direction:column;gap:.25rem}.playlist-option-content strong{color:#fff;font-size:.9rem;font-weight:600}.playlist-option-content small{color:#fff9;font-size:.8rem}.existing-playlists h5{color:#fffc;font-size:.875rem;font-weight:500;margin:1rem 0 .75rem}.spotify-actions{margin-top:1.5rem}.save-button{background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:12px;box-shadow:0 4px 12px #00d4ff4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease;width:100%}.save-button:hover{background:linear-gradient(135deg,#09c,#007acc);box-shadow:0 6px 20px #00d4ff66;transform:translateY(-2px)}.save-button:disabled{background:#6b728080;box-shadow:none;color:#ffffff80;cursor:not-allowed;transform:none}.spotify-message{border-radius:8px;font-size:.875rem;margin-top:1rem;padding:.75rem 1rem;text-align:center}.spotify-message.success{background:#22c55e33;border:1px solid #22c55e4d;color:#6ee7b7}.spotify-message.error{background:#ef444433;border:1px solid #ef44444d;color:#fca5a5}@media (max-width:640px){.spotify-modal{margin:.5rem;max-width:95vw}.spotify-modal-header{padding:1rem 1rem 0}.spotify-modal-content{padding:0 1rem 1rem}.spotify-modal-header h3{font-size:1.25rem}}.save-to-spotify-btn{align-items:center;background:#1db95426!important;border:1px solid #1db95466!important;border-radius:8px;color:#1db954!important;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.save-to-spotify-btn:hover{background:#1db9544d!important;border-color:#1db954b3!important;box-shadow:0 4px 12px #1db9544d;color:#1db954!important;transform:translateY(-1px)}.save-to-spotify-btn .spotify-btn-icon{color:#1db954!important;height:1rem;width:1rem}.user-search-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e99;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1.5rem}.user-search-content{padding:1.5rem}.search-header{margin-bottom:1rem}.search-title{align-items:center;color:#fff;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem}.search-icon{color:#00d4ff;height:1.25rem;width:1.25rem}.search-input-container{margin-bottom:1rem;position:relative}.search-input{background:#1a1a2ecc;border:1px solid #fff3;border-radius:8px;font-size:.875rem;outline:none;padding:.75rem 1rem;transition:border-color .3s ease}.search-input:focus{border-color:#00d4ff80}.search-input::placeholder{color:#ffffff80}.search-loading{position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#00d4ff;height:1rem;width:1rem}.search-results{display:flex;flex-direction:column;gap:.75rem;max-height:280px;overflow-y:auto;padding-right:.5rem;scrollbar-color:#667eea80 #ffffff1a;scrollbar-width:thin}.search-results::-webkit-scrollbar{width:8px}.search-results::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.search-results::-webkit-scrollbar-thumb{background:#667eea80;border-radius:4px}.search-results::-webkit-scrollbar-thumb:hover{background:#667eeab3}.search-result-item{border-radius:8px;padding:1rem;transition:all .3s ease}.search-result-item:hover{border-color:#00d4ff4d;transform:translateY(-1px)}.search-user-info{flex:1 1}.search-user-avatar{background:#ffffff1a;border:2px solid #fff3;height:48px;overflow:hidden;width:48px}.search-user-avatar .avatar-icon{color:#fff9;height:1.5rem;width:1.5rem}.search-user-avatar .avatar-image{height:100%;object-fit:cover;width:100%}.search-user-details{flex:1 1;gap:.25rem}.search-user-name{color:#fff;font-size:1rem;margin:0}.search-user-bio{color:#ffffffb3;font-size:.875rem;margin:0}.search-user-genres{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.search-user-actions{display:flex;gap:.5rem}.follow-btn{background:#00d4ff33;border:1px solid #00d4ff4d;border-radius:6px;color:#00d4ff;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.follow-btn:hover{background:#00d4ff4d;border-color:#00d4ff80}.unfollow-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fffc;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.unfollow-btn:hover{background:#ff475733;border-color:#ff47574d;color:#ff4757}.notifications-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e99;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1.5rem}.notifications-content{padding:1.5rem}.notifications-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.notifications-title{align-items:center;color:#fff;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem}.notifications-icon{color:#00d4ff;height:1.25rem;width:1.25rem}.notifications-badge{background:#ff475733;border:1px solid #ff47574d;color:#ff4757;font-size:.75rem}.notifications-list{display:flex;flex-direction:column;gap:.75rem}.notification-item{align-items:center;background:#1a1a2e66;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:.75rem;padding:1rem;position:relative;transition:all .3s ease}.notification-item.unread{background:#00d4ff0d;border-color:#00d4ff4d}.notification-item:hover{transform:translateY(-1px)}.notification-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.notification-type{align-items:center;background:#00d4ff1a;border:1px solid #00d4ff33;border-radius:50%;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.notification-type-icon{color:#00d4ff;height:1.25rem;width:1.25rem}.notification-details{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.notification-message{color:#fff;font-size:.875rem;line-height:1.4;margin:0}.notification-time{color:#fff9;font-size:.75rem}.notification-unread-dot{background:#ff4757;border-radius:50%;box-shadow:0 0 4px #ff475780;height:8px;position:absolute;right:.5rem;top:.5rem;width:8px}.feed-message{background:#ffffff0d;border-left:3px solid #00d4ff80;border-radius:6px;color:#fffc;font-size:.875rem;font-style:italic;margin:.5rem 0 0;padding:.5rem}.feed-track{background:#1a1a2e66;border:1px solid #ffffff1a;border-radius:12px;padding:1rem;transition:all .3s ease}.feed-track:hover{border-color:#00d4ff4d;box-shadow:0 4px 20px #0003;transform:translateY(-1px)}.feed-track-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.feed-user-info{align-items:center;display:flex;gap:.5rem}.feed-user-avatar{color:#fff9;height:1.5rem;width:1.5rem}.feed-user-name{color:#fff;font-size:.875rem;font-weight:500}.feed-timestamp{color:#ffffff80;font-size:.75rem}.feed-share-icon{color:#00d4ff99;height:1rem;width:1rem}.feed-track-info{align-items:center;display:flex;gap:1rem}.feed-track-thumb{border:1px solid #fff3;border-radius:8px;height:56px;object-fit:cover;width:56px}.feed-track-details{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.feed-track-title{color:#fff;font-size:1rem;font-weight:600;line-height:1.2;margin:0}.feed-track-artist{color:#ffffffb3;font-size:.875rem;margin:0}.feed-track-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.feed-genre{background:#a855f71a;border:1px solid #a855f733;color:#a855f7;font-size:.7rem}.feed-bpm,.feed-key{background:#ffffff0d;border-radius:3px;color:#fff9;font-family:Source Code Pro,monospace;font-size:.7rem;padding:.125rem .25rem}.feed-actions{display:flex;flex-direction:column;gap:.25rem}.feed-comment,.feed-favorite{border-radius:6px;padding:.5rem;transition:all .3s ease}.feed-favorite.favorited{background:#ff475733}.feed-favorite .filled{fill:#ff4757;color:#ff4757}.feed-comment:hover{background:#00d4ff1a}.profile-stats{grid-gap:1rem;background:#1a1a2e66;border:1px solid #ffffff1a;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.stat-number{color:#00d4ff;font-family:Source Code Pro,monospace;font-size:1.25rem}.stat-label{color:#ffffffb3}@media (max-width:768px){.search-result-item{align-items:flex-start;flex-direction:column;gap:.75rem}.search-user-actions{justify-content:flex-end;width:100%}.profile-stats{grid-template-columns:repeat(2,1fr)}.feed-track-info{align-items:flex-start;flex-direction:column}.feed-actions{flex-direction:row;justify-content:flex-end;width:100%}}.friend-search-header{align-items:center;color:#00d4ff!important;display:flex;font-size:1.8rem!important;font-weight:800!important;justify-content:center;line-height:1.2;padding:.5rem 0;text-align:center;text-shadow:0 0 15px #00d4ff66;width:100%}.friend-requests-badge{font-size:.75rem;margin-left:.5rem}.search-results{align-self:center;background:#00d4ff14;border:1px solid #00d4ff4d;margin-top:1rem;max-width:500px;padding:1rem;width:100%}.search-results h4{color:#00d4ff;font-size:.9rem;font-weight:600;margin:0 0 .75rem;text-align:center}.search-result-item{background:#1a1a2e66;border:1px solid #ffffff1a;border-radius:6px;margin-bottom:.5rem;padding:.75rem}.search-result-item:last-child{margin-bottom:0}.search-user-info{align-items:center;display:flex;gap:.75rem}.search-user-avatar{align-items:center;background:linear-gradient(135deg,#00d4ff,#09c);border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:700;height:40px;justify-content:center;width:40px}.search-user-details{display:flex;flex-direction:column}.search-user-name{color:#fff!important;font-size:.9rem;font-weight:600}.search-user-email{color:#ccc!important;font-size:.8rem}.user-action-buttons{display:flex;flex-direction:column;gap:.5rem}.follow-btn{background:#00d4ff1a;border-color:#00d4ff;color:#00d4ff!important;min-width:100px}.follow-btn:hover{background:#00d4ff!important;color:#fff!important}.add-friend-btn{background:#ff33331a;border-color:#f33;color:#f33!important;min-width:100px}.add-friend-btn:hover{background:#f33!important;color:#fff!important}.friend-requests-section{align-self:center;background:#ffa5000d;border:1px solid #ffa5004d;border-radius:8px;margin-top:1.5rem;max-width:500px;padding:1rem;width:100%}.friend-requests-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.friend-requests-header h4{color:#fa0;font-size:.9rem;font-weight:600;margin:0}.friend-requests-list{display:flex;flex-direction:column;gap:.5rem}.friend-request-item{align-items:center;background:#1a1a2e66;border:1px solid #ffffff1a;border-radius:6px;display:flex;justify-content:space-between;padding:.75rem}.request-user-info{align-items:center;display:flex;gap:.75rem}.request-user-avatar{align-items:center;background:linear-gradient(135deg,#fa0,#f80);border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:700;height:35px;justify-content:center;width:35px}.request-user-details{display:flex;flex-direction:column}.request-user-name{color:#fff;font-size:.85rem;font-weight:600}.request-user-email{color:#ccc;font-size:.75rem}.friend-request-actions{display:flex;gap:.5rem}.accept-btn{background:#22c55e;border:none}.accept-btn:hover{background:#16a34a}.decline-btn{border-color:#ef4444;color:#ef4444}.decline-btn:hover{background:#ef4444;color:#fff}.friends-section{align-self:center;background:#22c55e0d;border:1px solid #22c55e4d;border-radius:8px;margin-top:1.5rem;max-width:500px;padding:1rem;width:100%}.friends-section h4{color:#22c55e;font-size:.9rem;font-weight:600;margin:0 0 .75rem;text-align:center}.friends-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.friend-item{background:#1a1a2e66;border:1px solid #ffffff1a;border-radius:6px;flex-direction:column;gap:.5rem;padding:.75rem;text-align:center}.friend-avatar,.friend-item{align-items:center;display:flex}.friend-avatar{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;color:#fff;font-size:.9rem;font-weight:700;height:35px;justify-content:center;width:35px}.friend-name{color:#fff;font-size:.8rem;font-weight:500}.whisper-btn{background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:6px;cursor:pointer;font-size:.9rem;margin-top:.25rem;padding:.25rem .5rem;transition:all .2s}.whisper-btn:hover{background:#8b5cf633;border-color:#8b5cf680;transform:scale(1.05)}.more-friends .friend-avatar{background:linear-gradient(135deg,#6366f1,#4f46e5)}@media (max-width:768px){.friend-request-item,.search-result-item{align-items:flex-start;flex-direction:column;gap:.75rem}.add-friend-btn,.friend-request-actions{justify-content:center;width:100%}.friends-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.request-user-info,.search-user-info{width:100%}}.spotify-integration-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e99;border:1px solid #1db95433;border-radius:12px;margin-bottom:1.5rem}.spotify-integration-content{padding:1.5rem}.spotify-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.spotify-title{color:#fff;font-size:1.125rem;font-weight:600;margin:0}.spotify-disconnected-state{padding:1rem;text-align:center}.connect-spotify-main-btn{background:#1db95433;border:1px solid #1db9544d;border-radius:8px;color:#1db954;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem}.connect-spotify-main-btn:hover{background:#1db9544d;border-color:#1db95480;transform:translateY(-1px)}.connect-spotify-main-btn:disabled{opacity:.6}.spotify-connected-state{display:flex;flex-direction:column;gap:1rem}.spotify-account-status{background:#1a1a2e66;border:1px solid #ffffff1a;border-radius:8px;padding:.75rem}.spotify-user-status{align-items:center;display:flex;justify-content:space-between}.spotify-connected-indicator{color:#1db954;font-size:.875rem;font-weight:500}.disconnect-spotify-btn{background:#0000;border:1px solid #ff47574d;border-radius:4px;color:#ff4757cc;font-size:.75rem;padding:.25rem .75rem}.disconnect-spotify-btn:hover{background:#ff47571a;border-color:#ff475780;color:#ff4757}.spotify-playlist-management{display:flex;flex-direction:column;gap:1rem}.playlist-selection-main{display:flex;flex-direction:column;gap:.5rem}.playlist-dropdown-main{background:#1a1a2e99;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:.875rem;outline:none;padding:.5rem;transition:border-color .3s ease}.playlist-dropdown-main:focus{border-color:#1db95480;box-shadow:0 0 0 2px #1db9541a}.playlist-dropdown-main option{background:#1a1a2ee6;color:#fff;padding:.5rem}.playlist-actions-main{display:flex;gap:.5rem}.create-playlist-main-btn{align-items:center;background:#1db9541a;border:1px solid #1db9544d;border-radius:6px;color:#1db954;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.create-playlist-main-btn:hover{background:#1db95433;border-color:#1db95480;transform:translateY(-1px)}.spotify-instructions{background:#1db9540d;border:1px solid #1db95433;border-radius:6px;padding:.75rem}.instructions-text{color:#fffc;font-size:.875rem;margin:0;text-align:center}.spotify-integration{background:#1db9540d;border:1px solid #1db95433;border-radius:12px;margin:1rem 0;padding:1rem}.spotify-connect-prompt{align-items:center;display:flex;justify-content:center;padding:1rem}.spotify-prompt-content{align-items:center;display:flex;gap:1rem;text-align:left}.spotify-icon{filter:drop-shadow(0 2px 4px rgba(29,185,84,.3));font-size:2rem}.spotify-prompt-text h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .25rem}.spotify-prompt-text p{color:#ffffffb3;font-size:.875rem;margin:0}.spotify-connect-btn{align-items:center;background:#1db95433;border:1px solid #1db9544d;border-radius:8px;color:#1db954;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.spotify-connect-btn:hover{background:#1db9544d;border-color:#1db95480;transform:translateY(-1px)}.spotify-connect-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.spotify-connected{display:flex;flex-direction:column;gap:1rem}.spotify-match-section{margin-bottom:1rem}.spotify-close-match,.spotify-exact-match{background:#1a1a2e66;border:1px solid #ffffff1a;border-radius:8px;padding:1rem}.spotify-exact-match{background:#1db9540d;border-color:#1db9544d}.spotify-close-match{background:#ffc1070d;border-color:#ffc1074d}.match-header{margin-bottom:.75rem}.match-status{align-items:center;display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.match-status.exact{color:#1db954}.match-status.close{color:#ffc107}.spotify-track-preview{align-items:center;display:flex;gap:1rem;justify-content:space-between}.spotify-track-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.spotify-track-name{color:#fff;font-size:1rem;font-weight:600}.spotify-artist-name{color:#ffffffb3;font-size:.875rem}.version-difference{color:#ffc107cc;font-size:.75rem;font-style:italic}.spotify-actions{flex-shrink:0;gap:.5rem}.add-to-spotify-btn{background:#1db95433;border:1px solid #1db9544d;border-radius:6px;color:#1db954;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.add-to-spotify-btn:hover{background:#1db9544d;border-color:#1db95480;transform:translateY(-1px)}.add-to-spotify-btn.close{background:#ffc10733;border-color:#ffc1074d;color:#ffc107}.add-to-spotify-btn.close:hover{background:#ffc1074d;border-color:#ffc10780}.preview-spotify-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fffc;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.preview-spotify-btn:hover{background:#fff3;border-color:#ffffff4d;color:#fff}.spotify-account-info{background:#1a1a2e4d;border:1px solid #ffffff1a;border-radius:8px;padding:.75rem}.spotify-user{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.spotify-connected-text{color:#1db954;font-size:.875rem;font-weight:500}.disconnect-spotify{border-radius:4px;color:#fff9;font-size:.75rem;padding:.25rem .5rem;transition:all .3s ease}.disconnect-spotify:hover{background:#ff47571a;color:#ff4757}.selected-playlist{margin-top:.5rem}.playlist-info{color:#ffffffb3;font-size:.75rem}.playlist-info strong{color:#fff}.spotify-settings{background:#1db9540d;border:1px solid #1db95433;border-radius:8px;margin-top:1.5rem;padding:1rem}.spotify-settings h4{align-items:center;color:#fff;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.spotify-settings h4:before{content:"🎵";font-size:1.25rem}.spotify-connected-settings{display:flex;flex-direction:column;gap:1rem}.spotify-user-info{align-items:center;background:#1a1a2e66;border:1px solid #ffffff1a;border-radius:6px;display:flex;justify-content:space-between;padding:.75rem}.spotify-status.connected{color:#1db954;font-size:.875rem;font-weight:500}.disconnect-btn{background:#0000;border:1px solid #ff47574d;border-radius:4px;color:#ff4757cc;font-size:.75rem;padding:.25rem .75rem;transition:all .3s ease}.disconnect-btn:hover{background:#ff47571a;border-color:#ff475780;color:#ff4757}.playlist-selection{display:flex;flex-direction:column;gap:.5rem}.playlist-dropdown{background:#1a1a2e99;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:.875rem;outline:none;padding:.5rem;transition:border-color .3s ease}.playlist-dropdown:focus{border-color:#1db95480;box-shadow:0 0 0 2px #1db9541a}.playlist-dropdown option{background:#1a1a2ee6;color:#fff;padding:.5rem}.create-playlist-btn,.playlist-actions{display:flex;gap:.5rem}.create-playlist-btn{align-items:center;background:#1db9541a;border:1px solid #1db9544d;border-radius:6px;color:#1db954;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.create-playlist-btn:hover{background:#1db95433;border-color:#1db95480;transform:translateY(-1px)}.spotify-disconnected-settings{padding:1rem;text-align:center}.spotify-description{color:#ffffffb3;font-size:.875rem;line-height:1.4;margin:0 0 1rem}.connect-spotify-btn{align-items:center;background:#1db95433;border:1px solid #1db9544d;border-radius:8px;color:#1db954;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.connect-spotify-btn:hover{background:#1db9544d;border-color:#1db95480;transform:translateY(-1px)}.connect-spotify-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.loading-spinner.small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#1db954;height:.875rem;width:.875rem}.spotify-account-section{margin-bottom:2rem}.spotify-account-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e99;border:1px solid #1db95433;border-radius:16px}.spotify-section-title{align-items:center;color:#fff;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;margin:0}.spotify-title-icon{color:#1db954;height:1.5rem;width:1.5rem}.spotify-title-logo{filter:brightness(0) saturate(100%) invert(32%) sepia(96%) saturate(1347%) hue-rotate(87deg) brightness(98%) contrast(86%);height:20px;margin-right:8px;width:20px}.spotify-status-indicator{border-radius:8px;font-size:1rem;font-weight:600;margin-bottom:1rem;padding:.5rem 1rem;text-align:center}.spotify-status-indicator.connected{background:#1db9541a;border:1px solid #1db9544d;color:#1db954}.spotify-status-indicator.disconnected{background:#fbbf241a;border:1px solid #fbbf244d;color:#fbbf24}.spotify-account-details{margin-bottom:1.5rem}.spotify-account-text{color:#fffc;font-size:1rem;line-height:1.5;margin:0;text-align:center}.spotify-account-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.test-connection-btn{align-items:center;background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:8px;color:#00d4ff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.test-connection-btn:hover{background:#00d4ff33;border-color:#00d4ff80;box-shadow:0 4px 12px #00d4ff33;transform:translateY(-2px)}.disconnect-spotify-btn{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.disconnect-spotify-btn:hover{background:#ef444433;border-color:#ef444480;box-shadow:0 4px 12px #ef444433;transform:translateY(-2px)}.spotify-connect-info{margin-bottom:1.5rem;text-align:center}.spotify-info-text{color:#fffc;font-size:1rem;line-height:1.5;margin:0 0 1rem}.spotify-benefits-list{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));list-style:none;margin:0 0 1.5rem;padding:0}.spotify-benefits-list li{background:#1db9540d;border:1px solid #1db9541a;border-radius:6px;color:#fffc;font-size:.875rem;padding:.5rem}.spotify-connect-actions{display:flex;justify-content:center}.connect-spotify-main-btn{align-items:center;background:linear-gradient(135deg,#1db954,#1ed760);border:none;border-radius:12px;box-shadow:0 4px 12px #1db9544d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.connect-spotify-main-btn:hover{background:linear-gradient(135deg,#1ed760,#21e065);box-shadow:0 6px 20px #1db95466;transform:translateY(-2px)}.connect-spotify-main-btn:disabled{background:#6b728080;box-shadow:none;color:#ffffff80;cursor:not-allowed;transform:none}.btn-icon{height:1.25rem;width:1.25rem}.future-social-features{margin-top:2rem}.coming-soon-card{background:#1a1a2e4d;border:1px solid #ffffff1a;border-radius:12px;text-align:center}.coming-soon-card h3{color:#00d4ff;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.coming-soon-card p{color:#ffffffb3;font-size:.875rem;line-height:1.5;margin:0}@media (max-width:768px){.spotify-account-actions{flex-direction:column;gap:.75rem}.connect-spotify-main-btn,.disconnect-spotify-btn,.test-connection-btn{justify-content:center;width:100%}.spotify-benefits-list{grid-template-columns:1fr}.spotify-prompt-content{flex-direction:column;gap:1rem;text-align:center}.spotify-track-preview{align-items:flex-start;flex-direction:column;gap:.75rem}.spotify-actions{justify-content:flex-start;width:100%}.spotify-user-info{align-items:flex-start;flex-direction:column;gap:.5rem}.disconnect-btn{align-self:flex-end}}.landing-page{min-height:calc(100vh - 180px);padding:2.25rem}.hero-section,.landing-page{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;width:100%}.hero-section{max-width:1200px;padding:1.75rem 2rem 2rem;text-align:center}.features-grid-horizontal{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:1.5rem;max-width:900px;width:100%}.hero-title{color:#00d4ff;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:.25rem;text-align:center}.hero-subtitle{color:#ccc;font-size:1.2rem;line-height:1.5;margin-bottom:.5rem;max-width:600px;text-align:center}.demo-section{align-items:center;display:flex;flex-direction:column;width:100%}.feature-card{background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:12px;flex:1 1;max-width:280px;min-width:250px;padding:1.5rem;text-align:center}.feature-icon{color:#00d4ff;height:48px;margin-bottom:1rem;width:48px}.feature-card h3{color:#00d4ff;font-size:1.1rem;margin-bottom:.5rem}.feature-card p{color:#ccc;font-size:.9rem;line-height:1.4}.quick-demo{background:#ffffff0d;border-radius:12px;max-width:400px;padding:1rem;text-align:center;width:100%}.demo-note{color:#999;font-size:.9rem;line-height:1.4;margin-bottom:.75rem}.try-guest-btn{background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:8px;color:#00d4ff;font-weight:500;padding:.75rem 1.5rem}.try-guest-btn:hover{background:#00d4ff33;border-color:#00d4ff;transform:translateY(-1px)}.profile-card{background:#ff33330d;border:1px solid #f333;margin-bottom:1.5rem}.profile-header{align-items:center;display:flex;gap:1rem}.profile-avatar{align-items:center;background:linear-gradient(135deg,#f33,#c00);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;position:relative;transition:all .3s ease;width:60px}.clickable-avatar:hover{box-shadow:0 0 20px #f336;transform:scale(1.05)}.avatar-upload-hint{align-items:center;background:#000000b3;border-radius:50%;bottom:-2px;display:flex;font-size:.8rem;height:20px;justify-content:center;position:absolute;right:-2px;width:20px}.avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-info h3{color:#f33;margin-bottom:.25rem}.profile-email{color:#ccc;display:none;font-size:.9rem;margin-bottom:.5rem}.profile-stats{align-items:center;background:#0000004d;border-radius:8px;display:flex;flex-direction:column;margin:1rem 0;padding:1rem}.stats-header{margin-bottom:.75rem}.stats-title{color:#f33!important;font-size:1.8rem!important;font-weight:800!important;line-height:1.2;margin:0;padding:.5rem 0;text-align:center;text-shadow:0 0 15px #f336}.stats-grid{grid-gap:.5rem 1.5rem;align-items:start;display:grid;gap:.5rem 1.5rem;grid-template-columns:repeat(2,1fr);max-width:280px;width:100%}.stat-item-compact{align-items:center;display:flex;justify-content:space-between;padding:.15rem 0}.stat-spacer{visibility:hidden}.stat-item-horizontal{align-items:center;display:flex;justify-content:space-between;padding:.25rem 0}.stats-left .stat-item-horizontal{gap:.5rem;justify-content:space-between}.stats-right .stat-item-horizontal{gap:.5rem;justify-content:flex-end}.stat-number{color:#f33;font-size:1rem;font-weight:700;min-width:25px}.stat-label{color:#00d4ff;font-weight:600;letter-spacing:.3px}.stat-item{flex-direction:column;gap:.25rem}@media (max-width:768px){.profile-stats{flex-direction:column;gap:1rem}.stats-left,.stats-right{text-align:center}.stat-item-horizontal{justify-content:center!important}}.profile-actions{display:flex;gap:1rem;justify-content:center}.profile-actions button{background:#0000;border-color:#ff333380;color:#fff!important;transition:all .3s ease}.profile-actions button:hover{background:#f33!important;border-color:#f33!important;color:#fff!important}.tier-badge{background:#ff33331a!important;border:1px solid #ff333380!important;color:#f33!important;font-size:.75rem!important;font-weight:600!important;padding:.25rem .5rem!important}.tier-badge.free{background:#9ca3af1a!important;border-color:#9ca3af80!important;color:#9ca3af!important}.tier-badge.plus{background:#ffc1071a!important;border-color:#ffc10780!important;color:#ffc107!important}.tier-badge.premium{background:#ff33331a!important;border-color:#ff333380!important;color:#f33!important}.tier-icon{align-items:center;background:#ffffff1a;border-radius:4px;display:inline-flex;justify-content:center;margin-left:8px;padding:2px}.tier-icon.premium{background:#fbbf2433}.tier-icon.plus{background:#3b82f633}.tier-icon.free{background:#9ca3af33}.community-features{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.community-card{background:#00d4ff0d;border:1px solid #00d4ff33}.community-feed-header{color:#00d4ff!important;font-size:1.8rem!important;font-weight:800!important;justify-content:center;line-height:1.2;margin-bottom:0;padding:.5rem 0 0;text-shadow:0 0 15px #00d4ff66;width:100%}.community-feed-cta,.community-feed-header{align-items:center;display:flex;text-align:center}.community-feed-cta{flex-direction:column}.feed-description{color:#00d4ff;font-size:1rem;font-weight:500;line-height:1.4;margin-bottom:2rem;margin-top:0}.discovery-widget-explored,.discovery-widget-trending{border:3px solid #0000;border-radius:10px;position:relative}.discovery-widget-trending{animation:discoveryWidgetGlow 3s linear infinite;background:linear-gradient(#0a0f1e,#0a0f1e) padding-box,linear-gradient(90deg,orange,gold,#ff6b00,orange,gold,#ff6b00) border-box;background-size:100% 100%,400% 100%;box-shadow:0 0 8px #ffa50059,inset 0 0 8px #ffa50014}.discovery-widget-explored{animation:discoveryWidgetGlow 3s linear infinite;background:linear-gradient(#0a0f1e,#0a0f1e) padding-box,linear-gradient(90deg,#8a2be2,#f0f,#6a0dad,#8a2be2,#f0f,#6a0dad) border-box;background-size:100% 100%,400% 100%;box-shadow:0 0 8px #8a2be259,inset 0 0 8px #8a2be214}@keyframes discoveryWidgetGlow{0%{background-position:0 0,0 50%}50%{background-position:0 0,100% 50%}to{background-position:0 0,0 50%}}.discovery-avatar-btn{transition:transform .2s ease,filter .2s ease}.discovery-avatar-btn:hover{transform:translateY(-6px) scale(1.08)}.discovery-avatar-trending:hover{filter:drop-shadow(0 6px 10px rgba(255,165,0,.5))}.discovery-avatar-explored:hover{filter:drop-shadow(0 6px 10px rgba(255,0,255,.5))}.discovery-widget-explored,.discovery-widget-trending{animation:discoveryWidgetGlow 3s linear infinite,discoveryWidgetEntrance .6s ease-out both;animation-delay:0s,.2s}.discovery-widget-explored{animation-delay:0s,.35s}@keyframes discoveryWidgetEntrance{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes radarFadeIn{0%{opacity:0;transform:scale(.3)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes radarDotPop{0%{r:0;opacity:0}60%{r:4}to{r:3;opacity:1}}.community-banner-ticker{background:linear-gradient(135deg,#00d4ff14,#8b5cf614);border:1px solid #00d4ff33;border-radius:10px;margin-bottom:1.5rem;overflow:hidden;padding:0;position:relative;width:100%}.community-banner-ticker:after,.community-banner-ticker:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:40px;z-index:2}.community-banner-ticker:before{background:linear-gradient(90deg,#0a0f1ee6,#0000);left:0}.community-banner-ticker:after{background:linear-gradient(270deg,#0a0f1ee6,#0000);right:0}.banner-track{animation:bannerScroll 45s linear infinite;display:flex;width:-webkit-max-content;width:max-content}.banner-track:hover{animation-play-state:paused}@keyframes bannerScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.banner-item{align-items:center;border-right:1px solid #00d4ff1a;display:flex;flex-shrink:0;gap:8px;padding:10px 24px;white-space:nowrap}.banner-item .banner-icon{font-size:1rem;line-height:1}.banner-item .banner-text{color:#c4d4e0;font-size:.85rem;font-weight:500;letter-spacing:.02em}.banner-type-leaderboard .banner-text{color:#fbbf24}.banner-type-online_friends .banner-text{color:#34d399}.banner-type-birthday .banner-text{color:#f472b6}.banner-type-announcement .banner-text{color:#a5b4fc}.banner-important{background:#f59e0b1a}.banner-important .banner-text{color:#fbbf24!important;font-weight:600}.community-features-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin:1.5rem 0;max-width:100%;width:100%}.feature-btn{align-items:flex-start;background:#00d4ff1a!important;border:1px solid #00d4ff4d!important;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;gap:.75rem;height:auto;max-height:120px;min-height:90px;overflow:hidden;padding:1rem;text-align:left;transition:all .3s ease;width:100%}.feature-btn:hover{background:#00d4ff26!important;border-color:#f066!important;box-shadow:0 20px 35px -5px #ff00664d;transform:translateY(-2px)}.feature-icon{flex-shrink:0;font-size:1.8rem;margin-top:.2rem;max-width:35px;min-width:35px;text-align:center}.feature-info{display:flex;flex:1 1;flex-direction:column;gap:.4rem;min-width:0;overflow:hidden}.feature-name{color:#00d4ff!important;font-size:.9rem;font-weight:600;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feature-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;color:#ccc!important;display:-webkit-box;font-size:.75rem;line-height:1.3;margin:0;overflow:hidden}@media (max-width:768px){.community-features-grid{gap:.75rem;grid-template-columns:1fr}.feature-btn{min-height:80px}}@media (max-width:480px){.feature-btn{min-height:70px;padding:.75rem}.feature-name{font-size:.8rem}.feature-desc{font-size:.7rem}}.mini-globe-container{align-items:center;display:flex;flex-direction:column;gap:.5rem}.mini-globe{background:radial-gradient(circle at 30% 30%,#00d4ff26 0,#0000 50%),radial-gradient(circle at 70% 70%,#ff33331a 0,#0000 50%),linear-gradient(135deg,#0a0a0a,#1a1a2e 30%,#16213e 70%,#0f3460);border:2px solid #00d4ff66;border-radius:50%;box-shadow:inset 0 0 30px #00d4ff1a,0 0 30px #00d4ff33;cursor:pointer;height:200px;overflow:hidden;position:relative;transition:all .3s ease;width:200px}.globe-surface{background:#0000;cursor:grab;-webkit-user-select:none;user-select:none}.globe-surface.dragging,.globe-surface:active{cursor:grabbing}.full-globe:before{animation:pulse 3s ease-in-out infinite;background:radial-gradient(circle,#0000 60%,#00ffff1a 80%,#00ffff4d 100%);border-radius:50%;bottom:-20px;content:"";left:-20px;position:absolute;right:-20px;top:-20px;z-index:-1}.globe-surface.dragging .globe-wireframe{animation-play-state:paused!important}.globe-surface:hover .latitude-line,.globe-surface:hover .longitude-line{border-color:#0ff;box-shadow:0 0 15px #0ffc}.mini-globe:hover{border-color:#00d4ffcc;box-shadow:inset 0 0 40px #00d4ff33,0 0 40px #00d4ff66;transform:scale(1.05)}.globe-surface{height:100%;overflow:hidden;position:relative;width:100%}.globe-surface,.globe-wireframe{border-radius:50%;transform-style:preserve-3d}.globe-wireframe{animation:wireframeRotate 20s linear infinite;height:400px;position:absolute;width:400px}.globe-surface.dragging .globe-wireframe{animation-play-state:paused}@keyframes wireframeRotate{0%{transform:rotateY(0deg) rotateX(-10deg)}to{transform:rotateY(1turn) rotateX(-10deg)}}.latitude-line{border:1px solid #0ffc;border-radius:50%;box-shadow:0 0 10px #00ffff80;left:50%;position:absolute;top:50%}.lat-0{border-width:2px;box-shadow:0 0 20px #0ffc;height:400px;margin-left:-200px;margin-top:-200px;width:400px}.lat-30n{transform:rotateX(30deg)}.lat-30n,.lat-30s{height:340px;margin-left:-170px;margin-top:-170px;width:340px}.lat-30s{transform:rotateX(-30deg)}.lat-60n{transform:rotateX(60deg)}.lat-60n,.lat-60s{height:200px;margin-left:-100px;margin-top:-100px;width:200px}.lat-60s{transform:rotateX(-60deg)}.longitude-line{border:1px solid #0ff9;border-radius:50%;box-shadow:0 0 8px #0ff6;height:400px;left:50%;margin-left:-200px;margin-top:-200px;position:absolute;top:50%;width:400px}.lon-0{border-width:2px;transform:rotateY(0deg)}.lon-30{transform:rotateY(30deg)}.lon-60{transform:rotateY(60deg)}.lon-90{border-width:2px;transform:rotateY(90deg)}.lon-120{transform:rotateY(120deg)}.lon-150{transform:rotateY(150deg)}.lon-180{border-width:2px;transform:rotateY(180deg)}.lon-210{transform:rotateY(210deg)}.lon-240{transform:rotateY(240deg)}.lon-270{border-width:2px;transform:rotateY(270deg)}.lon-300{transform:rotateY(300deg)}.lon-330{transform:rotateY(330deg)}.continent-marker{background:#22c55ecc;border:1px solid #22c55e;border-radius:50%;box-shadow:0 0 8px #22c55e99;cursor:pointer;position:absolute;transition:all .3s ease;z-index:10}.continent-marker:hover{background:#ff3333e6;border-color:#f33;box-shadow:0 0 15px #f33c;transform:scale(1.2)}.north-america{height:12px;left:25%;top:30%;transform:translateZ(190px);width:12px}.south-america{height:8px;left:30%;top:60%;transform:translateZ(180px);width:8px}.europe{height:8px;left:52%;top:25%;transform:translateZ(195px);width:8px}.africa{height:10px;left:54%;top:45%;transform:translateZ(190px);width:10px}.asia{height:14px;left:70%;top:20%;transform:translateZ(180px);width:14px}.australia{height:6px;left:78%;top:70%;transform:translateZ(185px);width:6px}.user-pin-globe{animation:pinGlow 2s ease-in-out infinite alternate;cursor:pointer;position:absolute;z-index:15}.user-pin-avatar{align-items:center;background:linear-gradient(135deg,#00d4ff,#09c);border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px #00d4ffcc;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;width:20px}.user-pin-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}@keyframes pinGlow{0%{box-shadow:0 0 10px #00d4ff99}to{box-shadow:0 0 20px #00d4ff,0 0 30px #00d4ff80}}.discoveries-modal-overlay{align-items:center;background:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1001}.discoveries-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ef2;border:1px solid #00d4ff4d;border-radius:16px;display:flex;flex-direction:column;height:85vh;max-width:700px;padding:2rem;width:90vw}.discoveries-modal-header{border-bottom:1px solid #00d4ff33;display:flex;flex-direction:column;gap:12px;margin-bottom:1.5rem;padding-bottom:1rem}.discoveries-modal-header h2{color:#00d4ff;font-size:1.5rem;font-weight:700;margin:0}.modal-header-top-row{align-items:center;display:flex;justify-content:space-between;width:100%}.modal-header-top-row h2{flex:1 1;margin:0;text-align:center}.modal-back-btn{font-size:18px!important;font-weight:600;padding:6px 12px!important}.modal-tabs-row{display:flex;gap:8px;justify-content:center}.modal-tab{borderRadius:6px;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:all .2s}.modal-stats-row{align-items:center;display:flex;gap:20px;justify-content:center}.stat-item{gap:4px;text-align:center}.stat-value{font-size:18px}.stat-label{color:#888;font-size:10px}.discoveries-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.discoveries-stats{background:#0000004d;border-radius:8px;display:flex;gap:2rem;margin-bottom:1.5rem;padding:1rem}.discoveries-feed{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;overflow-y:auto;scrollbar-color:#06b6d44d #0000;scrollbar-width:thin}.discoveries-feed::-webkit-scrollbar{width:4px}.discoveries-feed::-webkit-scrollbar-track{background:#0000}.discoveries-feed::-webkit-scrollbar-thumb{background:#06b6d44d;border-radius:2px}.discoveries-feed::-webkit-scrollbar-thumb:hover{background:#06b6d480}.discovery-item{background:#00d4ff0d;border:1px solid #00d4ff33;border-radius:12px;padding:1.5rem;transition:all .3s ease}.discovery-item:hover{background:#00d4ff14;border-color:#00d4ff66;box-shadow:0 4px 20px #00d4ff1a}.discovery-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.discovery-user{align-items:center;display:flex;gap:1rem}.discovery-avatar{align-items:center;background:linear-gradient(135deg,#00d4ff,#09c);border-radius:50%;color:#fff;display:flex;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.discovery-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.discovery-user-info{display:flex;flex-direction:column}.discovery-user-name{color:#fff;font-size:.9rem;font-weight:600}.discovery-time{color:#ccc;font-size:.8rem}.confidence-badges{display:flex;flex-wrap:wrap;gap:.5rem}.id-confidence-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;white-space:nowrap}.id-confidence-badge.confidence-high{background:#0f83;border:1px solid #0f86;color:#0f8}.id-confidence-badge.confidence-mid{background:#ffc10733;border:1px solid #ffc10766;color:#ffc107}.id-confidence-badge.confidence-low{background:#ff475733;border:1px solid #ff475766;color:#ff4757}.vibe-match-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;white-space:nowrap}.vibe-match-badge.vibe-high{background:#00ff8826;border:2px solid #00ff8880;color:#0f8}.vibe-match-badge.vibe-mid{background:#ffc10726;border:2px solid #ffc10780;color:#ffc107}.vibe-match-badge.vibe-low{background:#ff475726;border:2px solid #ff475780;color:#ff4757}.vibe-match-badge.vibe-na{background:#80808026;border:2px solid #80808066;color:#888}.discovery-track{background:#0003;border-radius:8px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.track-artwork{border-radius:8px;height:80px;width:80px}.artwork-placeholder{align-items:center;background:linear-gradient(135deg,#333,#555);color:#ccc;font-size:1.5rem;height:100%;width:100%}.artwork-placeholder,.track-info{display:flex;justify-content:center}.track-info{flex-direction:column;gap:.25rem}.track-title{color:#00d4ff;font-size:1.1rem;font-weight:700;margin:0}.track-artist{font-size:1rem;font-weight:500;margin:0}.track-details{color:#ccc;font-size:.9rem;margin:0}.track-tags{display:flex;gap:.5rem;margin-top:.5rem}.bpm-tag,.genre-tag{background:#f333;border:1px solid #ff333380;border-radius:12px;color:#f33;font-size:.75rem;font-weight:500;padding:.2rem .5rem}.discovery-actions{display:flex;gap:.75rem;justify-content:flex-start}.comment-btn,.like-btn,.listen-btn,.share-btn{border-color:#00d4ff80;color:#00d4ff!important;font-size:.8rem}.comment-btn:hover,.like-btn:hover,.listen-btn:hover,.share-btn:hover{background:#00d4ff1a;border-color:#00d4ff}.purchase-actions{border-top:1px solid #00d4ff33;display:flex;gap:.75rem;justify-content:flex-start;margin-top:1rem;padding-top:1rem}.purchase-actions-wrapper{align-items:center;display:flex;gap:.75rem}.shopping-cart-icon{animation:pulse 2s ease-in-out infinite;color:#fbbf24;font-size:1.5rem}.purchase-buttons-group{display:flex;flex-wrap:wrap;gap:.5rem}.purchase-btn{border:none!important;font-size:.8rem;font-weight:600;gap:.5rem;transition:all .3s ease}.btn-logo,.purchase-btn{align-items:center;display:flex}.btn-logo{height:16px;justify-content:center;width:16px}.btn-logo img{filter:brightness(0) invert(1);height:16px;object-fit:contain;width:16px}.btn-logo svg{color:#fff;height:16px;width:16px}.beatport-btn{background:#10b981!important;color:#fff!important}.beatport-btn:hover{background:#059669!important;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.traxsource-btn{background:#3b82f6!important;color:#fff!important}.traxsource-btn:hover{background:#2563eb!important;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.spotify-btn{background:#22c55e!important;color:#fff!important}.spotify-btn:hover{background:#16a34a!important;box-shadow:0 4px 12px #22c55e4d;transform:translateY(-1px)}@media (max-width:768px){.discoveries-modal{height:90vh;padding:1rem;width:95vw}.discoveries-modal-header{gap:10px;margin-bottom:1rem;padding-bottom:.75rem}.discoveries-modal-header h2{font-size:1.1rem}.modal-back-btn{font-size:16px!important;padding:4px 8px!important}.modal-tab{font-size:12px;padding:5px 12px}.stat-value{font-size:16px}.stat-label{font-size:9px}.discovery-track{flex-direction:column;text-align:center}.track-artwork{align-self:center}.discovery-actions,.purchase-actions{flex-wrap:wrap;gap:.5rem}.purchase-actions{margin-top:.75rem;padding-top:.75rem}.discoveries-stats{flex-direction:column;gap:1rem}}.checkin-pin{animation:pinPulse 2s infinite;position:absolute;z-index:10}.pin-avatar{align-items:center;background:linear-gradient(135deg,#f33,#c00);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:.7rem;font-weight:700;height:24px;justify-content:center;width:24px}.pin-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}@keyframes pinPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.globe-hint{color:#00d4ff;font-size:.9rem;margin:0;text-align:center}.globe-modal-overlay{align-items:center;background:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.globe-modal-animated-border{animation:globeBorderFlow 4s linear infinite;background:linear-gradient(90deg,#0ff,#f0f,#0ff,#f0f);background-size:300% 300%;border-radius:16px;padding:3px;position:relative}.globe-modal-animated-border>.globe-modal-inner,.globe-modal-animated-border>div:first-child{background:linear-gradient(135deg,#111827fa,#1f2937fa);border-radius:14px;height:100%;width:100%}@keyframes globeBorderFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.globe-modal{background:#1a1a2ef2;border:1px solid #00d4ff4d;border-radius:16px;display:flex;flex-direction:column;height:80vh;max-width:800px;padding:2rem;width:90vw}.globe-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.globe-modal-header h2{color:#00d4ff;font-size:1.5rem;margin:0}.close-modal-btn{color:#ccc!important;font-size:1.5rem}.full-globe-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1rem;justify-content:center;overflow:hidden;padding:20px;position:relative}.full-globe{height:320px;perspective:1000px;position:relative;transform-style:preserve-3d;width:320px}.checkin-pin-large{align-items:center;cursor:pointer;display:flex;flex-direction:column;position:absolute;transition:all .3s ease;z-index:10}.checkin-pin-large:hover{transform:scale(1.1)}.checkin-pin-large.highlighted{animation:highlight 2s infinite}@keyframes highlight{0%,to{transform:scale(1)}50%{filter:brightness(1.5);transform:scale(1.2)}}.pin-avatar-large{align-items:center;background:linear-gradient(135deg,#f33,#c00);border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0006;color:#fff;display:flex;font-size:1rem;font-weight:700;height:40px;justify-content:center;width:40px}.pin-avatar-large img{border-radius:50%;height:100%;object-fit:cover;width:100%}.pin-info{background:#000c;border-radius:6px;color:#fff;margin-top:.5rem;min-width:120px;opacity:0;padding:.5rem;text-align:center;transition:opacity .3s ease}.checkin-pin-large:hover .pin-info{opacity:1}.pin-name{display:block;font-size:.8rem;font-weight:700}.pin-location{color:#ccc;display:block;font-size:.7rem}.globe-stats{align-items:center;background:#0000004d;border-radius:8px;display:flex;gap:2rem;padding:1rem}.checkin-from-modal-btn{background:#00d4ff!important;border:none}.checkin-from-modal-btn:hover{background:#09c!important}@media (max-width:768px){.globe-modal{height:85vh;padding:1rem;width:95vw}.full-globe{height:280px;width:280px}.globe-stats{flex-direction:column;gap:1rem}body.globe-modal-open .mobile-bottom-nav{display:none!important}}@media (max-width:768px) and (orientation:portrait){body.globe-modal-open #emergent-badge{bottom:5px!important;left:50%!important;right:auto!important;top:auto!important;transform:translateX(-50%) scale(.85)!important;z-index:999999!important}body.globe-modal-open .beta-notice-dropdown{bottom:auto!important;left:50%!important;max-width:90%!important;position:fixed!important;right:auto!important;top:10px!important;transform:translateX(-50%)!important;z-index:999999!important}.globe-checkin-btn-container{bottom:65px!important;right:20px!important}.globe-checkin-btn{font-size:12px!important;padding:8px 14px!important}.globe-modal-close-btn{align-items:center!important;background:#374151e6!important;border-radius:50%!important;display:flex!important;height:32px!important;justify-content:center!important;margin:0!important;padding:0!important;position:absolute!important;right:8px!important;top:8px!important;width:32px!important;z-index:100!important}.globe-modal-animated-border>div>div:first-child{flex-wrap:wrap!important;gap:8px!important;padding:8px 45px 8px 12px!important;position:relative!important}.globe-modal-animated-border>div>div:first-child>div[style*="marginLeft: auto"]{display:none!important}}@media (max-width:920px) and (orientation:landscape){body.globe-modal-open .mobile-bottom-nav{display:none!important}.globe-modal-animated-border{height:80vh!important;max-height:80vh!important;max-width:98%!important;top:45%!important;width:98vw!important}.globe-search-bar{bottom:10px!important;left:25%!important;max-width:50%!important;transform:translateX(0)!important;width:50%!important}.globe-search-bar input{font-size:12px!important;padding:8px 35px 8px 10px!important}body.globe-modal-open #emergent-badge{bottom:10px!important;left:10px!important;right:auto!important;top:auto!important;transform:scale(.8)!important}.full-globe-container button,.globe-modal-animated-border button.bg-cyan-600{font-size:11px!important;padding:6px 12px!important}.pulse-main-content{-webkit-overflow-scrolling:touch;align-items:center!important;flex-direction:column!important;gap:10px!important;overflow-x:hidden!important;overflow-y:auto!important;padding:8px 15px!important}.pulse-center-panel,.pulse-left-panel,.pulse-right-panel{flex-shrink:0!important;max-width:500px!important;min-width:auto!important;width:100%!important}.pulse-center-panel{height:250px!important;min-height:250px!important}.pulse-left-panel,.pulse-right-panel{max-height:200px!important;overflow-y:auto!important}.area-activity-modal{overflow:hidden!important}}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.pulse-mobile .events-users-panel,.pulse-mobile .music-data-panel{background:#0000!important;padding:0!important}.pulse-mobile .events-section,.pulse-mobile .music-section{background:#0f142d99!important;border:1px solid #00ffff1a!important;border-radius:12px!important;margin-bottom:12px!important;padding:12px!important}.pulse-mobile .event-item,.pulse-mobile .track-item{margin-bottom:8px!important;padding:10px!important}@media (max-width:768px) and (orientation:portrait){.pulse-main-content{-webkit-overflow-scrolling:touch;align-items:center!important;flex-direction:column!important;gap:10px!important;overflow-x:hidden!important;overflow-y:auto!important;padding:8px 10px!important}.pulse-center-panel,.pulse-left-panel,.pulse-right-panel{flex-shrink:0!important;max-width:100%!important;min-width:auto!important;width:100%!important}.pulse-center-panel{height:200px!important;min-height:200px!important}.pulse-left-panel,.pulse-right-panel{max-height:180px!important;overflow-y:auto!important}.area-activity-modal{overflow:hidden!important}}.search-friends{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem;max-width:400px;width:100%}.friend-search-input{background:#0000004d;border:1px solid #fff3;border-radius:4px;color:#fff;flex:1 1;padding:.5rem}.friend-search-input::placeholder{color:#999}.community-note,.feed-note{color:#ccc!important;font-size:.9rem;line-height:1.4}.social-connect-cta{align-items:center;display:flex;flex-direction:column;text-align:center}.connect-description{color:#00d4ff;font-size:1rem;font-weight:500;line-height:1.4;margin-bottom:1.5rem}.search-friends-btn{background:#00d4ff!important;border:1px solid #00d4ff!important;color:#fff!important}.search-friends-btn:hover{background:#09c!important;border-color:#09c!important}.search-friends-btn-old{background:linear-gradient(135deg,#00d4ff,#09c);border:none;color:#000;font-weight:600}.search-friends-btn:hover{background:linear-gradient(135deg,#00e6ff,#00b3dd)}.feed-content{padding:2rem 1rem;text-align:center}.feed-placeholder{color:#999;font-size:1rem;margin-bottom:1rem}.spotify-integration-card{background:#1db9541a;border:1px solid #1db9544d}.spotify-integration-card p{color:#fffc;font-size:.9rem;margin-bottom:1rem}.spotify-status-connected{color:#1db954;font-weight:600;margin-bottom:.5rem}.spotify-status-disconnected{color:red;font-weight:600;margin-bottom:.5rem}.spotify-not-connected{padding:1rem 0;text-align:center}.spotify-not-connected p{color:#ffffffb3;margin:.75rem 0 1rem}.spotify-actions{display:flex;gap:1rem;margin-top:1rem}.connect-spotify-btn{background:#1db954;border:none;color:#fff}.connect-spotify-btn:hover{background:#1ed760}.mock-connect-btn{background:#0000!important;border-color:#ffffff4d!important;color:#fffc!important;font-size:12px!important;padding:6px 12px!important}.mock-connect-btn:hover{background:#ffffff1a!important;border-color:#ffffff80!important;color:#fff!important}.auth-card{margin:0 auto;max-width:450px;min-width:400px}.auth-toggle{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.auth-form{gap:1rem}.auth-form,.form-field{display:flex;flex-direction:column}.form-field{gap:.5rem}.form-input{background:#0000004d;border:1px solid #fff3;border-radius:4px;color:#fff;padding:.75rem}.form-input:focus{background:#1a1a2ee6;border-color:#00d4ff80;color:#fff;outline:none}.form-input::placeholder{color:#999}.auth-button{background:linear-gradient(135deg,#00d4ff,#09c);border:none;color:#000;font-weight:600}.auth-button:hover{background:linear-gradient(135deg,#00e6ff,#00b3dd)}.social-login-divider{align-items:center;display:flex;gap:12px;margin:16px 0}.social-login-divider:after,.social-login-divider:before{background:#fff3;content:"";flex:1 1;height:1px}.social-login-divider span{color:#888;font-size:12px;letter-spacing:1px;text-transform:uppercase}.social-login-buttons{gap:20px;margin-bottom:12px}.social-login-btn,.social-login-buttons{align-items:center;display:flex;justify-content:center}.social-login-btn{background:#0000;border:none;cursor:pointer;opacity:.8;padding:8px;transition:all .2s ease}.social-login-btn:hover{opacity:1;transform:scale(1.1)}.social-login-btn svg{height:32px;width:32px}@media (max-width:768px){.hero-title{font-size:2rem}.features-grid{grid-template-columns:1fr}.profile-stats{flex-direction:column;gap:1rem}.community-features{grid-template-columns:1fr}.spotify-actions{flex-direction:column}}.spotify-connected-layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;max-height:600px;min-height:200px;overflow:hidden}.spotify-connection-side{display:flex;flex-direction:column;gap:12px}.spotify-actions-enhanced{display:flex;gap:10px;margin-bottom:12px;margin-top:8px}.spotify-connection-subtitle{color:#ffffffb3;font-size:.8rem;line-height:1.2;margin:0;padding:0}.spotify-playlist-side{border-left:1px solid #3b82f633;display:flex;flex-direction:column;max-height:600px;overflow:hidden;padding-left:20px}.playlist-manager-header{align-items:center;display:flex;gap:8px;margin-bottom:16px}.playlist-manager-icon{color:#1db954;height:16px;width:16px}.playlist-manager-title{color:#fff;font-size:.95rem;font-weight:600;margin:0}.playlist-controls-section{flex-shrink:0;margin-bottom:16px}.playlist-search-container{margin-bottom:12px}.playlist-search-input{background:#ffffff14;border:1px solid #3b82f64d;border-radius:6px;color:#fff;font-size:.875rem;padding:8px 12px;transition:all .2s;width:100%}.playlist-search-input:focus{background:#ffffff1f;border-color:#1db95480;box-shadow:0 0 0 2px #1db95433;outline:none}.enhanced-action-btn{align-items:center;background:#ffffff14!important;border:1px solid #3b82f64d!important;border-radius:6px;color:#fff!important;display:flex;font-size:.8rem;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s}.enhanced-action-btn:hover{background:#ffffff1f!important;border-color:#1db95480!important;box-shadow:0 0 0 2px #1db95433!important;color:#fff!important;transform:translateY(-1px)}.enhanced-action-btn:focus{background:#ffffff26!important;border-color:#1db95499!important;box-shadow:0 0 0 2px #1db9544d!important;color:#fff!important;outline:none}.enhanced-action-btn.refresh-btn:hover,.enhanced-action-btn.test-btn:hover{background:#ffffff1f!important;border-color:#1db95480!important;box-shadow:0 0 0 2px #1db95433!important;color:#fff!important}.enhanced-action-btn.disconnect-btn:hover{background:#ffffff1f!important;border-color:#ef444480!important;box-shadow:0 0 0 2px #ef444433!important;color:#fca5a5!important}.playlist-search-input::placeholder{color:#ffffff80}.compact-create-section{margin-bottom:16px}.enhanced-create-btn{align-items:center;background:linear-gradient(135deg,#1db954,#1ed760);border:none;border-radius:6px;box-shadow:0 2px 4px #1db9544d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s;width:100%}.enhanced-create-btn:hover{background:linear-gradient(135deg,#1ed760,#1db954);box-shadow:0 4px 8px #1db95466;transform:translateY(-1px)}.btn-icon-small{height:14px;width:14px}.enhanced-create-form{background:linear-gradient(135deg,#3b82f61a,#1d4ed81a);border:1px solid #3b82f64d;border-radius:8px;box-shadow:inset 0 1px 3px #0000001a;margin-top:8px;padding:12px}.enhanced-input{background:#ffffff1f;border:1px solid #ffffff4d;border-radius:6px;color:#fff;font-size:.875rem;margin-bottom:10px;padding:8px 12px;transition:all .2s;width:100%}.enhanced-input:focus{background:#ffffff29;border-color:#1db95499;box-shadow:0 0 0 2px #1db95433;outline:none}.enhanced-input::placeholder{color:#fff9}.enhanced-form-actions{display:flex;gap:8px}.create-confirm-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;flex:1 1;font-weight:500}.create-confirm-btn:hover{background:linear-gradient(135deg,#059669,#10b981);transform:translateY(-1px)}.create-cancel-btn{background:#ef44441a;border:1px solid #ef44444d;color:#fca5a5;flex:1 1}.create-cancel-btn:hover{background:#ef444433;border-color:#ef444480}.enhanced-playlists-section{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.playlists-header{align-items:center;background:linear-gradient(135deg,#3b82f61a,#1db9541a);border:1px solid #3b82f633;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:12px;padding:8px 12px}.playlists-count{color:#ffffffe6;font-size:.8rem;font-weight:600}.playlist-controls{align-items:center;display:flex;gap:8px}.playlist-sort-select{background:#ffffff1a;border:1px solid #3b82f64d;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;padding:4px 8px;transition:all .2s}.playlist-sort-select:focus{background:#ffffff26;border-color:#1db95480;outline:none}.playlist-sort-select option{background:#1a1a3e;color:#fff}.enhanced-loading{align-items:center;color:#ffffffb3;display:flex;flex-direction:column;font-size:.875rem;gap:8px;padding:20px;text-align:center}.loading-spinner{border:2px solid #1db9544d;border-top-color:#1db954;height:20px;width:20px}.enhanced-playlists-list{display:flex;flex-direction:column;gap:6px;padding-right:4px;transition:all .3s ease}.enhanced-playlists-list.compact-mode{max-height:200px;overflow-y:auto}.enhanced-playlists-list.browse-mode{flex:1 1;gap:6px;max-height:350px;min-height:0;overflow-y:auto}.enhanced-playlists-list::-webkit-scrollbar{width:6px}.enhanced-playlists-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.enhanced-playlists-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#1db95499,#3b82f699);border-radius:3px;-webkit-transition:all .2s;transition:all .2s}.enhanced-playlists-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1db954cc,#3b82f6cc)}.enhanced-playlist-item{align-items:center;animation:slideInUp .4s forwards;background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid #3b82f633;border-radius:8px;cursor:pointer;display:flex;gap:10px;opacity:0;padding:10px 12px;transition:all .3s}.enhanced-playlist-item.browse-item{background:linear-gradient(135deg,#ffffff1a,#ffffff0f);border:1px solid #3b82f64d;gap:12px;padding:14px 16px}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.enhanced-playlist-item:hover{background:linear-gradient(135deg,#1db95426,#1db95414);border-color:#1db95466;box-shadow:0 4px 12px #1db95433;transform:translateY(-2px)}.playlist-item-icon{align-items:center;background:linear-gradient(135deg,#1db954,#1ed760);border-radius:6px;display:flex;font-size:1.2rem;height:28px;justify-content:center;min-width:28px;padding:4px}.enhanced-playlist-info{flex:1 1;min-width:0}.enhanced-playlist-name{color:#fff;font-size:.875rem;font-weight:600;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.enhanced-playlist-meta{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.playlist-tracks{color:#fff9;font-size:.75rem;font-weight:400}.playlist-modified{color:#1db954b3;font-size:.7rem;font-weight:500}.playlist-preview{color:#ffffff80;font-size:.7rem;font-style:italic;line-height:1.2;margin-top:4px}.enhanced-add-btn,.playlist-item-actions{display:flex;gap:4px}.enhanced-add-btn{align-items:center;background:#1db9541a;border:1px solid #1db9544d;color:#1db954;font-size:.75rem;font-weight:500;padding:6px 10px;transition:all .2s}.enhanced-add-btn:hover{background:#1db95433;border-color:#1db95480;box-shadow:0 2px 8px #1db9544d;transform:scale(1.05)}.btn-icon-tiny{height:10px;width:10px}.enhanced-empty{color:#fff9;font-size:.875rem;padding:30px 20px;text-align:center}.empty-icon{font-size:2rem;margin-bottom:8px;opacity:.7}.empty-text{font-weight:500;margin-bottom:4px}.empty-subtext{color:#fff6;font-size:.75rem}.browse-controls{flex-shrink:0;margin-top:12px}.enhanced-more-info{align-items:center;animation:fadeIn .4s ease;background:linear-gradient(135deg,#3b82f614,#1db95414);border:1px solid #3b82f633;border-radius:8px;display:flex;justify-content:space-between;padding:10px 14px}.more-count{color:#ffffffb3}.browse-toggle-btn,.more-count{font-size:.75rem;font-weight:600}.browse-toggle-btn{align-items:center;background:linear-gradient(135deg,#1db954,#1ed760);border:1px solid #1db95480;color:#fff;display:flex;gap:4px;padding:6px 12px;transition:all .2s}.browse-toggle-btn:hover{background:linear-gradient(135deg,#1ed760,#1db954);box-shadow:0 4px 12px #1db95466;transform:translateY(-2px)}.browse-mode-controls{display:flex;justify-content:center;padding:8px}.compact-toggle-btn{background:#3b82f61a;border:1px solid #3b82f64d;color:#60a5fa;font-size:.75rem;font-weight:500;padding:6px 16px;transition:all .2s}.compact-toggle-btn:hover{background:#3b82f633;border-color:#3b82f680;transform:translateY(-1px)}.search-input-container{display:flex;gap:12px;margin-bottom:16px}.track-search-input{background:#ffffff1a;border:1px solid #fff3;color:#fff;flex:1 1;font-size:14px;padding:10px 12px}.track-search-input::placeholder{color:#fff9}.search-results{background:#ffffff0d;border:1px solid #3b82f633;border-radius:8px;padding:16px}.search-result-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:8px 0}.search-result-item:last-child{border-bottom:none}.track-info{color:#fff}.track-name{font-weight:500}.track-artist{color:#ffffffb3;font-size:.875rem}.spotify-management-section{margin-top:16px}.spotify-actions-row{display:flex;flex-wrap:wrap;gap:12px}.spotify-primary-btn{background:linear-gradient(135deg,#1db954,#1ed760);border:none;color:#fff;font-weight:500}.spotify-primary-btn:hover{background:linear-gradient(135deg,#1ed760,#1db954)}@media (max-width:768px){.spotify-connected-layout{gap:16px;grid-template-columns:1fr}.spotify-playlist-side{border-left:none;border-top:1px solid #3b82f633;padding-left:0;padding-top:16px}.spotify-actions-compact{flex-direction:column}}.video-board-container{width:100%}.video-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e4d;border:1px solid #8b5cf633;border-radius:16px;padding:1.5rem}.video-masonry-grid{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.video-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1f293766;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform}.video-card:hover{border-color:#8b5cf680!important;box-shadow:0 20px 40px #8b5cf626;transform:translateY(-8px)}.video-card img{height:200px;object-fit:cover;transition:transform .3s ease;width:100%}.video-card .p-4{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.video-card h4{color:#fff;font-size:.875rem;font-weight:600}.video-card h4,.video-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.4;overflow:hidden}.video-card p{color:#d1d5dbcc;font-size:.75rem}.video-card .flex.items-center.justify-between{color:#9ca3afcc;font-size:.75rem}.video-card .bg-purple-600\/20{background:#8b5cf633!important;border:1px solid #8b5cf64d;border-radius:4px;color:#c4b5fde6!important;font-size:.625rem;font-weight:500;padding:.25rem .5rem}.video-card .bg-gray-700\/50{background:#37415180!important;border:1px solid #4b55634d;border-radius:4px;color:#d1d5dbcc!important;font-size:.625rem;padding:.25rem .5rem}.video-card .bg-gradient-to-r.from-orange-500.to-red-500{background:linear-gradient(90deg,#f97316,#dc2626)!important;box-shadow:0 2px 8px #f973164d;font-size:.625rem;font-weight:600;letter-spacing:.025em}.video-card .bg-black\/70{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c!important;font-size:.75rem;font-weight:500}.video-card .bg-purple-600.rounded-full{background:#8b5cf6e6!important;box-shadow:0 4px 16px #8b5cf666}@media (max-width:768px){.video-controls .flex.flex-col.lg\:flex-row{gap:1rem}.video-controls .flex.gap-3{flex-wrap:wrap;gap:.75rem}.video-controls select{font-size:.875rem;padding:.5rem 2rem .5rem .75rem}}@media (max-width:1200px){.video-masonry-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.video-masonry-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:640px){.video-masonry-grid{grid-template-columns:1fr}.video-card{max-width:100%}}.forum-container .bg-gray-800\/50{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f293780!important;transition:all .3s ease}.forum-container .bg-gray-800\/50:hover{background:#1f2937b3!important;border-color:#8b5cf64d!important;transform:translateY(-2px)}.video-controls input[type=text]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f293780;transition:all .3s ease}.video-controls input[type=text]:focus{background:#1f2937cc;box-shadow:0 0 0 3px #8b5cf61a}.video-controls select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f293780;transition:all .3s ease}.video-controls select:focus{background:#1f2937cc;box-shadow:0 0 0 3px #8b5cf61a}.video-board-container .flex.flex-col.items-center.justify-center.py-16{background:#1a1a2e33;border:2px dashed #8b5cf633;border-radius:16px;margin:2rem 0}.profile-name-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem;width:100%}.profile-name-section{display:flex;flex-direction:column;gap:.25rem}@media (max-width:640px){.profile-header{gap:.75rem}.profile-avatar{font-size:1.25rem;height:50px;width:50px}.profile-info{max-width:calc(100% - 130px)}.profile-info h3{font-size:.9rem;line-height:1.2;word-break:break-word}.profile-name-section>div:first-child{flex-wrap:wrap;gap:4px!important}.admin-role-simple{font-size:.65rem}}.admin-badge{display:inline-block}.admin-role-simple{color:#ef4444;font-size:.75rem;font-weight:600;margin-top:.125rem;text-transform:lowercase}.admin-moderate-clean{border:1px solid #0000;flex-shrink:0;font-size:.75rem;font-weight:500;white-space:nowrap}.admin-moderate-clean:hover{border-color:#ef44444d}@keyframes fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .2s ease-out}.emote-input:empty:before{color:#9ca3af;pointer-events:none;position:absolute}.emote-input:empty:before,.emote-input:focus:empty:before{content:attr(data-placeholder)}.emote-input{position:relative}.jam-session-hub{margin:0 auto;max-width:1400px;padding:2rem}.jam-hub-header{align-items:center;border-bottom:2px solid #00ffff4d;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.jam-hub-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ff,#f0f);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0}.jam-hub-section{margin-bottom:3rem}.jam-hub-section h3{color:#0ff;font-size:1.3rem;font-weight:600;margin-bottom:1.5rem}.jam-session-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.jam-session-card-hub{background:#1a1a2e99;border:2px solid #00ffff4d;border-radius:16px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s ease}.jam-session-card-hub:hover{border-color:#0ff9;box-shadow:0 8px 24px #00ffff4d;transform:translateY(-4px)}.jam-session-card-header{align-items:center;display:flex;justify-content:space-between}.jam-session-card-header h4{color:#fff;font-size:1.2rem;font-weight:600;margin:0}.host-badge{background:linear-gradient(135deg,#ffd7004d,#ffa5004d);border:1px solid #ffd70080;border-radius:12px;color:gold;font-size:.85rem;padding:.25rem .75rem}.jam-session-card-info{display:flex;flex-direction:column;gap:.5rem}.jam-session-card-info p{color:#fffc;font-size:.95rem;margin:0}.jam-host{color:#00ffffe6}.jam-participants{color:#ffffffb3}.jam-now-playing{color:#ff00ffe6;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jam-hub-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.loading-spinner{border-top-color:#0ff;height:50px;width:50px}.jam-hub-loading p{color:#0ffc;font-size:1.1rem}.jam-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.jam-modal-content{animation:slideUp .3s ease;background:#141423fa;border:2px solid #00ffff4d;border-radius:20px;box-shadow:0 0 40px #00ffff4d;display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow:hidden;overflow-x:hidden;width:70%}.jam-modal-with-chat{align-items:stretch;display:flex;position:relative;transition:transform .3s ease}.jam-modal-with-chat:has(.jam-chat-slide-panel.open){transform:translateX(-150px)}.jam-session-modal{animation:borderFlow 4s ease infinite;background:linear-gradient(#141423fa,#141423fa) padding-box,linear-gradient(90deg,#0ff,#f0f,#0ff,#f0f) border-box;background-size:300% 300%;border:3px solid #0000;box-shadow:0 0 40px #00ffff4d,0 0 60px #f0f3;display:flex;flex-direction:column;height:auto;max-height:90vh;max-width:1050px;position:relative;transition:all .3s ease;width:1050px;z-index:2}.jam-modal-header{align-items:center;border-bottom:1px solid #0ff3;display:flex;justify-content:space-between;padding:1.5rem}.jam-modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ff,#f0f);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;margin:0}.jam-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .3s ease;width:32px}.jam-modal-close:hover{background:#f003;color:red}.jam-modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.jam-modal-footer{border-top:1px solid #0ff3;display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem}.jam-form-group{margin-bottom:1.5rem}.jam-form-group label{color:#00ffffe6;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.jam-input{background:#1a1a2ecc;border:2px solid #00ffff4d;border-radius:8px;color:#fff;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.jam-input:focus{background:#1a1a2ee6;border-color:#0ff9;outline:none}.jam-checkbox-label{align-items:center;color:#ffffffe6;cursor:pointer;display:flex;gap:2rem!important;line-height:1}.jam-checkbox-label span{display:inline-block;margin-left:1rem;padding-top:2px}.jam-checkbox{accent-color:#0ff;cursor:pointer;flex-shrink:0;height:18px;margin:0;vertical-align:middle;width:18px}.jam-help-text{color:#ffffff80;font-size:.85rem;margin-bottom:0;margin-top:.5rem}.jam-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.jam-btn-primary{background:linear-gradient(135deg,#00ffff4d,#ff00ff4d);border:2px solid #0ff9;color:#fff}.jam-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0ff6,#f0f6);border-color:#0ffc;box-shadow:0 4px 12px #0ff6;transform:translateY(-2px)}.jam-btn-secondary{background:#ffffff1a;border:2px solid #ffffff4d;color:#fff}.jam-btn-secondary:hover:not(:disabled){background:#fff3;border-color:#ffffff80}.jam-btn-danger{background:#f003;border:2px solid #ff000080;color:#f66}.jam-btn-danger:hover:not(:disabled){background:#ff00004d;border-color:#ff0000b3}.jam-btn-small{font-size:.9rem;padding:.5rem 1rem}.jam-btn:disabled{cursor:not-allowed;opacity:.5}.jam-add-track-below-participants{bottom:-70px;font-size:.85rem;left:1rem;padding:.5rem .75rem;position:absolute;width:calc(100% - 2rem)}.jam-add-track-below-participants:disabled{cursor:not-allowed;opacity:.5}.jam-chat-box-below-queue{bottom:-110px;font-size:.85rem;left:1rem;padding:.5rem .75rem;position:absolute;width:calc(100% - 2rem)}.jam-tabs{border-bottom:1px solid #0ff3;display:flex}.jam-tab{background:none;border:none;border-bottom:2px solid #0000;color:#ffffffb3;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease}.jam-tab:hover{color:#00ffffe6}.jam-tab.active{border-bottom-color:#0ff;color:#0ff}.jam-session-list{display:flex;flex-direction:column;gap:1rem}.jam-session-card{align-items:center;background:#1a1a2e99;border:1px solid #0ff3;border-radius:12px;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.jam-session-card:hover{border-color:#00ffff80;box-shadow:0 4px 12px #0ff3;transform:translateY(-2px)}.jam-session-info h3{color:#fff;font-size:1.1rem;margin:0 0 .5rem}.jam-session-host{color:#ffffffb3;font-size:.9rem;margin:0 0 .5rem}.jam-session-meta{color:#0ffc;display:flex;font-size:.85rem;gap:1rem}.jam-empty-state{color:#ffffffb3;padding:3rem 1rem;text-align:center}.jam-empty-state p:first-child{font-size:3rem;margin:0 0 1rem}.jam-empty-state p:nth-child(2){font-size:1.2rem;margin:0 0 .5rem}.jam-loading{color:#0ffc;font-size:1.1rem;padding:2rem;text-align:center}.jam-error-message{background:#ff00001a;border:1px solid #ff00004d;border-radius:8px;color:#f66;padding:1rem;text-align:center}.jam-session-header{align-items:center;border-bottom:1px solid #0ff3;display:flex;justify-content:space-between;padding:1rem}.jam-session-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ff,#f0f);-webkit-background-clip:text;background-clip:text;font-size:1.2rem;margin:0 0 .5rem}.jam-session-status{color:#ffffffb3;font-size:.9rem}.jam-session-body{grid-gap:.8rem;display:grid;flex:1 1;gap:.8rem;grid-template-columns:2fr 1fr;overflow-y:auto;padding:.8rem}.jam-player-section{align-items:center;display:flex;flex-direction:column;gap:.5rem;padding-bottom:.5rem;position:relative}.jam-album-art{border:2px solid #00ffff4d;border-radius:12px;box-shadow:0 8px 24px #00ffff4d;height:200px;object-fit:cover;width:200px}.jam-track-title{color:#fff;font-size:1.15rem;font-weight:700;margin:.2rem 0 0}.jam-track-artist,.jam-track-title{max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.jam-track-artist{color:#ffffffb3;font-size:.95rem;margin:0 0 .35rem}.jam-player-controls-row{align-items:flex-start;display:flex;gap:1rem;width:100%}.jam-player-controls{align-items:center;display:flex;gap:1rem;width:100%}.jam-play-btn{background:linear-gradient(135deg,#0ff6,#f0f6);border:none;border-radius:50%;box-shadow:0 4px 12px #0ff6;color:#fff;cursor:pointer;flex-shrink:0;font-size:1.2rem;height:50px;transition:all .3s ease;width:50px}.jam-play-btn:hover:not(:disabled){background:linear-gradient(135deg,#0ff9,#f0f9);box-shadow:0 6px 16px #0ff9;transform:scale(1.05)}.jam-play-btn:disabled{cursor:not-allowed;opacity:.5}.jam-progress-bar{align-self:center;background:#ffffff1a;border-radius:4px;flex:1 1;height:8px;overflow:hidden;position:relative}.jam-progress-fill{background:linear-gradient(90deg,#0ff,#f0f);border-radius:4px;height:100%;transition:width .1s linear}.jam-time-display{color:#0ff;flex-shrink:0;font-size:.85rem;font-weight:600;white-space:nowrap}.jam-time-display-wrapper{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem}.jam-reactions-below-time-right{align-items:center;display:flex;position:relative}.jam-reactions{margin-top:1rem;position:relative}.jam-reaction-picker{background:#1a1a2efa;border:2px solid #00ffff4d;border-radius:8px;bottom:100%;box-shadow:0 4px 12px #00000080;display:flex;gap:.3rem;margin-bottom:.35rem;padding:.35rem;position:absolute;right:0;z-index:100}.jam-reaction-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:1.1rem;line-height:1;padding:.3rem;transition:all .2s ease}.jam-reaction-btn:hover{background:#0ff3;transform:scale(1.15)}.jam-no-track{padding:3rem 1rem;text-align:center}.jam-no-track p:first-child{font-size:3rem;margin:0 0 1rem}.jam-no-track p:nth-child(2){color:#ffffffe6;font-size:1.2rem;margin:0 0 .5rem}.jam-participants-section{background:#1a1a2e66;border:1px solid #0ff3;border-radius:10px;display:flex;flex-direction:column;padding:.75rem;position:relative}.jam-participants-section h4{color:#0ff;font-size:.85rem;margin:0 0 .75rem}.jam-participants-list{display:flex;flex-direction:column;gap:.35rem;max-height:200px;overflow-y:auto}.jam-participant{background:#00ffff0d;border:1px solid #00ffff1a;border-radius:5px;padding:.35rem .5rem}.jam-participant-name{color:#ffffffe6;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jam-chat-input-section{background:#1a1a2e66;border:1px solid #0ff3;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.jam-chat-input-header{align-items:center;display:flex;justify-content:space-between}.jam-chat-input-header h4{color:#0ff;font-size:.9rem;margin:0}.jam-chat-slide-panel{background:#1a1a2efa;border:2px solid #ff00ffb3;border-left:none;border-radius:0 12px 12px 0;box-shadow:0 8px 24px #ff00ff80;height:90%;left:calc(100% - 15px);max-height:82vh;overflow:hidden;position:absolute;top:50%;transform:translateY(-50%) translateX(-85%);transition:transform .3s ease;width:350px;z-index:1}.jam-chat-slide-panel.open{transform:translateY(-50%) translateX(0)}.jam-chat-slide-panel:not(.open){pointer-events:none;transform:translateY(-50%) translateX(-85%)}.jam-chat-panel-content{display:flex;flex-direction:column;height:100%;padding:1.5rem}.jam-chat-panel-content h4{border-bottom:1px solid #ff00ff80;color:#f3f;font-size:1rem;margin:0 0 1rem;padding-bottom:.75rem;text-shadow:0 0 10px #f0f9}.jam-chat-messages-scroll{display:flex;flex:1 1;flex-direction:column;gap:.5rem;overflow-y:auto}.jam-chat-empty{color:#ffffff80;font-size:.9rem;padding:2rem 1rem;text-align:center}.jam-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:.5rem;margin-bottom:1rem;max-height:300px;overflow-y:auto}.jam-chat-message{word-wrap:break-word;background:#00ffff0d;border-radius:6px;padding:.5rem;.add-track-modal{max-width:900px;width:90%}.add-track-modal,.add-track-modal.jam-modal-content{overflow:visible!important}.add-track-modal .jam-modal-header{position:relative}.add-track-modal .jam-modal-header h2{margin:0;text-align:center;width:100%}.add-track-modal .jam-modal-close{position:absolute;right:0;top:50%;transform:translateY(-50%)}.add-track-modal .jam-modal-body{align-items:center;display:flex;flex-direction:column;overflow:visible!important;padding-bottom:3rem!important}.add-track-description{color:#ffffffe6;font-size:1.3rem;font-weight:600;margin-bottom:0;margin-right:2rem}.add-track-options{gap:4rem!important;margin:0!important;padding:0!important}.add-track-header-row,.add-track-options{align-items:center!important;display:flex!important;flex-direction:row!important;justify-content:center!important}.add-track-header-row{width:100%!important}.add-track-option-btn{align-items:center;background:#1a1a2e66;border:2px solid #00ffff40;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;gap:0;justify-content:center;min-height:140px;min-width:140px;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.add-track-option-btn:hover{background:#1a1a2ee6;border-color:#0ffc;box-shadow:0 8px 24px #0ff6;transform:translateY(-5px) scale(1.05)}.add-track-option-btn:before{background:#141423f2!important;border:1px solid #00ffff80!important;border-radius:6px!important;bottom:-2.5rem!important;color:#0ff!important;content:attr(data-label)!important;display:block!important;font-size:.9rem!important;left:50%!important;opacity:0!important;padding:.5rem .75rem!important;pointer-events:none!important;position:absolute!important;transform:translateX(-50%)!important;transition:opacity .2s ease!important;white-space:nowrap!important;z-index:10000!important}.add-track-option-btn:hover:before{opacity:1!important;transition-delay:.3s!important}.option-icon{filter:drop-shadow(0 3px 6px rgba(0,0,0,.4));flex-shrink:0;font-size:3.5rem;line-height:1;transition:all .3s ease}.add-track-option-btn:hover .option-icon{transform:scale(1.1)}.option-text,.option-text h3,.option-text p{display:none!important}.discover-alert-modal{max-width:500px}.discover-alert-content{text-align:center}.discover-alert-title{color:#00ffffe6;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem}.discover-steps{display:flex;flex-direction:column;gap:1rem;text-align:left}.discover-step{align-items:center;background:#00ffff0d;border-radius:8px;color:#ffffffe6;display:flex;font-size:1rem;gap:1rem;padding:.75rem}.step-number{flex-shrink:0;font-size:1.5rem}}.jam-chat-username{color:#0ff;font-weight:600;margin-right:.5rem}.jam-chat-text{color:#ffffffe6}.jam-chat-input-container{align-items:center;display:flex;gap:.5rem}.jam-emote-btn{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;cursor:pointer;font-size:1.2rem;line-height:1;padding:.5rem;transition:all .3s ease}.jam-emote-btn:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.1)}.jam-chat-input{background:#1a1a2e99;border:1px solid #00ffff4d;border-radius:6px;color:#fff;flex:1 1;font-size:.9rem;min-height:36px;padding:.5rem}.jam-chat-input:focus{border-color:#0ff9;outline:none}.floating-reaction{animation:floatUp 3s ease-out forwards;font-size:2rem;pointer-events:none;position:absolute;z-index:10001}.track-selection-modal{max-height:85vh}.track-selection-empty,.track-selection-error,.track-selection-loading{align-items:center;color:#ffffffb3;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #0ff3;border-radius:50%;border-top-color:#0ffc;height:40px;margin-bottom:1rem;width:40px}.track-selection-list{max-height:50vh;overflow-y:auto;padding:.5rem}.track-selection-item{align-items:center;background:#1a1a2e66;border:2px solid #0ff3;border-radius:12px;cursor:pointer;display:flex;gap:1rem;margin-bottom:.75rem;padding:1rem;transition:all .3s ease}.track-selection-item:hover{background:#1a1a2eb3;border-color:#0ff6;transform:translateX(4px)}.track-selection-item.selected{background:#00ffff26;border-color:#0ff9;box-shadow:0 0 20px #0ff3}.track-selection-artwork{border-radius:8px;flex-shrink:0;height:60px;object-fit:cover;width:60px}.track-selection-info{flex:1 1}.track-selection-info h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .25rem}.track-selection-info p{color:#fff9;font-size:.9rem;margin:0}.track-selection-check{color:#00ffffe6;flex-shrink:0;font-size:1.5rem}.invite-friends-modal{max-height:85vh}.invite-session-name{color:#ffffffb3;font-size:.95rem;margin-bottom:1.5rem;text-align:center}.invite-session-name strong{color:#00ffffe6}.invite-empty,.invite-error,.invite-loading{align-items:center;color:#ffffffb3;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.invite-help-text{color:#ffffff80;font-size:.85rem;margin-top:.5rem}.invite-friends-list{max-height:50vh;overflow-y:auto;padding:.5rem}.invite-friend-item{align-items:center;background:#1a1a2e66;border:2px solid #0ff3;border-radius:12px;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem;padding:1rem;transition:all .3s ease}.invite-friend-item:hover{background:#1a1a2eb3;border-color:#0ff6}.invite-friend-info{align-items:center;display:flex;flex:1 1;gap:1rem}.invite-friend-avatar{object-fit:cover}.invite-friend-avatar,.invite-friend-avatar-placeholder{border:2px solid #00ffff4d;border-radius:50%;flex-shrink:0;height:50px;width:50px}.invite-friend-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#00ffff4d,#ff00ff4d);color:#fff;display:flex;font-size:1.5rem;font-weight:700;justify-content:center}.invite-friend-details{display:flex;flex-direction:column;gap:.25rem}.invite-friend-details h4{color:#fff;font-size:1rem;font-weight:600;margin:0}.invite-friend-status{color:#00ff64e6;font-size:.85rem}@keyframes floatUp{0%{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:1;transform:translateY(-10px) scale(1)}to{opacity:0;transform:translateY(-60px) scale(1.2)}}.floating-reaction{animation:floatUp 2s ease-out forwards}@media (max-width:768px){.jam-session-body{grid-template-columns:1fr}.jam-album-art{height:200px;width:200px}.jam-modal-content{width:95%}.track-selection-item{padding:.75rem}.track-selection-artwork{height:50px;width:50px}}@keyframes gradientSlide{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.feature-btn-combined{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1f2937cc;border:1px solid #9ca3af33;border-radius:16px;min-height:120px;padding:20px}.combined-header{align-items:center;display:flex;margin-bottom:12px}.combined-tabs{display:flex;gap:10px;margin-top:10px}.combined-tab-btn{background:#8b5cf633;border:1px solid #8b5cf64d;border-radius:8px;color:#a78bfa;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s}.combined-tab-btn:hover{background:#8b5cf64d;border-color:#8b5cf680;color:#fff;transform:translateY(-2px)}.promo-spot-btn:hover{border-color:#f069;box-shadow:0 20px 35px -5px #ff00664d}.promo-icon{animation:megaphone-pulse 1.5s ease-in-out infinite;font-size:32px}@keyframes megaphone-pulse{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(5deg)}}.choice-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1f2937f2;border:1px solid #9ca3af33;border-radius:20px;max-width:400px;padding:30px}.choice-modal h3{color:#fff;font-size:24px;margin-bottom:20px;text-align:center}.choice-btn{align-items:flex-start;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:18px;font-weight:600;margin-bottom:15px;padding:20px;text-align:left;transition:all .3s;width:100%}.choice-btn:hover{background:#3b82f633;border-color:#3b82f680;transform:translateY(-2px)}.choice-desc{color:#9ca3af;font-size:14px;font-weight:400;margin-top:5px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999}.dj-booth-feature-card{background:linear-gradient(135deg,#0f172af2,#1e293bf2);border-radius:16px;cursor:pointer;padding:1.5rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:1}.dj-booth-feature-card:before{animation:gradientBorderFlow 4s ease-in-out infinite;background:linear-gradient(90deg,#0ff,#f0f,#0ff,#f0f);background-size:300% 300%;border-radius:18px;bottom:-2px;content:"";left:-2px;opacity:.3;position:absolute;right:-2px;top:-2px;transition:opacity .4s ease;z-index:-1}@keyframes gradientBorderFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.dj-booth-feature-card:hover{box-shadow:0 15px 40px #ff00ff59,0 0 30px #0ff3,0 0 60px #ff00ff26;transform:translateY(-8px) scale(1.02)}.dj-booth-feature-card:hover:before{animation:gradientBorderFlowFast 2s ease-in-out infinite;opacity:1}@keyframes gradientBorderFlowFast{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.dj-booth-feature-card:after{background:linear-gradient(135deg,#0f172afa,#1e293bfa);border-radius:14px;bottom:2px;content:"";left:2px;position:absolute;right:2px;top:2px;z-index:-1}.dj-booth-feature-card>*{position:relative;z-index:2}.dj-booth-feature-card .feature-icon{color:#0ff;margin-bottom:.75rem}.dj-booth-feature-card h3{color:#fff;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.dj-booth-feature-card p{color:#fff9;font-size:.85rem;line-height:1.6;margin-bottom:1rem}.dj-booth-feature-card .card-actions{display:flex;gap:.75rem;justify-content:flex-end}.dj-booth-feature-card .card-action-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#ffffff80;cursor:pointer;display:flex;font-size:.8rem;gap:.3rem;padding:.25rem .5rem;transition:color .2s ease,transform .2s ease}.dj-booth-feature-card .card-action-btn:hover{transform:scale(1.1)}.dj-booth-feature-card .card-action-btn.like-btn:hover{color:#0ff}.dj-booth-feature-card .card-action-btn.share-btn:hover{color:#f0f}.dj-booth-view-all-btn{align-items:center;background:#0000;border:1px solid #ff00ff4d;border-radius:25px;color:#0ff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1.5rem;padding:.6rem 1.25rem;transition:all .3s ease}.dj-booth-view-all-btn:hover{background:#ff00ff26;border-color:#f0f;box-shadow:0 0 20px #f0f6;color:#f0f}.dj-booth-view-all-btn:active{background:#ff00ff40;transform:scale(.98)}.dj-booth-feature-card .card-action-btn.like-btn.liked{color:#0ff!important;text-shadow:0 0 8px #0ff9}.dj-booth-feature-card .card-action-btn.like-btn.liked svg{fill:#0ff}.mini-modal-context .gig-hub-cards-grid{gap:1rem!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}.mini-modal-context .marketplace-cards-grid{gap:1rem!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important}.mini-modal-context .gig-hub-cards-grid>div,.mini-modal-context .marketplace-cards-grid>div{padding:1rem!important}.mini-modal-context .gig-hub-cards-grid svg,.mini-modal-context .marketplace-cards-grid svg{height:28px!important;width:28px!important}.mini-modal-context .gig-hub-cards-grid h3,.mini-modal-context .marketplace-cards-grid h3{font-size:1rem!important;margin-bottom:.5rem!important}.mini-modal-context .gig-hub-cards-grid p,.mini-modal-context .marketplace-cards-grid p{font-size:.8rem!important;line-height:1.4!important}.mini-modal-context .gig-hub-cards-grid button,.mini-modal-context .marketplace-cards-grid button{font-size:.75rem!important;padding:.4rem .75rem!important}.producer-feature-card{background:linear-gradient(135deg,#0f0a19f2,#1e1432f2);border-radius:16px;cursor:pointer;padding:1.5rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:1}.producer-feature-card:before{animation:producerGradientFlow 4s ease-in-out infinite;background:linear-gradient(90deg,#9333ea,#fbbf24,#9333ea,#fbbf24);background-size:300% 300%;border-radius:18px;bottom:-2px;content:"";left:-2px;opacity:.3;position:absolute;right:-2px;top:-2px;transition:opacity .4s ease;z-index:-1}@keyframes producerGradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.producer-feature-card:hover{box-shadow:0 15px 40px #9333ea59,0 0 30px #fbbf2433,0 0 60px #9333ea26;transform:translateY(-8px) scale(1.02)}.producer-feature-card:hover:before{opacity:1}.producer-feature-card:after{background:linear-gradient(135deg,#0f0a19fa,#1e1432fa);border-radius:14px;bottom:2px;content:"";left:2px;position:absolute;right:2px;top:2px;z-index:-1}.producer-feature-card>*{position:relative;z-index:2}.producer-feature-card .feature-icon{color:#fbbf24;margin-bottom:.75rem}.producer-feature-card h3{color:#fff;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.producer-feature-card p{color:#fff9;font-size:.85rem;line-height:1.6;margin-bottom:1rem}.producer-feature-card .card-actions{display:flex;gap:.75rem;justify-content:flex-end}.producer-feature-card .card-action-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#ffffff80;cursor:pointer;display:flex;font-size:.8rem;gap:.3rem;padding:.25rem .5rem;transition:color .2s ease,transform .2s ease}.producer-feature-card .card-action-btn:hover{transform:scale(1.1)}.producer-feature-card .card-action-btn.like-btn.liked,.producer-feature-card .card-action-btn.like-btn:hover{color:#fbbf24}.producer-feature-card .card-action-btn.like-btn.liked svg{fill:#fbbf24}.producer-feature-card .card-action-btn.share-btn:hover{color:#9333ea}.producer-view-all-btn{align-items:center;background:#0000;border:1px solid #9333ea4d;border-radius:25px;color:#fbbf24;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1.5rem;padding:.6rem 1.25rem;transition:all .3s ease}.producer-view-all-btn:hover{background:#9333ea26;border-color:#9333ea;box-shadow:0 0 20px #9333ea66;color:#9333ea}.producer-view-all-btn:active{background:#9333ea40;transform:scale(.98)}.soundcloud-integration-card{background:#ff550014;border:1px solid #ff550040;margin-top:1.5rem;max-width:900px;min-width:700px;width:100%}.soundcloud-section-title{align-items:center;color:#fff;display:flex;font-size:1.1rem;gap:.75rem}.soundcloud-title-logo{filter:brightness(0) invert(1);height:24px;width:24px}.powered-by-badge{border-radius:10px;font-size:.65rem;font-weight:500;margin-left:auto;padding:.2rem .5rem}.powered-by-badge.spotify-badge{background:#1db95426;color:#1db954e6}.soundcloud-integration-card .powered-by-badge{background:#ff550026;color:#ff5500e6}.soundcloud-connected-layout{align-items:flex-start;display:flex;gap:1rem}.soundcloud-connection-side{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:200px}.soundcloud-status-connected{color:#f50;font-size:.85rem;font-weight:600}.soundcloud-status-disconnected{color:#f50;font-weight:600;margin-bottom:.5rem}.soundcloud-user-info{align-items:center;background:#ff55001a;border:1px solid #f503;border-radius:6px;display:flex;gap:.5rem;padding:.5rem}.soundcloud-avatar{border:2px solid #f506;border-radius:50%;height:32px;object-fit:cover;width:32px}.soundcloud-avatar-wrapper{flex-shrink:0;height:32px;position:relative;width:32px}.soundcloud-avatar-fallback{align-items:center;background:#f503;border:2px solid #f506;border-radius:50%;color:#f50;display:flex;height:32px;justify-content:center;width:32px}.soundcloud-playlist-art-wrapper,.soundcloud-track-art-wrapper{flex-shrink:0;position:relative}.soundcloud-playlist-art-wrapper{height:28px;width:28px}.soundcloud-track-art-wrapper{height:32px;width:32px}.soundcloud-art-fallback{align-items:center;background:#ff550026;border:1px solid #ff55004d;border-radius:3px;color:#f50;display:flex;height:100%;justify-content:center;width:100%}.soundcloud-user-details{display:flex;flex-direction:column}.soundcloud-username{color:#fff;font-size:.8rem;font-weight:600}.soundcloud-stats{color:#fff9;font-size:.7rem}.soundcloud-actions-enhanced{display:flex;flex-wrap:wrap;gap:.4rem}.soundcloud-btn{border-color:#f506!important;color:#ffffffe6!important;font-size:.75rem!important;padding:.3rem .6rem!important}.soundcloud-btn:hover{background:#f503!important;border-color:#f50!important;box-shadow:0 0 12px #ff55004d!important}.soundcloud-connection-subtitle{color:#fff9;font-size:.7rem;margin-top:.25rem}.soundcloud-content-side{display:flex;flex:1.5 1;flex-direction:column;gap:.75rem;max-height:180px;overflow-y:auto}.soundcloud-section-header{align-items:center;color:#f50;display:flex;font-size:.8rem;font-weight:600;gap:.4rem;margin-bottom:.4rem}.soundcloud-playlist-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.soundcloud-playlist-item{align-items:center;background:#ff55001a;border:1px solid #ff550026;border-radius:4px;cursor:pointer;display:flex;gap:.4rem;padding:.4rem;transition:all .2s ease}.soundcloud-playlist-item:hover{background:#f503;border-color:#ff55004d}.soundcloud-playlist-art{border-radius:3px;height:28px;object-fit:cover;width:28px}.soundcloud-playlist-info{display:flex;flex-direction:column;min-width:0}.soundcloud-playlist-title{color:#fff;font-size:.7rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.soundcloud-playlist-tracks{color:#ffffff80;font-size:.6rem}.soundcloud-likes-list{display:flex;flex-direction:column;gap:.4rem}.soundcloud-like-item{align-items:center;background:#ff550014;border-radius:4px;display:flex;gap:.5rem;padding:.35rem;transition:all .2s ease}.soundcloud-like-item:hover{background:#ff550026}.soundcloud-track-art{border-radius:3px;height:32px;object-fit:cover;width:32px}.soundcloud-track-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.soundcloud-track-title{color:#fff;font-size:.75rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.soundcloud-track-artist{color:#fff9;font-size:.65rem}.soundcloud-track-bpm{color:#f50;font-size:.6rem;font-weight:600}.soundcloud-empty-state{color:#ffffff80;font-size:.75rem;padding:1rem;text-align:center}.soundcloud-not-connected{padding:.75rem 0;text-align:center}.soundcloud-not-connected p{color:#ffffffb3;font-size:.85rem;margin:.5rem 0 .75rem}.soundcloud-features{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-bottom:.75rem}.feature-tag{background:#ff550026;border-radius:10px;color:#f50;font-size:.65rem;font-weight:500;padding:.2rem .5rem}.connect-soundcloud-btn{align-items:center;background:linear-gradient(135deg,#f50,#f70)!important;border:none!important;color:#fff!important;display:flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.5rem 1rem}.connect-soundcloud-btn:hover{background:linear-gradient(135deg,#f60,#f80)!important;box-shadow:0 0 15px #f506!important}.btn-icon-img{filter:brightness(10);height:16px;width:16px}.soundcloud-powered-by{align-items:center;border-top:1px solid #f503;color:#ffffff80;display:flex;font-size:.65rem;gap:.4rem;justify-content:center;margin-top:1rem;padding-top:.75rem}.soundcloud-powered-by img{filter:brightness(0) invert(1);height:14px;opacity:.6;width:14px}@media (max-width:768px){.soundcloud-integration-card{max-width:100%!important;min-width:auto!important;width:100%!important}.soundcloud-integration-card,.soundcloud-integration-card .card-content,.soundcloud-integration-card CardContent{height:auto!important;overflow:visible!important}.soundcloud-section-title{flex-wrap:wrap;font-size:.95rem;gap:.5rem}.soundcloud-section-title .powered-by-badge{flex-basis:100%;font-size:.55rem;margin-left:0;margin-top:.25rem}.soundcloud-connected-layout{flex-direction:column}.soundcloud-connection-side{min-width:auto;width:100%}.soundcloud-playlist-grid{grid-template-columns:1fr}.soundcloud-features{grid-template-columns:1fr!important}.soundcloud-actions-enhanced{flex-wrap:wrap;gap:6px}.soundcloud-actions-enhanced button{font-size:.75rem;padding:6px 10px}}.advanced-filters-section{border-top:1px solid #00ffff1a;margin-top:0;padding-top:.15rem}.advanced-filters-toggle{align-items:center;background:#00ffff0d;border:1px solid #0ff3;border-radius:6px;color:#0ff;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;justify-content:space-between;padding:.5rem .75rem;transition:all .2s ease;width:100%}.advanced-filters-toggle:hover{background:#00ffff1a;border-color:#0ff6}.advanced-filters-toggle.expanded{border-bottom:none;border-radius:6px 6px 0 0}.toggle-arrow{font-size:.7rem;transition:transform .2s ease}.advanced-filters-content{background:#00ffff08;border:1px solid #0ff3;border-radius:0 0 6px 6px;border-top:none;display:flex;flex-direction:column;gap:.75rem;overflow:visible;padding:.75rem;position:relative;z-index:10}.filter-group{display:flex;flex-direction:column;gap:.4rem}.filter-group-label{align-items:center;color:#fffc;display:flex;font-size:.75rem;font-weight:600;gap:.4rem}.source-checkboxes{display:flex;flex-wrap:wrap;gap:.4rem}.source-checkbox-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:15px;cursor:pointer;display:flex;font-size:.7rem;gap:.3rem;padding:.35rem .6rem;transition:all .2s ease}.source-checkbox-item:hover{background:#ffffff0d;border-color:#ffffff4d;border-color:var(--source-color,#ffffff4d)}.source-checkbox-item.selected{background:#0000;border-color:var(--source-color);box-shadow:0 0 8px color-mix(in srgb,var(--source-color) 30%,#0000)}.source-checkbox-input{display:none}.source-icon{font-size:.85rem}.source-name{color:#fff;font-weight:500}.source-checkbox-item.selected .source-name{color:var(--source-color)}.bpm-filter-group{background:#ff550014;border:1px solid #ff550040;border-radius:6px;padding:.6rem .75rem}.bpm-filter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.soundcloud-exclusive-badge{background:#f503;border-radius:6px;color:#f50;font-size:.6rem;font-weight:500;padding:.1rem .35rem}.bpm-toggle{align-items:center;cursor:pointer;display:flex;gap:.4rem}.bpm-toggle input{accent-color:#f50;height:14px;width:14px}.bpm-toggle-label{color:#ffffffb3;font-size:.7rem}.bpm-sliders{align-items:center;display:flex;gap:.75rem;justify-content:center;margin:.5rem 0}.bpm-input-group{align-items:center;gap:.15rem}.bpm-input-group label{color:#fff9;font-size:.6rem}.bpm-input{background:#0000004d;border:1px solid #f506;border-radius:4px;color:#fff;font-size:.85rem;font-weight:600;padding:.35rem;text-align:center;width:55px}.bpm-input:focus{border-color:#f50;box-shadow:0 0 8px #ff55004d;outline:none}.bpm-range-display{color:#f50;font-size:.95rem;font-weight:700;min-width:100px;text-align:center}.bpm-presets-inline{align-items:center;display:flex;flex-wrap:wrap;font-size:.7rem;gap:.35rem;justify-content:center;line-height:1;margin-top:.5rem}.presets-label{font-size:.7rem;font-weight:700;line-height:1;margin-right:.15rem;vertical-align:middle}.bpm-preset-link{border-radius:3px;color:#fff9;cursor:pointer;padding:.1rem .2rem;transition:all .15s ease}.bpm-preset-link:hover{background:#ff550026;color:#f50}.bpm-preset-link:active{background:#f506;color:#fff;transform:scale(.95)}.bpm-preset-link.active{background:#f503;color:#f50;font-weight:600}.preset-divider{color:#fff3;line-height:1;margin:0 .1rem;vertical-align:middle}@media (max-width:768px){.source-checkboxes{justify-content:center}.bpm-sliders{flex-direction:column;gap:.4rem}.bpm-presets-inline{flex-wrap:wrap;justify-content:center}}.filter-group-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.4rem}.refresh-filters-btn{align-items:center;background:#0000;border:none;color:#0ff;cursor:pointer;display:flex;font-size:.75rem;gap:.3rem;padding:0;transition:all .2s ease}.refresh-filters-btn:hover{color:#fff;text-decoration:underline}.refresh-filters-btn:disabled{cursor:not-allowed;opacity:.5}.source-badge-below{align-items:center;border-radius:3px;display:flex;font-size:.5rem;font-weight:600;gap:.15rem;justify-content:center;letter-spacing:.02em;margin-top:.3rem;padding:.1rem .3rem;text-transform:uppercase}.source-badge-below.source-spotify{background:#1db95433;border:1px solid #1db95466;color:#1db954}.source-badge-below.source-soundcloud{background:#f503;border:1px solid #f506;color:#f50}.source-badge-below.source-deezer{background:#feaa2d33;border:1px solid #feaa2d66;color:#feaa2d}.source-badge-below.source-discogs{background:#f063;border:1px solid #f066;color:#f06}.source-badge-below.source-songstats{background:#ff7a0033;border:1px solid #ff7a0066;color:#ff7a00}.source-badge{display:flex;gap:.2rem;letter-spacing:.03em;padding:.15rem .4rem;position:absolute;right:.4rem;text-transform:uppercase;top:.4rem;z-index:5}.source-badge.source-spotify{background:#1db95433;border:1px solid #1db95466;color:#1db954}.source-badge.source-soundcloud{background:#f503;border:1px solid #f506;color:#f50}.source-badge.source-deezer{background:#feaa2d33;border:1px solid #feaa2d66;color:#feaa2d}.source-badge.source-discogs{background:#f063;border:1px solid #f066;color:#f06}.source-badge.source-songstats{background:#ff7a0033;border:1px solid #ff7a0066;color:#ff7a00}.filter-mode-toggle{background:#0003;border-radius:8px;display:flex;gap:.5rem;margin-bottom:1rem;padding:.25rem;width:-webkit-fit-content;width:fit-content}.filter-mode-btn{background:#0000;border:1px solid #0000;border-radius:6px;color:#ffffff80;cursor:pointer;font-size:.8rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.filter-mode-btn:hover{background:#ffffff0d;color:#fffc}.filter-mode-btn.active{background:#00ffff1a;border-color:#0ff6;color:#0ff}.advanced-filters-section.dimmed,.discovery-filter-controls.dimmed{filter:grayscale(30%);opacity:.4;pointer-events:none}.advanced-filters-section.dimmed:after,.discovery-filter-controls.dimmed:after{background:#0000;content:"";cursor:not-allowed;inset:0;position:absolute}.advanced-filters-section,.discovery-filter-controls{position:relative;transition:opacity .3s ease,filter .3s ease}.advanced-genre-dropdown{background:#0000004d;border:1px solid #00ffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:.5rem .75rem;transition:all .2s ease;width:100%}.advanced-genre-dropdown:hover:not(:disabled){border-color:#0ff}.advanced-genre-dropdown:focus{border-color:#0ff;box-shadow:0 0 10px #0ff3;outline:none}.advanced-genre-dropdown:disabled{cursor:not-allowed;opacity:.5}.advanced-genre-dropdown option{background:#1a1a2e;color:#fff}.discovery-artwork-column{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.dashboard-action-buttons button:hover{color:inherit!important}.dashboard-action-buttons button.bg-pink-600\/10:hover{background:#db277759!important}.dashboard-action-buttons button.bg-purple-600\/10:hover{background:#9333ea59!important}.dashboard-action-buttons button.bg-blue-600\/10:hover{background:#2563eb59!important}.dashboard-action-buttons button.bg-green-600\/10:hover{background:#16a34a59!important}.dashboard-action-buttons button.bg-gray-600\/10:hover{background:#4b556359!important}.dashboard-action-buttons button.bg-amber-600\/10:hover{background:#d9770659!important}.dashboard-action-buttons .text-pink-300:hover{color:#f9a8d4!important}.dashboard-action-buttons .text-purple-300:hover{color:#d8b4fe!important}.dashboard-action-buttons .text-blue-300:hover{color:#93c5fd!important}.dashboard-action-buttons .text-green-300:hover{color:#86efac!important}.dashboard-action-buttons .text-gray-300:hover{color:#d1d5db!important}.dashboard-action-buttons .text-amber-300:hover{color:#fcd34d!important}.discover-random-btn{background:#ec489933!important;border:1px solid #ec4899!important;color:#ec4899!important;font-size:12px!important;padding:6px 12px!important;transform:translateZ(0);transition:background .2s ease,color .2s ease!important;white-space:nowrap;will-change:background,color}.discover-random-btn:active,.discover-random-btn:hover{background:#ec4899!important;color:#fff!important}.discover-random-btn:disabled{cursor:not-allowed;opacity:.5}.social-link-item-compact{transition:transform .1s ease!important}.social-link-item-compact.dragging{transition:none!important}.social-links-droppable [data-rbd-droppable-context-id]{background:#0000!important;border:none!important}.social-links-column:after,.social-links-column:before,.social-links-droppable:after,.social-links-droppable:before,.social-links-list:after,.social-links-list:before{content:none!important;display:none!important}.social-link-item-compact *,.social-link-item-compact a,.social-link-item-compact a:active,.social-link-item-compact a:focus,.social-link-item-compact a:hover,.social-link-item-compact a:visited,.social-links-droppable *,.social-links-list *{border-bottom:none!important;box-shadow:none!important;text-decoration:none!important}.social-link-item-compact .remove-social-btn-compact{opacity:0;transition:opacity .15s ease}.social-link-item-compact:hover .remove-social-btn-compact{opacity:.6}.social-link-item-compact .remove-social-btn-compact:hover{opacity:1}:root{--mobile-breakpoint:640px;--tablet-breakpoint:1024px;--touch-target-min:48px}.mobile-bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f19fa;border-top:1px solid #00d4ff33;bottom:0;box-shadow:0 -4px 20px #00000080;display:none;left:0;padding:.5rem .25rem calc(.5rem + env(safe-area-inset-bottom));position:fixed;right:0;z-index:9998}.mobile-nav-items{align-items:center;display:flex;justify-content:space-around;margin:0 auto;max-width:100%}.mobile-nav-item{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:6px;color:#fff9;cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:center;max-width:60px;min-height:44px;min-width:44px;padding:.35rem .1rem;transition:all .2s ease}.mobile-nav-item:active{transform:scale(.95)}.mobile-nav-item.active{background:#00d4ff1a;color:#00d4ff}.mobile-nav-item .nav-icon{height:1.1rem;margin-bottom:.15rem;width:1.1rem}.mobile-nav-item .nav-label{font-size:.55rem;font-weight:500;line-height:1.1;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.desktop-only-message{align-items:center;display:none;flex-direction:column;gap:1.5rem;justify-content:center;min-height:50vh;padding:3rem 2rem;text-align:center}.desktop-only-message .desktop-icon{color:#00d4ff99;height:4rem;width:4rem}.desktop-only-message h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.desktop-only-message p{color:#ffffffb3;font-size:1rem;line-height:1.6;margin:0;max-width:400px}@media (max-width:640px){.mobile-bottom-nav{display:block}.mobile-nav-item{min-width:42px;padding:.4rem .15rem}.mobile-nav-item .nav-icon{height:1.1rem;width:1.1rem}.mobile-nav-item .nav-label{font-size:.55rem}.tabs-nav{display:none!important}.main-container{padding-bottom:calc(85px + env(safe-area-inset-bottom))}.tab-content{margin-left:0;padding:.25rem}.app-header{padding:.75rem .5rem}.header-content{padding:0 .5rem}.logo-section{margin-bottom:.5rem;margin-top:.5rem}.app-title{font-size:1.75rem}.app-subtitle{font-size:.75rem}.app-tagline{font-size:.7rem}.user-section{flex-direction:column;gap:.5rem}.user-info{flex-wrap:wrap;gap:.5rem;justify-content:center}.beta-notice-dropdown{bottom:calc(90px + env(safe-area-inset-bottom));left:.5rem;max-width:none;position:fixed;right:.5rem;top:auto;transform:none;z-index:9997}.admin-panel,.admin-section{display:none!important}.hero-section,.landing-page{align-items:center;display:flex;flex-direction:column}.hero-section{text-align:center;width:100%}.features-grid-horizontal{align-items:center!important;display:flex!important;flex-direction:column!important;gap:.75rem;justify-content:center!important;margin:0 auto 1.5rem;max-width:320px;padding:0 1rem;width:100%}.feature-card{margin:0 auto;max-width:280px;padding:1rem;text-align:center}.feature-card h3{font-size:.95rem}.feature-card p{font-size:.8rem}.hero-title{font-size:1.4rem}.hero-subtitle,.hero-title{text-align:center;width:100%}.hero-subtitle{padding:0 1rem}.demo-section{align-items:center;display:flex;flex-direction:column;width:100%}.jam-session-container,.lounge-content,.radio-content,[class*=lounge]{align-items:center!important;display:flex!important;flex-direction:column!important;padding:.75rem!important;text-align:center;width:100%!important}.jam-session-container>*,.lounge-content>*,.radio-content>*,[class*=lounge]>*{margin-left:auto;margin-right:auto;max-width:100%;width:100%}.jam-session-card,.session-card{margin:.5rem auto!important;max-width:100%!important;width:100%!important}.jam-tabs,.lounge-tabs{justify-content:center!important}.social-tab-content{overflow-x:hidden}.social-tab-content>*{box-sizing:border-box;max-width:100%;overflow-x:hidden}.dashboard-grid,.social-grid,[class*=activity],[class*=community],[class*=social-links]{display:flex!important;flex-direction:column!important;gap:1.5rem!important;max-width:100%!important;width:100%!important}.activity-panel,.dashboard-panel,.social-panel,[class*=beatseekers],[class*=discord],[class*=integration]{box-sizing:border-box!important;margin-bottom:1rem!important;max-width:100%!important;overflow-x:hidden!important;width:100%!important}.social-section .Card,.social-section [class*=card],.social-tab-content .Card,.social-tab-content [class*=card]{margin-bottom:1.5rem!important;max-width:100%!important;width:100%!important}.discord-widget-card,.discord-widget-card>div{height:auto!important;max-height:none!important;max-width:100%!important;min-height:auto!important;min-width:auto!important;width:100%!important}.soundcloud-integration-card,.soundcloud-integration-card>*{max-width:100%!important;min-width:auto!important;overflow:visible!important;width:100%!important}.discord-widget-card,.soundcloud-integration-card,.spotify-integration-card{box-sizing:border-box!important;height:auto!important;margin:.5rem 0!important;max-width:100%!important;overflow:visible!important;padding:.75rem!important;width:100%!important}.discord-widget-card,.soundcloud-integration-card,.spotify-integration-card{height:auto!important;max-height:none!important;overflow:visible!important}.discord-widget-card button,.soundcloud-integration-card button,.spotify-integration-card button{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:100%!important}.soundcloud-integration-card img,.soundcloud-integration-card svg,.spotify-integration-card img,.spotify-integration-card svg{height:auto!important;max-height:24px!important;max-width:24px!important;width:auto!important}[class*=beatseekers] form,[class*=beatseekers] input,[class*=search]{box-sizing:border-box!important;max-width:100%!important;width:100%!important}.search-friends>div{flex-wrap:wrap!important;margin-left:0!important;max-width:100%!important;width:100%!important}.search-friends button,.search-friends input,.search-friends select{flex-shrink:1!important;max-width:100%!important}.social-connect-cta{max-width:100%!important;overflow-x:hidden!important}select{max-width:100px!important;overflow:hidden!important;text-overflow:ellipsis!important}.crate-box-container,[class*=crates],[class*=diggin]{box-sizing:border-box!important;max-width:100%!important;overflow-x:hidden!important;padding:.5rem!important;width:100%!important}.crate-modal .close-btn:not(:first-of-type),[class*=diggin] .close-btn:nth-of-type(n+2){display:none!important}.dj-tools-section,.producers-corner-section{overflow-x:hidden!important;width:100%!important}.dj-tools-section,.dj-tools-section>div,.producers-corner-section,.producers-corner-section>div{max-width:100%!important;padding:.5rem!important}.dj-tools-section h2,.producers-corner-section h2{font-size:1.5rem!important}.dj-booth-feature-card,.producer-feature-card{margin:.5rem 0!important;max-width:100%!important;width:100%!important}.tracks-grid{gap:.75rem;grid-template-columns:1fr!important}.discovery-card{margin:0}.discovery-card .CardContent,.discovery-card .discovery-content,.discovery-card>div{display:block!important;width:100%!important}.discovery-card-layout{align-items:flex-start;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:.75rem;width:100%!important}.discovery-player-section{flex-basis:100%!important;margin-top:-2rem!important;order:3!important}.discovery-artwork-wrapper{border-radius:8px;flex-shrink:0!important;height:90px!important;max-width:90px!important;min-width:90px!important;overflow:hidden;width:90px!important}.discovery-artwork{height:100%!important;object-fit:cover;width:100%!important}.discovery-info{display:flex!important;flex:1 1;flex-direction:column!important;min-width:0}.discovery-info h4,.discovery-title{font-size:.9rem!important;line-height:1.2;margin-bottom:.2rem!important}.discovery-artist,.discovery-info p{font-size:.75rem!important;line-height:1.2;margin-bottom:.2rem!important}.discovery-meta{font-size:.7rem!important}.discovery-card .CardContent,.discovery-content{padding:.75rem!important}.discovery-purchase-row{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:6px!important;margin-top:.5rem!important;width:100%!important}.discovery-purchase-btn{align-items:center!important;border-radius:6px!important;box-sizing:border-box!important;display:inline-flex!important;justify-content:center!important;max-height:34px!important;max-width:36px!important;min-height:32px!important;min-width:32px!important;overflow:hidden!important;padding:6px!important}.discovery-purchase-btn .purchase-logo,.discovery-purchase-btn img{height:18px!important;max-height:18px!important;max-width:18px!important;object-fit:contain!important;width:18px!important}.track-action-icon{align-items:center!important;display:inline-flex!important;font-size:.85rem!important;justify-content:center!important;margin-left:2px!important;max-height:32px!important;max-width:32px!important;min-height:28px!important;min-width:28px!important;padding:5px!important;position:static!important}.custom-audio-player{background:#00d4ff14!important;border:1px solid #00d4ff33!important;border-radius:6px!important;box-sizing:border-box!important;margin-top:.5rem!important;max-width:100%!important;overflow:hidden!important;padding:6px 10px!important;position:relative!important;width:100%!important;z-index:1}.player-main-row{align-items:center!important;display:flex!important;flex-wrap:nowrap!important;gap:8px!important;width:100%!important}.player-play-btn{border-radius:50%!important;flex-shrink:0!important;font-size:.9rem!important;height:32px!important;max-width:32px!important;min-width:32px!important;width:32px!important}.player-progress-container{flex:1 1!important;min-width:0!important}.player-progress-track{border-radius:2px!important;height:4px!important}.player-time{font-size:.65rem!important;min-width:60px!important;text-align:right!important;white-space:nowrap!important}.player-volume-btn,.player-volume-row,.player-volume-section,.player-volume-slider{display:none!important}.preview-label-above{color:#00d4ff!important;font-size:.6rem!important;margin-bottom:2px!important;padding-left:2px!important;text-align:left!important}.discovery-player-section{margin-top:.5rem!important;max-width:100%!important;overflow:hidden!important;width:100%!important}.player-volume,.volume-slider{display:none!important}.discovery-card [style*="position: 'absolute'"][style*="30s preview"],.discovery-card div[style*="position: absolute"]{display:block!important;margin-top:.5rem!important;position:static!important}.track-action-icon{min-height:48px;min-height:var(--touch-target-min);min-width:48px;min-width:var(--touch-target-min);padding:.75rem}.discovery-filter-controls{flex-direction:column;gap:.5rem}.filter-row-bottom,.filter-row-top{display:flex;flex-direction:column;gap:.5rem}.filter-link-btn{display:none}.discovery-search-input-inline,.genre-dropdown-inline{width:100%}.social-tab-content{padding:.5rem}.dashboard-grid{gap:1rem;grid-template-columns:1fr!important}.crate-box-container,.jam-session-container{padding:.5rem}.dj-booth-grid,.producers-corner-grid{gap:.75rem;grid-template-columns:1fr!important}.dj-feature-card,.feature-card,.producer-feature-card{padding:1rem}.dialog-content,.modal-overlay .modal-content,[role=dialog]{border-radius:0!important;height:100%!important;margin:0!important;max-height:100%!important;max-width:100%!important;width:100%!important}input[type=email],input[type=password],input[type=search],input[type=text],select,textarea{font-size:16px!important}.btn,[role=button],button{min-height:48px;min-height:var(--touch-target-min);padding:.75rem 1rem}.profile-content{padding:.5rem}.profile-stats{flex-wrap:wrap;justify-content:center}.chat-container{border-radius:0;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}#emergent-badge{bottom:calc(80px + env(safe-area-inset-bottom))!important;right:10px!important;transform:scale(.9)}.listen-section{min-height:50vh;padding:1rem .5rem}.listen-button{height:120px;width:120px}.hero-section,.landing-page{padding:1rem}.hero-title{font-size:1.5rem}.hero-subtitle{font-size:.9rem}.features-grid-horizontal{flex-direction:column;gap:1rem}.feature-card{width:100%}.pagination-controls{flex-direction:column;gap:.75rem}.pagination-btn{width:100%}.dj-booth-feature-modal .modal-header+.content-header h2,.dj-booth-feature-modal h2+h2{display:none!important}.gear-categories,.gear-features,.gear-grid,[class*=gear-section]>div{display:flex!important;flex-direction:column!important;gap:.75rem!important}.directory-section,.public-marketplace-section,[class*=directory-embed],[class*=marketplace-embed]{-webkit-overflow-scrolling:touch;max-height:60vh!important;overflow:hidden!important;overflow-y:auto!important;touch-action:pan-y!important}.directory-section iframe,.public-marketplace-section iframe{position:relative!important;touch-action:pan-y!important}.find-nearby-section,[class*=nearby]{max-width:100%!important;overflow-x:hidden!important;width:100%!important}.find-nearby-section button,[class*=nearby] button{max-width:100%!important;white-space:normal!important}.academy-tabs,[class*=academy] .tabs{display:flex!important;flex-wrap:wrap!important;gap:4px!important}.academy-tabs button,[class*=academy] .tabs button{flex:1 1 45%!important;font-size:11px!important;padding:8px!important;white-space:nowrap}.pro-course-preview,[class*=course-modal],[class*=course-preview]{bottom:5%!important;left:2.5%!important;max-height:90%!important;max-width:95%!important;overflow-y:auto!important;position:fixed!important;right:2.5%!important;top:5%!important;width:95%!important;z-index:10002!important}.video-board-section iframe,[class*=video-board] iframe{height:200px!important;max-width:100%!important;width:100%!important}.demo-drops-tabs,[class*=demo-drops] .tabs{-webkit-overflow-scrolling:touch;display:flex!important;flex-wrap:wrap!important;gap:4px!important;overflow-x:auto!important}.demo-drops-tabs button,[class*=demo-drops] .tabs button{flex:0 0 auto!important;font-size:11px!important;padding:8px 12px!important;white-space:nowrap}.producer-section,[class*=producer] .content-area{overflow:hidden!important;overflow-y:auto!important;touch-action:pan-y!important}.dj-booth-feature-modal,.producer-feature-modal,[class*=feature-modal]{border-radius:0!important;height:100%!important;margin:0!important;max-height:100%!important;max-width:100%!important;width:100%!important}.dj-booth-feature-modal>div,.producer-feature-modal>div,[class*=feature-modal]>div{-webkit-overflow-scrolling:touch;overflow-y:auto!important}}@media (min-width:641px) and (max-width:1024px){.mobile-bottom-nav{display:block}.mobile-nav-item{padding:.5rem .35rem}.tabs-nav{display:none!important}.main-container{padding-bottom:calc(85px + env(safe-area-inset-bottom))}.tab-content{margin-left:0;padding:1rem}.app-header{padding:1rem}.app-title{font-size:2rem}.tracks-grid{gap:1rem;grid-template-columns:repeat(2,1fr)!important}.dashboard-grid{gap:1rem;grid-template-columns:1fr!important}.social-tab-content>*{max-width:100%;overflow-x:hidden}.dj-booth-grid,.dj-tools-section>div>div[style*=grid],.producers-corner-grid{gap:1rem;grid-template-columns:repeat(2,1fr)!important}.dj-booth-feature-card,.producer-feature-card{width:100%!important}.admin-panel,.admin-section{display:none!important}.dialog-content,.modal-overlay .modal-content,[role=dialog]{border-radius:16px!important;max-height:90%!important;max-width:600px!important;width:90%!important}.beta-notice-dropdown{bottom:calc(70px + env(safe-area-inset-bottom))}#emergent-badge{bottom:calc(80px + env(safe-area-inset-bottom))!important}}@media (max-width:1024px) and (orientation:landscape){.pulse-landscape~#emergent-badge,body:has(.pulse-landscape) #emergent-badge{display:none!important}.mobile-bottom-nav{height:auto!important;min-height:40px!important;padding:4px 8px!important}.mobile-bottom-nav button{font-size:10px!important;padding:4px 6px!important}.mobile-bottom-nav svg{height:16px!important;width:16px!important}}.pulse-landscape{max-height:100vh!important;max-height:100dvh!important}@media (min-width:1025px){.mobile-bottom-nav{display:none!important}.tabs-nav{display:inline-flex!important}.desktop-only-message,.dj-tools-desktop-message{display:none!important}}@media (max-width:640px){.auth-dialog{border-radius:16px 16px 0 0!important;bottom:0!important;height:auto!important;left:0!important;max-height:100%!important;max-width:100%!important;position:fixed!important;right:0!important;top:auto!important;transform:none!important;width:100%!important}.auth-form{padding:1rem}.auth-submit,.form-field input{height:48px;height:var(--touch-target-min)}.auth-submit{font-size:1rem}.social-login-buttons{flex-direction:row;gap:1rem;justify-content:center}.social-login-btn{min-height:48px;min-height:var(--touch-target-min);min-width:48px;min-width:var(--touch-target-min)}}.dj-tools-desktop-message{display:none!important}@media (max-width:1024px){.clickable,[role=button],a,button:not(.mobile-nav-item){min-height:44px;padding:.5rem}.overflow-auto,.overflow-x-auto,.overflow-y-auto,.scrollable{-webkit-overflow-scrolling:touch}@media (hover:none){.discovery-card:hover,.feature-card:hover,button:hover{transform:none}}}@supports (padding:env(safe-area-inset-bottom)){.mobile-bottom-nav{padding-bottom:calc(.5rem + env(safe-area-inset-bottom))}.main-container{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}@media (max-width:1024px) and (orientation:landscape){.mobile-bottom-nav{padding:.25rem 0}.mobile-nav-item{flex-direction:row;gap:.5rem;padding:.375rem .75rem}.mobile-nav-item .nav-icon{margin-bottom:0}.mobile-nav-item .nav-label{font-size:.7rem}.listen-section{min-height:40vh}.listen-button{height:80px;width:80px}}.wishlist-tabs-scroll{-ms-overflow-style:none;scrollbar-width:none}.wishlist-tabs-scroll::-webkit-scrollbar{display:none}@media (max-width:767px){.wishlist-modal-overlay{align-items:flex-start!important;padding:.5rem .5rem 100px!important}.wishlist-modal-container{border-radius:16px!important;max-height:calc(100vh - 120px)!important}.wishlist-modal-header{padding:.75rem 1rem!important}.wishlist-modal-header h2{font-size:1.1rem!important}.wishlist-tabs-container{gap:.35rem!important;padding:.5rem .75rem!important}.wishlist-tab-btn{border-radius:16px!important;font-size:.7rem!important;padding:.35rem .6rem!important}.wishlist-tab-btn .tab-count{font-size:.6rem!important;padding:.1rem .3rem!important}.wishlist-content-area{max-height:calc(100vh - 250px)!important;padding:.75rem!important}.wishlist-item-card{border-radius:10px!important;margin-bottom:.5rem!important;padding:.75rem!important}.wishlist-item-icon{border-radius:8px!important;font-size:1.1rem!important;height:36px!important;width:36px!important}.wishlist-item-title{font-size:.85rem!important}.wishlist-item-meta{font-size:.7rem!important}.wishlist-item-notes{font-size:.65rem!important}.wishlist-item-date{font-size:.6rem!important}.wishlist-action-btn{border-radius:6px!important;font-size:.65rem!important;padding:.35rem .6rem!important}.wishlist-action-btn svg{height:12px!important;width:12px!important}.wishlist-remove-btn{padding:.35rem .5rem!important}.wishlist-empty-state{padding:2rem 1rem!important}.wishlist-empty-state span{font-size:2.5rem!important}.wishlist-empty-state h3{font-size:1rem!important}.wishlist-empty-state p{font-size:.8rem!important}}@media (max-width:767px) and (orientation:landscape){.wishlist-modal-overlay{padding:.25rem .25rem 60px!important}.wishlist-modal-container{max-height:calc(100vh - 70px)!important}.wishlist-modal-header{padding:.5rem .75rem!important}.wishlist-tabs-container{padding:.35rem .5rem!important}.wishlist-content-area{max-height:calc(100vh - 160px)!important;padding:.5rem!important}.wishlist-item-card{align-items:center!important}.wishlist-item-actions,.wishlist-item-card{flex-direction:row!important}}@media (min-width:768px) and (max-width:1024px){.wishlist-modal-container{max-width:90%!important}}.beat-analyzer-border{animation:beatAnalyzerGlow 4s ease infinite;background:linear-gradient(135deg,#06b6d4,#ec4899,#8b5cf6,#06b6d4);background-size:300% 300%;border-radius:8px;padding:1.5px;position:relative}.beat-analyzer-border>*,.beat-analyzer-border>div:first-child{position:relative}.beat-analyzer-inner{background:#0a0e1a;border-radius:7px;overflow:hidden}@keyframes beatAnalyzerGlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.similar-tracks-border{animation:similarTracksGlow 4s ease infinite;background:linear-gradient(135deg,#06b6d4,#c026d3,#8b5cf6,#06b6d4);background-size:300% 300%}@keyframes similarTracksGlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.similar-tracks-vinyl-spin{animation:vinylLoadingSpin 2s linear infinite}@keyframes vinylLoadingSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.similar-tracks-btn{animation:similarTracksGlow 4s ease infinite;background:linear-gradient(135deg,#06b6d4,#c026d3,#8b5cf6,#06b6d4);background-size:300% 300%;border:none;border-radius:10px;cursor:pointer;padding:2px;position:relative}.similar-tracks-btn-inner{align-items:center;background:#0b1120;border-radius:9px;color:#e0e0e0;display:flex;font-size:11px;font-weight:700;gap:5px;padding:5px 12px;transition:all .2s;white-space:nowrap}.similar-tracks-btn:hover .similar-tracks-btn-inner{background:#0f1628}.spotify-advanced-filters{background:#0000004d;border:1px solid #1db9544d;border-radius:12px;margin-top:12px;padding:16px}.saf-header{margin-bottom:16px}.saf-title{align-items:center;color:#1db954;display:flex;font-size:14px;font-weight:600;gap:8px}.spotify-icon{font-size:18px}.active-filters-badge{background:#1db954;border-radius:10px;color:#000;font-size:11px;font-weight:700;margin-left:4px;padding:2px 8px}.saf-subtitle{color:#ffffff80;font-size:12px;margin:4px 0 0}.saf-tabs{background:#0003;border-radius:8px;display:flex;gap:4px;margin-bottom:16px;padding:4px}.saf-tab{background:#0000;border:none;border-radius:6px;color:#fff9;cursor:pointer;flex:1 1;font-size:12px;padding:8px 12px;position:relative;transition:all .2s ease}.saf-tab:hover{background:#ffffff0d;color:#fff}.saf-tab.active{background:#1db95433;color:#1db954}.saf-tab.has-filter:after{background:#1db954;border-radius:50%;content:"";height:6px;position:absolute;right:4px;top:4px;width:6px}.saf-section{background:#0003;border-radius:8px;padding:12px}.saf-section-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.section-label{color:#fff;font-size:13px;font-weight:500}.current-value{color:#1db954;font-size:12px;font-weight:600;margin-left:auto}.saf-toggle{display:inline-block;height:22px;position:relative;width:40px}.saf-toggle input{height:0;opacity:0;width:0}.toggle-slider{background:#fff3;border-radius:22px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;content:"";height:16px;left:3px;position:absolute;transition:.3s;width:16px}.saf-toggle input:checked+.toggle-slider{background:#1db954}.saf-toggle input:checked+.toggle-slider:before{transform:translateX(18px)}.saf-section-content{border-top:1px solid #ffffff1a;padding-top:8px}.bpm-inputs{gap:12px;margin-bottom:16px}.bpm-input-group{display:flex;flex-direction:column;gap:4px}.bpm-input-group label{color:#ffffff80;font-size:10px;text-transform:uppercase}.bpm-input-group input[type=number]{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:14px;padding:8px;text-align:center;width:60px}.bpm-input-group input[type=number]:focus{border-color:#1db954;outline:none}.bpm-slider-container{flex:1 1;height:30px;position:relative}.bpm-slider{-webkit-appearance:none;background:#0000;height:4px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:100%}.bpm-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#1db954;border-radius:50%;cursor:pointer;height:16px;pointer-events:auto;width:16px}.bpm-slider.min-slider{z-index:1}.bpm-slider.max-slider{z-index:2}.bpm-presets{margin-top:12px}.presets-label{color:#ffffff80;display:block;font-size:11px;margin-bottom:8px}.presets-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr)}.preset-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#ffffffb3;cursor:pointer;display:flex;flex-direction:column;padding:8px 6px;transition:all .2s ease}.preset-btn:hover{background:#ffffff1a;border-color:#fff3}.preset-btn.active{background:#1db95433;border-color:#1db954;color:#1db954}.preset-icon{font-size:16px;margin-bottom:2px}.preset-name{font-size:10px;font-weight:600}.preset-range{font-size:9px;opacity:.7}.key-help{color:#ffffff80;font-size:11px;margin:0 0 12px}.camelot-grid{display:flex;flex-direction:column;gap:8px}.key-row{align-items:center;display:flex;gap:4px}.row-label{color:#ffffff80;font-size:10px;width:60px}.key-btn{background:#ffffff0d;border:1px solid #ffffff26;border-radius:4px;color:#ffffffb3;cursor:pointer;font-size:10px;font-weight:500;height:28px;padding:0;transition:all .2s ease;width:32px}.key-btn:hover{background:#ffffff1a}.key-btn.minor{border-color:#8b5cf64d}.key-btn.major{border-color:#f973164d}.key-btn.selected{background:#1db954;border-color:#1db954;color:#000;font-weight:700}.clear-keys-btn{background:#0000;border:1px solid #ef444480;border-radius:6px;color:#ef4444;cursor:pointer;font-size:11px;margin-top:12px;padding:6px 12px;transition:all .2s ease}.clear-keys-btn:hover{background:#ef44441a}.slider-help{color:#ffffff80;font-size:11px;margin:0 0 12px}.range-slider-group{align-items:center;display:flex;gap:12px;margin-bottom:12px}.range-label{color:#ffffff80;font-size:12px;white-space:nowrap}.dual-range{flex:1 1;height:20px;position:relative}.dual-range input[type=range]{-webkit-appearance:none;background:#fff3;border-radius:2px;height:4px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:100%}.dual-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#1db954;border-radius:50%;cursor:pointer;height:14px;pointer-events:auto;width:14px}.dual-range input[type=range]:first-child{background:linear-gradient(90deg,#ffffff1a 0,#1db954 50%,#ffffff1a)}.energy-presets{display:flex;gap:6px}.energy-presets button{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#ffffffb3;cursor:pointer;flex:1 1;font-size:11px;padding:8px;transition:all .2s ease}.energy-presets button:hover{background:#1db9541a;border-color:#1db954;color:#1db954}.saf-actions{display:flex;gap:8px;margin-top:16px}.apply-filters-btn{background:#1db954;border:none;border-radius:8px;color:#000;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s ease}.apply-filters-btn:hover:not(:disabled){background:#1ed760}.apply-filters-btn:disabled{cursor:not-allowed;opacity:.5}.clear-all-btn{background:#0000;border:1px solid #fff3;border-radius:8px;color:#fff9;cursor:pointer;font-size:13px;padding:10px 16px;transition:all .2s ease}.clear-all-btn:hover{border-color:#fff6;color:#fff}.saf-note{color:#fff6;font-size:10px;margin-top:12px;text-align:center}@media (max-width:480px){.saf-tabs{flex-wrap:wrap}.saf-tab{flex:1 1 45%}.presets-grid{grid-template-columns:repeat(2,1fr)}.key-btn{font-size:9px;height:24px;width:26px}.row-label{font-size:9px;width:50px}}.camelot-wheel-container{background:#0000004d;border:1px solid #ffffff1a;border-radius:16px;padding:20px}.camelot-wheel-header{margin-bottom:20px;text-align:center}.camelot-wheel-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ff,#f0f);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin:0 0 8px}.camelot-subtitle{color:#fff9;font-size:13px;margin:0}.camelot-wheel-svg{filter:drop-shadow(0 4px 20px rgba(0,0,0,.3))}.camelot-segment-path{transition:all .2s ease}.camelot-segment-path:hover{filter:brightness(1.2);transform:scale(1.02)}.camelot-segment-path.selected{filter:brightness(1.3) drop-shadow(0 0 10px rgba(255,255,255,.5))}.camelot-segment-path.compatible{filter:brightness(1.1)}.camelot-key-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-shadow:0 1px 2px #0000004d}.camelot-legend{background:#ffffff0d;border-radius:8px;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px;padding:12px 20px}.legend-item{color:#ffffffb3;font-size:12px;gap:8px}.legend-color{border-radius:4px;height:16px;width:16px}.legend-color.outer{background:linear-gradient(135deg,#ff6b6b,#6c5ce7)}.legend-color.inner{background:linear-gradient(135deg,#ffb870,#8e82ec)}.legend-color.compatible-dot{background:#0ff;box-shadow:0 0 8px #0ff}.compatible-indicator{border-left:1px solid #fff3;padding-left:16px}.camelot-selected-info{background:#00ffff0d;border:1px solid #0ff3;border-radius:12px;margin-top:24px;max-width:400px;padding:20px;text-align:center;width:100%}.camelot-selected-info h4{color:#0ff;font-size:14px;font-weight:600;margin:0 0 16px}.compatible-keys-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:16px}.compatible-key-badge{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;min-width:70px;padding:8px 12px;transition:all .2s ease}.compatible-key-badge:hover{box-shadow:0 4px 12px #0000004d;transform:scale(1.05)}.badge-camelot{color:#000;font-size:16px;font-weight:700;text-shadow:0 1px 1px #ffffff4d}.badge-key{color:#000000b3;font-size:10px;margin-top:2px}.mixing-tip{color:#ffffff80;font-size:12px;font-style:italic;margin:0}@media (max-width:480px){.camelot-wheel-container{padding:15px}.camelot-legend{flex-direction:column;gap:10px}.compatible-indicator{border-left:none;border-top:1px solid #fff3;padding-left:0;padding-top:10px}.compatible-keys-list{gap:6px}.compatible-key-badge{min-width:60px;padding:6px 10px}}.artist-notification-bell,.artist-notification-bell-wrapper{display:inline-flex;position:relative}.artist-notification-bell{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff9;cursor:pointer;justify-content:center;padding:4px;transition:all .2s ease}.artist-notification-bell:hover{background:#ffffff1a;color:#ffffffe6}.artist-notification-bell:disabled{cursor:not-allowed;opacity:.5}.artist-notification-bell.following{color:#fbbf24}.artist-notification-bell.following:hover{background:#fbbf2426;color:#f59e0b}.artist-notification-bell.bell-small .bell-icon{height:16px;width:16px}.artist-notification-bell.bell-medium .bell-icon{height:20px;width:20px}.artist-notification-bell.bell-large .bell-icon{height:24px;width:24px}.bell-icon{transform-origin:top center;transition:transform .2s ease}@keyframes bellRing{0%{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-12deg)}30%{transform:rotate(10deg)}40%{transform:rotate(-8deg)}50%{transform:rotate(6deg)}60%{transform:rotate(-4deg)}70%{transform:rotate(2deg)}80%{transform:rotate(-1deg)}90%{transform:rotate(.5deg)}to{transform:rotate(0deg)}}.artist-notification-bell.ringing .bell-icon{animation:bellRing .6s ease-in-out}@keyframes bellHover{0%,to{transform:rotate(0deg)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}.artist-notification-bell:hover:not(.ringing) .bell-icon{animation:bellHover .4s ease-in-out}.bell-tooltip{background:#000000e6;border:1px solid #ffffff1a;border-radius:4px;bottom:100%;color:#fff;font-size:11px;margin-bottom:4px;padding:4px 8px;pointer-events:none;white-space:nowrap;z-index:1000}.bell-tooltip,.bell-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.bell-tooltip:after{border:5px solid #0000;border-top-color:#000000e6;content:"";top:100%}@keyframes notificationPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.artist-notification-bell.following .bell-icon circle{animation:notificationPulse 2s ease-in-out infinite}.artist-notification-bell:focus{outline:2px solid #fbbf24;outline-offset:2px}.artist-notification-bell:focus:not(:focus-visible){outline:none}.artist-follow-alert{animation:slideInAlert .3s ease-out;position:fixed;right:20px;top:20px;z-index:10000}@keyframes slideInAlert{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.artist-follow-alert .alert-content{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border:1px solid #fbbf2466;border-radius:12px;box-shadow:0 8px 32px #0006,0 0 20px #fbbf2433;display:flex;gap:12px;max-width:350px;padding:16px 20px}.artist-follow-alert .alert-icon{flex-shrink:0;font-size:24px}.artist-follow-alert .alert-text{flex:1 1}.artist-follow-alert .alert-text strong{color:#fbbf24;display:block;font-size:14px;margin-bottom:4px}.artist-follow-alert .alert-text p{color:#fffc;font-size:12px;line-height:1.4;margin:0}.artist-follow-alert .alert-close{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:20px;line-height:1;padding:0;transition:color .2s}.artist-follow-alert .alert-close:hover{color:#fff}.artist-notifications-btn{align-items:center;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:6px;color:#fbbf24;cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:6px;padding:4px 10px;transition:all .2s ease}.artist-notifications-btn:hover{background:#fbbf2433;border-color:#fbbf2480}.artist-notifications-btn .bell-icon{height:14px;width:14px}.artist-notifications-btn.has-notifications{position:relative}.artist-notifications-btn .notification-badge{align-items:center;background:#f44;border-radius:8px;color:#fff;display:flex;font-size:9px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:-4px;top:-4px}.create-promo-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.create-promo-modal{animation:borderFlow 3s linear infinite;background:linear-gradient(135deg,#1a1a2e,#16213e);background-clip:padding-box,border-box;background-image:linear-gradient(135deg,#1a1a2e,#16213e),linear-gradient(135deg,#300,#f06,#f9c,#f06,#300);background-origin:border-box;background-size:100% 100%,200% 200%;border:5px solid #0000;border-radius:20px;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:95%}.create-promo-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff006626;border-bottom:1px solid #f363;display:flex;justify-content:space-between;padding:20px 30px}.create-promo-header h2{color:#fff;font-size:24px;font-weight:700;margin:0}.close-btn{border-radius:50%;color:#fff;height:36px;transition:all .3s;width:36px}.close-btn:hover{transform:rotate(90deg)}.create-promo-content{flex:1 1;overflow-y:auto;padding:30px}.create-promo-content::-webkit-scrollbar{width:8px}.create-promo-content::-webkit-scrollbar-track{background:#ffffff0d}.create-promo-content::-webkit-scrollbar-thumb{background:#f36;border-radius:10px}.category-selection{display:flex;flex-direction:column;gap:30px}.category-instruction{color:#fffc;font-size:18px;margin:0;text-align:center}.category-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.category-btn{align-items:center;background:#ffffff08;border:2px solid #ffffff1a;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:15px;text-align:center;transition:all .3s}.category-btn:hover{background:#ffffff14;border-color:#f36;box-shadow:0 8px 16px #f063;transform:translateY(-2px)}.category-icon{font-size:28px}.category-name{color:#fff;font-size:15px;font-weight:700}.category-desc{color:#fff9;font-size:11px;line-height:1.3}.promo-form{display:flex;flex-direction:column;gap:25px}.error-message{background:#f003;border:1px solid #f36;border-radius:10px;color:#f69;font-size:14px;padding:15px}.form-group{display:flex;flex-direction:column;gap:10px}.form-group label{color:#ffffffe6;font-size:14px;font-weight:600}.form-input,.form-select,.form-textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;font-family:inherit;font-size:14px;outline:none;padding:12px 15px;transition:all .3s}.form-select option{background:#1a1a2e;color:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#ffffff14;border-color:#f36}.form-input::placeholder,.form-textarea::placeholder{color:#fff6}.form-textarea{min-height:100px;resize:vertical}.char-count{color:#ffffff80;font-size:12px;text-align:right}.genre-tags{display:flex;flex-wrap:wrap;gap:10px}.genre-tag{background:#ffffff0d;border:1px solid #fff3;color:#ffffffb3;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .3s}.genre-tag:hover{background:#f363;border-color:#f36;color:#fff}.genre-tag.selected{background:#ff33664d;border-color:#f36;color:#fff;font-weight:600}.link-input-group{align-items:center;display:flex;gap:10px;margin-bottom:10px}.link-type-select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;padding:10px;width:130px}.link-type-select option{background:#1a1a2e;color:#fff}.link-label-input,.link-url-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;flex:1 1;font-size:13px;outline:none;padding:10px 12px}.link-label-input:focus,.link-url-input:focus{background:#ffffff14;border-color:#f36}.remove-link-btn{background:#f003;border:1px solid #ff00004d;border-radius:8px;color:#f69;cursor:pointer;padding:10px;transition:all .3s}.remove-link-btn:hover{background:#ff00004d}.add-link-btn{align-items:center;background:#ff33661a;border:1px dashed #f36;border-radius:8px;color:#f69;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:10px 15px;transition:all .3s}.add-link-btn:hover{background:#f363}.media-upload-area{position:relative}.file-input{display:none}.upload-label{background:#ffffff08;border:2px dashed #fff3;border-radius:15px;gap:10px;padding:40px;transition:all .3s}.upload-label:hover{background:#ffffff0f;border-color:#f36}.upload-label.disabled{cursor:not-allowed;opacity:.5}.upload-hint{color:#fff6;font-size:12px}.image-previews{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:15px}.image-preview{aspect-ratio:1;background:#0000004d;border-radius:10px;overflow:hidden;position:relative}.image-preview img{height:100%;object-fit:cover;width:100%}.remove-preview-btn{align-items:center;background:#f00c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:5px;top:5px;transition:all .3s;width:28px}.remove-preview-btn:hover{background:red;transform:scale(1.1)}.video-preview{background:#0000004d;border-radius:10px;margin-top:15px;overflow:hidden;position:relative}.video-preview video{max-height:300px;width:100%}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:10px}.back-btn,.submit-btn{border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 30px;transition:all .3s}.back-btn{background:#ffffff1a;color:#fff}.back-btn:hover{background:#ffffff26}.submit-btn{background:linear-gradient(135deg,#f06,#f36);color:#fff}.submit-btn:hover{box-shadow:0 10px 20px #ff00664d;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.help-text{color:#ffffff80;font-size:13px;margin:5px 0 0}@media (max-width:768px){.create-promo-modal{border-radius:0;height:100vh;max-height:100vh;width:100%}.create-promo-content{padding:20px}.category-btn{padding:25px 20px}.link-input-group{flex-wrap:wrap}.link-type-select{width:100%}.form-actions{flex-direction:column}.back-btn,.submit-btn{width:100%}}.audio-preview{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;margin-top:15px;padding:15px;position:relative}.audio-preview audio{width:100%}.back-to-category-btn{background:#0000;border:none;color:#f69;cursor:pointer;font-size:14px;margin-bottom:15px;padding:8px 0;text-align:left;transition:all .3s}.back-to-category-btn:hover{color:#f9c;text-decoration:underline}.promo-feed-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.promo-feed-modal{animation:borderFlow 3s linear infinite;background-clip:padding-box,border-box;background-image:linear-gradient(135deg,#1a1a2e,#16213e),linear-gradient(135deg,#300,#f06,#f9c,#f06,#300);background-origin:border-box;background-size:100% 100%,200% 200%;border:5px solid #0000;border-radius:20px;display:flex;flex-direction:column;height:90vh;max-width:1400px;overflow:hidden;position:relative;width:95%}@keyframes borderFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.promo-feed-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff006626;border-bottom:1px solid #f363;display:flex;justify-content:space-between;padding:20px 30px}.promo-feed-title{align-items:center;display:flex;gap:12px}.promo-megaphone{animation:pulse 2s ease-in-out infinite;font-size:32px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.promo-feed-title h2{color:#fff;font-size:28px;font-weight:700;margin:0}.promo-close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s;width:40px}.promo-close-btn:hover{background:#fff3;transform:rotate(90deg)}.promo-controls-bar{align-items:center;background:#ffffff08;border-bottom:1px solid #ffffff0d;display:flex;flex-wrap:wrap;gap:15px;padding:20px 30px}.promo-search-container{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;display:flex;flex:1 1;min-width:250px;padding:0 15px;position:relative}.promo-search-container svg{color:#ffffff80;margin-right:10px}.promo-search-input{background:#0000;border:none;color:#fff;flex:1 1;font-size:14px;outline:none;padding:12px 0}.promo-search-input::placeholder{color:#fff6}.promo-select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;outline:none;padding:12px 15px;transition:all .3s}.promo-select:hover{background:#ffffff14;border-color:#f36}.promo-select option{background:#1a1a2e;color:#fff}.promo-post-btn{align-items:center;background:#0000;border:none;color:#f36;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:8px 12px;transition:all .3s;white-space:nowrap}.promo-post-btn:hover{color:#f69;text-decoration:underline}.promo-grid{grid-gap:25px;align-content:start;display:grid;flex:1 1;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));overflow-y:auto;padding:30px}.promo-grid::-webkit-scrollbar{width:8px}.promo-grid::-webkit-scrollbar-track{background:#ffffff0d}.promo-grid::-webkit-scrollbar-thumb{background:#f36;border-radius:10px}.promo-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:15px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s}.promo-card:hover{border-color:#f36;box-shadow:0 15px 30px #f063;transform:translateY(-5px)}.promo-card.boosted{border:2px solid gold;box-shadow:0 0 20px #ffd7004d}.boost-badge{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(135deg,gold,#ffed4e);border-radius:20px;box-shadow:0 4px 15px #ffd70080;color:#1a1a2e;font-size:18px;font-weight:700;padding:6px 12px;position:absolute;right:15px;top:15px;z-index:10}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.8}}.promo-card-header{align-items:center;display:flex;justify-content:space-between;padding:15px 20px}.promo-user-info{gap:12px}.promo-avatar,.promo-user-info{align-items:center;display:flex}.promo-avatar{background:linear-gradient(135deg,#f06,#f36);border-radius:50%;color:#fff;font-weight:700;height:40px;justify-content:center;overflow:hidden;width:40px}.promo-avatar img{height:100%;object-fit:cover;width:100%}.promo-user-details{display:flex;flex-direction:column}.promo-user-name{color:#fff;font-size:14px;font-weight:600}.promo-time{color:#ffffff80;font-size:12px}.promo-category-icon{font-size:24px}.promo-media{background:#0000004d;max-height:300px;overflow:hidden;width:100%}.promo-media img,.promo-media video{height:100%;object-fit:cover;width:100%}.promo-content{padding:20px}.promo-title{color:#fff;font-size:18px;font-weight:700;margin:0 0 10px}.promo-description{color:#ffffffb3;font-size:14px;line-height:1.6;margin:0 0 15px}.promo-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.promo-tag{background:#f363;border-radius:15px;color:#f69;font-size:12px;font-weight:600;padding:4px 12px}.promo-links{display:flex;flex-direction:column;gap:8px}.promo-external-link{color:#00d9ff;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s}.promo-external-link:hover{color:#66e6ff;text-decoration:underline}.promo-engagement{align-items:center;border-top:1px solid #ffffff0d;display:flex;flex-wrap:wrap;gap:15px;padding:15px 20px}.engagement-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:6px 10px;transition:all .3s}.engagement-btn:hover{background:#ff33661a;color:#f36}.engagement-views{align-items:center;color:#ffffff80;display:flex;font-size:14px;gap:6px;margin-left:auto}.interested-btn:hover{background:#ffd7001a;color:gold}.attending-btn:hover{background:#00ff881a;color:#0f8}.promo-empty,.promo-loading{color:#ffffff80;font-size:16px;grid-column:1/-1;padding:60px 20px;text-align:center}.empty-icon{display:block}@media (max-width:768px){.promo-feed-modal{border-radius:0;height:100vh;width:100%}.promo-grid{grid-template-columns:1fr;padding:20px}.promo-controls-bar{align-items:stretch;flex-direction:column;gap:10px;padding:12px 16px}.promo-search-container{min-width:100%}.promo-controls-bar .promo-select{font-size:14px;min-width:100%;padding:12px 14px;width:100%}}.promo-audio-preview{background:#0000004d;display:flex;flex-direction:column;gap:8px;padding:15px 20px}.promo-audio-preview audio{width:100%}.audio-label{color:#ffffffb3;font-size:12px;font-weight:600}.promo-detail-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10001}.promo-detail-container{animation:borderFlow 3s linear infinite;background:linear-gradient(135deg,#1a1a2e,#16213e);background-clip:padding-box,border-box;background-image:linear-gradient(135deg,#1a1a2e,#16213e),linear-gradient(135deg,#300,#f06,#f9c,#f06,#300);background-origin:border-box;background-size:100% 100%,200% 200%;border:5px solid #0000;border-radius:20px;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:95%}.promo-detail-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff006626;border-bottom:1px solid #f363;display:flex;justify-content:space-between;padding:20px}.promo-detail-user{align-items:center;display:flex;flex:1 1;gap:12px}.promo-category-badge{background:#f363;border-radius:15px;color:#f69;font-size:12px;font-weight:600;margin-left:auto;padding:6px 12px}.promo-detail-content{flex:1 1;overflow-y:auto;padding:30px}.promo-detail-content::-webkit-scrollbar{width:8px}.promo-detail-content::-webkit-scrollbar-track{background:#ffffff0d}.promo-detail-content::-webkit-scrollbar-thumb{background:#f36;border-radius:10px}.boost-banner{background:linear-gradient(135deg,gold,#ffed4e);border-radius:10px;color:#1a1a2e;font-weight:600;margin-bottom:20px;padding:12px 20px;text-align:center}.promo-detail-title{color:#fff;font-size:28px;font-weight:700;margin:0 0 15px}.promo-detail-description{color:#fffc;font-size:16px;line-height:1.8;margin:0 0 20px}.promo-detail-images{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.promo-detail-images img{border-radius:10px;width:100%}.promo-detail-video{margin-bottom:20px}.promo-detail-video video{border-radius:10px;width:100%}.promo-detail-audio{background:#ffffff0d;border-radius:10px;margin-bottom:20px;padding:15px}.promo-detail-audio audio{width:100%}.promo-external-links{margin:20px 0}.promo-external-links h4{color:#fff;margin-bottom:10px}.promo-external-link-btn{background:#3b82f633;border:1px solid #3b82f666;border-radius:8px;color:#60a5fa;display:inline-block;margin:5px 5px 5px 0;padding:10px 20px;text-decoration:none;transition:all .3s}.promo-external-link-btn:hover{background:#3b82f64d;border-color:#3b82f699}.promo-event-info{background:#ffd7001a;border:1px solid #ffd7004d;border-radius:10px;margin:20px 0;padding:15px}.promo-event-info h4{color:gold;margin:0 0 10px}.promo-event-info p{color:#fffc;margin:5px 0}.promo-detail-engagement{border-bottom:1px solid #ffffff1a;border-top:1px solid #ffffff1a;display:flex;gap:20px;margin:20px 0;padding:20px 0}.engagement-stat{align-items:center;color:#ffffffb3;display:flex;gap:8px}.promo-comments-section{margin-top:20px}.promo-comments-section h4{color:#fff;margin-bottom:15px}.add-comment{display:flex;gap:10px;margin-bottom:20px}.add-comment input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;flex:1 1;outline:none;padding:12px 15px}.add-comment input:focus{border-color:#f36}.add-comment button{background:linear-gradient(135deg,#f06,#f36);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s}.add-comment button:hover{box-shadow:0 10px 20px #ff00664d;transform:translateY(-2px)}.comments-list{display:flex;flex-direction:column;gap:15px}.no-comments{color:#ffffff80;padding:20px;text-align:center}.comment{background:#ffffff08;border-radius:10px;display:flex;gap:12px;padding:15px}.comment-avatar{align-items:center;background:linear-gradient(135deg,#f06,#f36);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:40px;justify-content:center;overflow:hidden;width:40px}.comment-avatar img{height:100%;object-fit:cover;width:100%}.comment-content{flex:1 1}.comment-header{display:flex;justify-content:space-between;margin-bottom:5px}.comment-user{color:#fff;font-weight:600}.comment-time{color:#ffffff80;font-size:12px}.comment-text{color:#fffc;line-height:1.5;margin:0}@media (max-width:768px){.promo-detail-container{border-radius:0;height:100vh;max-height:100vh;width:100%}.promo-detail-content{padding:20px}}.linked-event-badge{align-items:center;color:gold;display:flex;font-size:12px;gap:4px;margin-bottom:8px;padding:0 0 10px}.linked-event-badge strong{color:gold;font-weight:600}.event-date-mini{color:gold;font-size:11px}.artist-notifications-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.artist-notifications-modal{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #fbbf244d;border-radius:16px;box-shadow:0 20px 60px #00000080,0 0 40px #fbbf241a;display:flex;flex-direction:column;max-height:80vh;max-width:500px;width:90%}.modal-header{border-bottom:1px solid #ffffff1a;padding:20px 24px}.header-title{gap:12px}.header-icon{color:#fbbf24;height:24px;width:24px}.header-title h2{color:#fff;font-size:1.25rem;font-weight:600}.close-btn{align-items:center;color:#fff9;display:flex;height:32px;justify-content:center;width:32px}.close-btn:hover{background:#fff3}.modal-body{flex:1 1;overflow-y:auto;padding:20px 24px}.loading-state{gap:16px;padding:40px}.spinner{animation:spin 1s linear infinite;border:3px solid #fbbf2433;border-radius:50%;border-top-color:#fbbf24;height:32px;width:32px}.error-state{color:#ff6b6b;padding:40px;text-align:center}.empty-state{padding:40px 20px;text-align:center}.empty-icon{color:#fff3;margin-bottom:16px}.empty-state h3{font-size:1.1rem;margin:0 0 8px}.empty-state p{font-size:14px;line-height:1.5}.artists-count{color:#ffffffb3;font-size:14px;margin:0 0 16px}.artists-count strong{color:#fbbf24}.artists-list{display:flex;flex-direction:column;gap:12px}.artist-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s}.artist-card:hover{background:#ffffff14;border-color:#fbbf244d}.artist-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.artist-artwork{background:#ffffff1a;border-radius:8px;height:44px;object-fit:cover;width:44px}.artist-artwork-placeholder{align-items:center;background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border-radius:8px;display:flex;font-size:20px;height:44px;justify-content:center;width:44px}.artist-details{flex:1 1;min-width:0}.artist-name{color:#fff;font-size:14px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artist-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.source-tag{border-radius:4px;font-size:10px;padding:2px 6px;text-transform:capitalize}.source-tag.source-spotify{background:#1ed76033;color:#1ed760}.source-tag.source-soundcloud{background:#f503;color:#f50}.source-tag.source-deezer{background:#feae2333;color:#feae23}.source-tag.source-discogs{background:#f063;color:#f06}.source-tag.source-discovery{background:#fbbf2433;color:#fbbf24}.follow-date{color:#fff6;font-size:11px}.artist-actions{align-items:center;display:flex;gap:6px}.action-btn{background:#ffffff1a;border:none;border-radius:6px;color:#fff9;height:32px;transition:all .2s;width:32px}.action-btn:hover{background:#fff3}.notification-toggle.enabled{background:#fbbf2426;color:#fbbf24}.notification-toggle.disabled{color:#fff6}.unfollow-btn:hover{background:#f443;color:#f44}.action-btn svg,.unfollow-btn svg{stroke:currentColor;color:inherit;height:16px;width:16px}.action-btn svg{display:block}.search-btn:hover{background:#00c8ff33;color:#00c8ff}.modal-footer{border-top:1px solid #ffffff1a;padding:16px 24px}.footer-note{color:#ffffff80;font-size:12px;margin:0;text-align:center}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:#fbbf244d;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#fbbf2480}.expiring-modal-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:100001}.expiring-modal{background:#12121a;border:1px solid #ffffff1a;border-radius:20px;display:flex;flex-direction:column;max-height:85vh;max-width:520px;overflow:hidden;width:100%}.expiring-modal-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.header-icon{color:#ef4444}.header-title h3{color:#fff;font-size:1.15rem;margin:0}.total-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:.75rem;font-weight:700;min-width:20px;padding:.15rem .5rem;text-align:center}.expiring-modal-header .close-btn{background:#0000;border:none;border-radius:8px;color:#ffffff80;cursor:pointer;padding:.5rem;transition:all .2s}.expiring-modal-header .close-btn:hover{background:#ffffff1a;color:#fff}.expiring-summary{background:#ffffff08;border-bottom:1px solid #ffffff0f;display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1.5rem}.summary-badge{align-items:center;border-radius:6px;display:flex;font-size:.75rem;font-weight:600;gap:.35rem;padding:.35rem .65rem}.summary-badge.critical{background:#ef444426;color:#ef4444}.summary-badge.warning{background:#f59e0b26;color:#f59e0b}.summary-badge.notice{background:#3b82f626;color:#3b82f6}.filter-tabs{border-bottom:1px solid #ffffff0f;gap:.25rem;overflow-x:auto;padding:.75rem 1.5rem}.filter-tab{border:1px solid #0000;color:#ffffff80;font-size:.8rem;gap:.35rem;padding:.5rem .75rem;white-space:nowrap}.filter-tab:hover{background:#ffffff0f;color:#fffc}.filter-tab.active{background:#ef444426;border-color:#ef44444d;color:#ef4444}.filter-tab .count{background:#ffffff1a;border-radius:4px;font-size:.7rem;padding:.1rem .35rem}.filter-tab.active .count{background:#ef44444d}.expiring-modal-content{flex:1 1;min-height:200px;overflow-y:auto;padding:1rem 0}.empty-state,.error-state,.loading-state{color:#ffffff80;gap:1rem;padding:3rem 2rem}.empty-state h4{color:#fffc;margin:0}.empty-state p{font-size:.85rem}.error-state button{background:#ef444433;border:1px solid #ef444466;border-radius:8px;color:#ef4444;cursor:pointer;padding:.5rem 1rem}.expiring-items-list{display:flex;flex-direction:column}.expiring-item{align-items:center;border-bottom:1px solid #ffffff0a;display:flex;gap:1rem;padding:1rem 1.5rem;transition:background .2s}.expiring-item:hover{background:#ffffff08}.expiring-item:last-child{border-bottom:none}.expiring-item.critical{border-left:3px solid #ef4444}.expiring-item.warning{border-left:3px solid #f59e0b}.expiring-item.notice{border-left:3px solid #3b82f6}.expiring-item.info{border-left:3px solid #6b7280}.expiring-item.expired{border-left:3px solid #dc2626;opacity:.7}.item-icon-wrapper{align-items:center;background:#ffffff0a;border:2px solid;border-radius:10px;color:#ffffffb3;display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.item-content{cursor:pointer;flex:1 1;min-width:0}.item-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.25rem}.item-title{color:#fff;overflow:hidden;text-overflow:ellipsis}.item-title,.urgency-badge{font-weight:600;white-space:nowrap}.urgency-badge{align-items:center;border-radius:4px;display:flex;flex-shrink:0;font-size:.7rem;gap:.25rem;padding:.2rem .5rem}.item-description{color:#ffffff80;font-size:.8rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-meta{align-items:center;display:flex;gap:.5rem;margin-top:.35rem}.item-type{color:#fff6;font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.nav-icon{color:#ffffff4d}.item-actions{display:flex;flex-shrink:0;gap:.5rem}.item-actions button{align-items:center;background:#ffffff0f;border:none;border-radius:8px;color:#ffffff80;cursor:pointer;display:flex;height:34px;justify-content:center;transition:all .2s;width:34px}.item-actions button:hover:not(:disabled){background:#ffffff1f;color:#fff}.item-actions button:disabled{cursor:not-allowed;opacity:.5}.extend-btn:hover:not(:disabled){background:#4ade8033!important;color:#4ade80!important}.archive-btn:hover:not(:disabled){background:#ef444433!important;color:#ef4444!important}.expiring-modal-footer{background:#ffffff05;border-top:1px solid #ffffff14;padding:1rem 1.5rem}.premium-promo{align-items:center;display:flex;gap:1rem;justify-content:space-between}.promo-content h4{color:#fff;font-size:.9rem;margin:0}.promo-content p{color:#ffffff80;font-size:.8rem;margin:.25rem 0 0}.upgrade-btn{background:linear-gradient(135deg,#9333ea4d,#c026d333);border:1px solid #9333ea66;border-radius:10px;color:#c084fc;cursor:pointer;font-size:.85rem;font-weight:600;padding:.6rem 1.25rem;transition:all .2s;white-space:nowrap}.upgrade-btn:hover:not(:disabled){background:linear-gradient(135deg,#9333ea66,#c026d34d)}.upgrade-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:500px){.expiring-modal{max-height:90vh}.expiring-item{padding:.75rem 1rem}.item-header{align-items:flex-start;flex-direction:column}.premium-promo{flex-direction:column;text-align:center}}.player-reactions{gap:4px;margin-left:12px;margin-right:8px}.player-reactions,.pr-btn{align-items:center;display:flex}.pr-btn{background:#ffffff1a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;gap:3px;padding:4px 6px}.pr-btn:hover{background:#fff3}.pr-btn.liked{background:#ffd7004d}.pr-btn.faved{background:#ff64644d}.pr-count{color:#ffffffb3;font-size:10px;font-weight:600}.pr-emoji-wrap{position:relative}.pr-emoji-picker{background:#1e1e1ef2;border:1px solid #fff3;border-radius:8px;bottom:100%;display:flex;gap:4px;left:50%;margin-bottom:8px;padding:6px;position:absolute;transform:translateX(-50%);z-index:100}.pr-emoji{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:4px}.pr-emoji:hover{background:#fff3}.pr-discord svg{display:block}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes borderGlow{0%,to{box-shadow:0 0 20px #00ffff4d,0 0 40px #f0f3}50%{box-shadow:0 0 30px #f0f6,0 0 60px #00ffff4d}}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes textGlow{0%,to{text-shadow:0 0 10px #00ffff80,0 0 20px #ff00ff4d}50%{text-shadow:0 0 20px #0ffc,0 0 40px #ff00ff80}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.diggin-crates-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.diggin-crates-modal-wrapper{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.diggin-crates-modal{animation:modalFadeIn .3s ease-out;height:85vh;max-height:800px;max-width:1000px;position:relative;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.diggin-crates-modal.filters-open{transform:translateX(140px)}.crate-filters-slide-panel{background:#1a1a2efa;border:2px solid #00ffffb3;border-radius:12px 0 0 12px;border-right:none;box-shadow:0 8px 24px #0ff6,0 0 40px #0ff3;height:70%;left:50%;margin-left:-500px;max-height:500px;overflow:hidden;position:absolute;top:50%;transform:translateY(-50%);transition:margin-left .4s cubic-bezier(.4,0,.2,1);width:280px;z-index:5}.crate-filters-slide-panel.open{margin-left:-640px}.crate-filters-slide-panel:not(.open){margin-left:-500px;pointer-events:none}.crate-filters-panel-content{display:flex;flex-direction:column;height:100%;padding:16px}.filters-header{align-items:center;border-bottom:1px solid #0ff6;display:flex;gap:10px;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.filters-title{color:#0ff;font-size:14px;font-weight:700;text-shadow:0 0 10px #0ff9;white-space:nowrap}.filters-hint{background:#ffd7001a;border:1px solid #ffd7004d;border-radius:12px;color:gold;flex:1 1;font-size:11px;padding:4px 10px;text-align:center;white-space:nowrap}.close-filters{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;transition:all .3s ease;width:28px}.close-filters:hover{background:#ff00644d;border-color:#f06}.filter-count{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#0ff,#f0f);-webkit-background-clip:text;background-clip:text;font-size:14px;font-weight:600;margin-bottom:16px}.filters-content{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto}.filter-section{margin-bottom:14px}.filter-label{align-items:center;color:#ffffffb3;display:flex;font-size:11px;gap:8px;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.filter-icon{filter:drop-shadow(0 0 4px rgba(0,255,255,.5));font-size:14px}.filter-select{-webkit-appearance:none;appearance:none;background:#0006;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%230ff' viewBox='0 0 16 16'%3E%3Cpath d='M8 11 3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #00ffff40;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;padding:10px 12px;transition:all .3s ease;width:100%}.filter-select:focus{border-color:#0ff;box-shadow:0 0 15px #00ffff4d;outline:none}.filter-select option{background:#0d0d18;color:#fff}.rarity-buttons{display:flex;flex-wrap:wrap;gap:6px}.rarity-btn{background:#0006;border:1px solid #ffffff26;border-radius:6px;color:#fff9;cursor:pointer;font-size:11px;font-weight:500;padding:6px 12px;transition:all .3s ease}.rarity-btn:hover{border-color:#0ff6;color:#fff}.rarity-btn.active{background:linear-gradient(135deg,#00ffff40,#ff00ff40);border-color:#0ff;color:#0ff}.reset-filters-btn{background:#0000;border:1px solid #ff64644d;border-radius:8px;color:#ff6b6b;cursor:pointer;font-size:12px;font-weight:500;margin-top:16px;padding:10px;transition:all .3s ease;width:100%}.reset-filters-btn:hover{background:#ff64641a;border-color:#ff6b6b}.diggin-crates-container{background:#0a0a12;border-radius:16px;color:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.diggin-crates-modal{animation:gradientShift 4s ease infinite;background:linear-gradient(45deg,#0ff,#f0f,#0ff,#f0f,#0ff);background-size:400% 400%;border-radius:20px;box-shadow:0 0 20px #00ffff80,0 0 40px #ff00ff4d,0 0 60px #0ff3;padding:4px}.diggin-crates-container:before{display:none}.diggin-crates-container:after{background:linear-gradient(180deg,#0a0a12,#0d0d18 50%,#0a0a12);border-radius:16px;content:"";inset:0;position:absolute;z-index:-1}.diggin-modal-close{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .3s ease;width:36px;z-index:100}.diggin-modal-close:hover{background:#ff00644d;border-color:#f06;transform:rotate(90deg)}.crates-header{align-items:center;background:linear-gradient(180deg,#00ffff0f,#0000);border-bottom:1px solid #00ffff26;border-radius:16px 16px 0 0;display:flex;padding:14px 20px;position:relative;z-index:10}.filter-toggle{background:linear-gradient(135deg,#0ff3,#f0f3);border:1px solid #0ff6;border-radius:8px;color:#0ff;cursor:pointer;font-size:13px;font-weight:600;overflow:hidden;padding:10px 18px;position:relative;transition:all .3s ease}.filter-toggle:hover{background:linear-gradient(135deg,#00ffff4d,#ff00ff4d);border-color:#0ff;box-shadow:0 0 20px #0ff6}.filter-toggle.active{background:linear-gradient(135deg,#0ff6,#f0f6);box-shadow:0 0 20px #00ffff80}.crates-nav{display:flex;flex:1 1;gap:6px;margin-left:20px}.nav-tab{background:#0000;border:1px solid #0000;border-radius:8px;color:#ffffff80;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;position:relative;transition:all .3s ease}.nav-tab:hover{background:#ffffff0d;color:#fff}.nav-tab.active{background:linear-gradient(135deg,#00ffff26,#ff00ff26);border-color:#00ffff4d;color:#0ff}.nav-tab.active:after{background:linear-gradient(90deg,#0ff,#f0f);border-radius:2px;bottom:-1px;content:"";height:2px;left:20%;position:absolute;right:20%}.powered-by{align-items:center;color:#ffffff80;display:flex;font-size:11px;gap:8px;margin-right:50px}.powered-by.mobile-only{display:none}.powered-by-text{color:#fff6}.discogs-link{align-items:center;color:#ffffffb3;display:flex;gap:6px;text-decoration:none;transition:color .3s ease}.discogs-link:hover{color:#fff}.discogs-logo{filter:brightness(0) invert(1);height:18px;opacity:.7;transition:opacity .3s ease;width:18px}.discogs-link:hover .discogs-logo{opacity:1}.discogs-name{font-size:12px;font-weight:600}.crates-main{min-height:0}.crates-content,.crates-main{display:flex;flex:1 1;overflow:hidden;position:relative}.crates-content{flex-direction:column;padding:24px}.crates-content.station-active{overflow:visible}.crates-content.dig-active{min-height:0;overflow-x:hidden;overflow-y:auto}.crates-content.dig-active::-webkit-scrollbar{width:10px}.crates-content.dig-active::-webkit-scrollbar-track{background:#0000004d;border-radius:5px}.crates-content.dig-active::-webkit-scrollbar-thumb{background:linear-gradient(180deg,gold,orange);border-radius:5px}.crates-content.dig-active::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffec8b,#ffb732)}.vinyl-player-section{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:50px;justify-content:flex-start;min-height:350px;overflow:visible;padding:30px 30px 20px 80px;position:relative}.vinyl-container{flex-shrink:0;height:320px;position:relative;width:320px}.vinyl-record{background:radial-gradient(circle at 30% 30%,#ffffff1a 0,#0000 50%),linear-gradient(135deg,#1a1a1a,#2d2d2d 50%,#1a1a1a);border-radius:50%;box-shadow:0 0 0 6px #111,0 0 0 8px #00ffff40,0 0 40px #0009,0 0 80px #00ffff26;height:300px;left:10px;position:absolute;top:10px;transition:transform .3s ease,box-shadow .3s ease;width:300px}.vinyl-record.spinning{animation:spin 2s linear infinite;box-shadow:0 0 0 6px #111,0 0 0 8px #0ff6,0 0 40px #0009,0 0 100px #00ffff40,0 0 150px #ff00ff26}.vinyl-grooves{background:repeating-radial-gradient(circle at center,#0000 0,#0000 3px,#ffffff08 0,#ffffff08 5px);inset:12px}.vinyl-grooves,.vinyl-record:after{border-radius:50%;position:absolute}.vinyl-record:after{background:linear-gradient(135deg,#0000,#0000 40%,#ffffff14 45%,#0000 50%,#0000);content:"";inset:0;pointer-events:none}.vinyl-label{align-items:center;background:linear-gradient(135deg,#0ff,#f0f);border-radius:50%;box-shadow:inset 0 2px 4px #0000004d,0 0 25px #0ff6;display:flex;height:110px;justify-content:center;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:110px}.vinyl-label img{height:100%;object-fit:cover;width:100%}.default-label{color:#fff;font-size:10px;font-weight:700;letter-spacing:2px;text-align:center;text-shadow:0 0 10px #00000080;text-transform:uppercase}.vinyl-center-hole{background:#0a0a12;border-radius:50%;box-shadow:inset 0 1px 3px #000c,0 0 5px #00ffff4d;height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}.tonearm{position:absolute;right:-15px;top:-10px;transform:scale(.75);transform-origin:top right;transition:transform .5s cubic-bezier(.4,0,.2,1);z-index:10}.tonearm.playing{transform:scale(.75) rotate(-25deg)}.tonearm-base{background:linear-gradient(135deg,#666,#333);border-radius:50%;box-shadow:0 4px 10px #00000080,0 0 15px #0ff3;height:32px;position:absolute;right:0;top:0;width:32px}.tonearm-arm{background:linear-gradient(180deg,#777,#444);border-radius:5px;box-shadow:0 3px 6px #0006;height:10px;position:absolute;right:16px;top:11px;transform:rotate(-30deg);transform-origin:right center;width:150px}.tonearm-head{background:linear-gradient(180deg,#666,#333);border-radius:5px 5px 3px 3px;height:22px;position:absolute;right:120px;top:90px;transform:rotate(-30deg);width:32px}.needle{background:linear-gradient(180deg,#0ff,#444);bottom:-12px;box-shadow:0 0 8px #00ffff80;height:18px;left:50%;position:absolute;transform:translateX(-50%);width:3px}.track-info-panel{flex:1 1;max-width:400px;text-align:left}.track-artist{animation:textGlow 3s ease-in-out infinite;color:#fff;font-size:32px;font-weight:700;margin:0 0 8px}.track-divider{background:linear-gradient(90deg,#0ff,#f0f,#0000);border-radius:3px;height:3px;margin:0 0 12px;width:80px}.track-title{color:#ffffffb3;font-size:18px;font-weight:400;margin:0 0 12px}.track-meta{color:#ffffff80;font-size:14px;gap:16px;margin-bottom:12px}.track-genres{display:flex;gap:8px;margin-bottom:20px}.genre-tag{background:linear-gradient(135deg,#00ffff26,#ff00ff26);border:1px solid #00ffff4d;border-radius:20px;color:#0ff;font-size:12px;font-weight:500;padding:5px 14px}.track-actions{gap:10px;margin-top:16px}.action-btn{align-items:center;background:#0006;border:1px solid #00ffff40;border-radius:10px;color:#ffffffb3;cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;text-decoration:none;transition:all .3s ease;width:44px}.action-btn:hover{border-color:#0ff;box-shadow:0 5px 15px #00ffff4d;color:#fff;transform:translateY(-2px)}.action-btn.buy{background:linear-gradient(135deg,#0ff3,#f0f3);border-color:#f0f6;gap:8px;padding:0 16px;width:auto}.action-btn.buy:hover{background:linear-gradient(135deg,#0ff6,#f0f6);border-color:#f0f;box-shadow:0 5px 15px #f0f6}.copies-badge,.price-badge{font-size:12px;font-weight:600}.next-track-preview{align-items:center;background:linear-gradient(135deg,#0a0a14e6,#0f0519e6);border:1px solid #00ffff40;border-radius:10px;cursor:default;display:flex;gap:8px;opacity:.8;padding:8px 12px;pointer-events:none;position:absolute;right:16px;top:16px;transition:all .3s ease;z-index:5}.next-label{color:#ffffff80;font-size:9px;letter-spacing:1px;text-transform:uppercase}.next-thumb{background:#ffffff1a;border:1px solid #0ff3;border-radius:6px;flex-shrink:0;height:32px;overflow:hidden;width:32px}.next-thumb img{height:100%;object-fit:cover;width:100%}.default-thumb{align-items:center;display:flex;font-size:14px;height:100%;justify-content:center;width:100%}.next-info{display:flex;flex-direction:column;gap:1px;max-width:100px;overflow:hidden}.next-title{color:#fff;font-size:11px;font-weight:600}.next-artist,.next-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.next-artist{color:#ffffff80;font-size:9px}.bottom-player-bar{align-items:center;background:linear-gradient(180deg,#000c,#0a0a12f2);border-radius:0 0 16px 16px;border-top:1px solid #0ff3;display:flex;gap:20px;padding:12px 20px;position:relative}.bottom-player-bar:before{animation:gradientShift 3s ease infinite;background:linear-gradient(90deg,#0ff,#f0f,#0ff);background-size:200% 100%;content:"";height:2px;left:0;position:absolute;right:0;top:0}.player-track-info{align-items:center;display:flex;gap:12px;min-width:200px}.player-thumb{background:#ffffff1a;border:1px solid #00ffff40;border-radius:8px;height:48px;overflow:hidden;width:48px}.player-thumb img{height:100%;object-fit:cover;width:100%}.default-player-thumb{align-items:center;display:flex;font-size:20px;height:100%;justify-content:center;width:100%}.player-text{display:flex;flex-direction:column;gap:3px}.player-artist{color:#fff;font-size:14px;font-weight:600}.player-title{color:#ffffff80;font-size:12px}.player-controls{align-items:center;display:flex;flex:1 1;gap:12px}.player-time{color:#ffffff80;font-family:monospace;font-size:11px;min-width:40px}.progress-bar{background:#ffffff26;cursor:pointer;flex:1 1;height:5px}.progress-fill{background:linear-gradient(90deg,#0ff,#f0f)}.progress-handle{background:#fff;border-radius:50%;box-shadow:0 0 10px #0ff9;height:12px;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;width:12px}.progress-bar:hover .progress-handle{opacity:1}.control-btn{border:1px solid #fff3;color:#fff;font-size:16px;height:40px;transition:all .3s ease;width:40px}.control-btn.pause{background:linear-gradient(135deg,#0ff,#f0f);border:none;box-shadow:0 0 25px #0ff6;font-size:20px;height:48px;width:48px}.control-btn.next,.control-btn.prev{font-size:18px}.control-btn.disabled,.control-btn:disabled{cursor:not-allowed;opacity:.3}.control-btn:hover:not(:disabled){border-color:#0ff}.control-btn.pause:hover:not(:disabled){box-shadow:0 0 35px #0ff9;transform:scale(1.05)}.youtube-player-container{height:1px;opacity:0;overflow:hidden;pointer-events:none;position:absolute;width:1px}.player-volume{align-items:center;display:flex;gap:10px}.volume-icon{filter:drop-shadow(0 0 4px rgba(0,255,255,.4));font-size:16px}.volume-slider{border-radius:3px;height:5px}.volume-slider::-webkit-slider-thumb{background:linear-gradient(135deg,#0ff,#f0f);box-shadow:0 0 10px #00ffff80}.player-wishlist{background:#0000;border:none;color:#ffffff80;cursor:pointer;font-size:20px;padding:8px;transition:all .3s ease}.player-wishlist:hover{color:#f0f;text-shadow:0 0 15px #f0f9}.crates-tracks-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-top:16px}.track-card{background:linear-gradient(180deg,#ffffff0d,#0003);border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.track-card:hover{border-color:#00ffff4d;box-shadow:0 12px 30px #0ff3;transform:translateY(-4px)}.track-card.playing{border-color:#0ff;box-shadow:0 0 30px #00ffff4d}.crates-track-rank{background:#000000b3;border-radius:4px;color:#0ff;font-size:11px;font-weight:700;left:8px;padding:4px 8px;position:absolute;top:8px;z-index:2}.crates-track-thumb{aspect-ratio:1;background:#ffffff0d;overflow:hidden;position:relative;width:100%}.crates-track-thumb img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.track-card:hover .crates-track-thumb img{transform:scale(1.05)}.quick-play-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border:2px solid #0ff9;border-radius:50%;color:#0ff;cursor:pointer;display:flex;font-size:18px;height:50px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:50px;z-index:5}.track-card:hover .quick-play-btn{opacity:1}.quick-play-btn:hover{background:#00ffff4d;border-color:#0ff;box-shadow:0 0 20px #00ffff80;transform:translate(-50%,-50%) scale(1.1)}.track-card.playing .quick-play-btn{background:#0ff3;border-color:#0ff;opacity:1}.crates-default-track-thumb{background:linear-gradient(135deg,#00ffff1a,#ff00ff1a);font-size:40px;height:100%;width:100%}.crates-default-track-thumb,.rarity-indicator{align-items:center;display:flex;justify-content:center}.rarity-indicator{border-radius:50%;font-size:12px;height:24px;position:absolute;right:8px;top:8px;width:24px;z-index:2}.crates-track-card-info{padding:12px 12px 40px}.crates-card-title{color:#fff;display:block;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crates-card-artist{color:#ffffff80;display:block;font-size:11px;margin-top:4px}.crates-card-year{color:#0ff9;font-size:10px}.crates-track-card-price{background:linear-gradient(135deg,#00ffff26,#ff00ff26);border-top:1px solid #00ffff26;color:#0ff;font-size:13px;font-weight:700;padding:8px 12px;text-align:center}.hot-picks-content{padding:16px 0}.hot-picks-tabs{border-bottom:1px solid #ffffff1a;display:flex;gap:8px;margin-bottom:20px;padding-bottom:16px}.hp-tab{background:#0000;border:1px solid #ffffff26;border-radius:8px;color:#fff9;cursor:pointer;font-size:13px;font-weight:500;padding:10px 20px;position:relative;transition:all .3s ease}.hp-tab:hover{background:#ffffff0d;border-color:#00ffff4d}.hp-tab.active{background:linear-gradient(135deg,#0ff3,#f0f3);border-color:#0ff;color:#0ff}.coming-soon-mini{background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:4px;color:#fff;font-size:7px;font-weight:700;padding:3px 6px;position:absolute;right:-8px;text-transform:uppercase;top:-8px}.hot-picks-grid-container{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding-bottom:20px}.hot-picks-grid-container .track-card{max-width:180px;width:100%}.hot-picks-grid-container .crates-card-title{font-size:12px}.hot-picks-grid-container .crates-card-artist{font-size:10px}.hot-picks-grid-container .crates-track-card-info{padding:10px 10px 36px}.hot-picks-grid-container .discogs-buy-link{font-size:9px;padding:3px 6px}.crates-card-year{color:#ffffff80;display:block;font-size:9px;margin-top:2px}.crates-track-stat{color:gold;display:block}.crates-track-stat,.crates-track-stats{font-size:9px;font-weight:600;margin-top:4px}.crates-track-stats{display:flex;gap:8px}.crates-track-stats .stat-want{color:#f0f}.crates-track-stats .stat-have{color:gold}.coming-soon-section{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 24px;text-align:center}.coming-soon-icon{animation:pulseGlow 2s ease-in-out infinite;font-size:56px;margin-bottom:20px}.coming-soon-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#0ff,#f0f);-webkit-background-clip:text;background-clip:text;font-size:24px;margin:0 0 12px}.coming-soon-badge{background:linear-gradient(135deg,#0ff,#f0f);border-radius:20px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:2px;margin-bottom:16px;padding:6px 16px;text-transform:uppercase}.coming-soon-section p{color:#ffffff80;font-size:14px;max-width:280px}.gems-content{padding:16px 0}.gems-header{margin-bottom:20px}.gems-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#0ff,#f0f,#0ff);-webkit-background-clip:text;background-clip:text;font-size:22px;margin:0 0 8px}.gems-header p{color:#ffffff80;font-size:13px;margin:0}.gems-grid-container{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding-bottom:20px}.gems-grid-container .track-card{max-width:180px;width:100%}.gems-grid-container .crates-card-title{font-size:12px}.gems-grid-container .crates-card-artist{font-size:10px}.gems-grid-container .crates-track-card-info{padding:10px 10px 36px}.gems-grid-container .discogs-buy-link{font-size:9px;padding:3px 6px}.no-gems-message{background:#ffffff08;border:1px dashed #ffd7004d;border-radius:12px;grid-column:1/-1;padding:40px 20px;text-align:center}.no-gems-message p{color:#ffffffb3;font-size:14px;line-height:1.6;margin:0 auto;max-width:400px}.rarity-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:6px;bottom:8px;color:#fff;display:flex;font-size:10px;font-weight:600;gap:6px;left:8px;padding:6px 10px;position:absolute;right:8px}.discogs-buy-link{background:#00ffff1a;border-radius:4px;color:#0ff;display:inline-block;font-size:10px;margin-bottom:4px;margin-top:8px;padding:4px 8px;position:relative;text-decoration:none;transition:all .2s ease;z-index:5}.discogs-buy-link:hover{background:#0ff3;color:#fff}.gem-buy-link{background:linear-gradient(135deg,#8b5cf633,#ec489933);color:#ff69b4}.gem-buy-link:hover{background:linear-gradient(135deg,#8b5cf64d,#ec48994d);color:#fff}.crates-track-card-actions{align-items:center;display:flex;justify-content:space-between;padding:10px}.gem-price{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#0ff,#f0f);-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:700}.buy-btn{background:linear-gradient(135deg,#0ff,#f0f);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .3s ease}.buy-btn:hover{box-shadow:0 5px 20px #00ffff80;transform:translateY(-2px)}.loading-state{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:80px 24px}.loading-vinyl{animation:spin 1s linear infinite;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:50%;box-shadow:0 0 0 5px #111,0 0 0 7px #00ffff4d,0 0 40px #0ff3;height:100px;position:relative;width:100px}.loading-vinyl:before{background:linear-gradient(135deg,#0ff,#f0f);border-radius:50%;content:"";height:36px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:36px}.loading-state p{color:#fff9;font-size:14px;letter-spacing:1px;margin-top:24px}.dig-tracks-section{margin-top:0;padding-top:16px}.dig-tracks-section h3{color:#fffc;font-size:18px;margin:0 0 8px}.filter-hint{color:#ffd700b3;font-size:11px;font-style:italic;margin:0 0 16px}.dig-tracks-grid-container{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding-bottom:20px}.dig-tracks-grid-container .track-card{max-width:180px;width:100%}.dig-tracks-grid-container .crates-card-title{font-size:12px}.dig-tracks-grid-container .crates-card-artist{font-size:10px}.dig-tracks-grid-container .crates-track-card-info{padding:10px 10px 36px}.dig-tracks-grid-container .discogs-buy-link{font-size:9px;padding:3px 6px}@media (max-width:1400px){.diggin-crates-modal.filters-open{transform:translateX(120px)}.crate-filters-slide-panel.open{margin-left:-620px}}@media (max-width:1200px){.crate-filters-slide-panel{margin-left:-450px;width:250px}.crate-filters-slide-panel.open{margin-left:-570px}.diggin-crates-modal.filters-open{transform:translateX(100px)}.diggin-crates-modal{max-width:100%}}@media (max-width:768px){.diggin-crates-modal.filters-open{transform:translateX(0)}.diggin-crates-modal{height:95vh!important;max-height:95vh!important}.crate-filters-slide-panel{border-radius:0 12px 12px 0;height:100%;left:0;margin-left:0;max-height:100%;max-width:300px;position:fixed;top:0;transform:translateX(-100%);width:85%;z-index:20}.crate-filters-slide-panel.open{margin-left:0;transform:translateX(0)}.crate-filters-slide-panel:not(.open){margin-left:0;transform:translateX(-100%)}.crates-header{flex-wrap:wrap;gap:8px;padding:10px 12px}.crates-nav{-webkit-overflow-scrolling:touch;display:flex;gap:4px;margin-left:0;order:3;overflow-x:auto;padding-bottom:4px;width:100%}.crates-nav button{flex-shrink:0;font-size:11px!important;padding:6px 10px!important;white-space:nowrap}.vinyl-player-section{flex-direction:column;gap:16px;min-height:350px;padding:16px;position:relative;z-index:1}.crates-content.station-active,.crates-main,.vinyl-player-section{overflow:visible!important}.crates-content.dig-active{overflow-x:hidden!important;overflow-y:auto!important}.crates-content:not(.station-active):not(.dig-active){overflow:hidden!important}.vinyl-container{height:200px!important;margin:0 auto;position:relative;width:200px!important;z-index:2}.vinyl-container,.vinyl-record{display:block!important;opacity:1!important;visibility:visible!important}.vinyl-record{height:180px!important;left:10px!important;position:absolute!important;top:10px!important;width:180px!important;z-index:3}.tonearm{display:block!important;opacity:1!important;right:-10px!important;top:-5px!important;transform:scale(.6)!important;visibility:visible!important}.tonearm.playing{transform:scale(.6) rotate(-25deg)!important}.diggin-crates-modal:before{z-index:0!important}.diggin-crates-modal-inner{position:relative;z-index:1}.bottom-player-bar{gap:8px;padding:10px 12px}.player-track-info{flex:0 0 100%;margin-bottom:4px;min-width:100%}.player-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.player-controls .player-time{flex:0 0 auto}.player-controls .progress-bar{flex:1 1 60%;min-width:100px}.player-controls .control-btn{align-items:center;display:flex!important;flex-shrink:0!important;font-size:18px!important;justify-content:center;min-height:40px!important;min-width:40px!important}.player-reactions,.station-social-actions{display:flex;flex:0 0 100%;gap:8px;justify-content:center;margin-top:8px;order:10}.emote-actions{bottom:auto!important;position:relative!important;right:auto!important}.player-volume{display:none}.vinyl-label{height:80px;width:80px}.track-info-panel{max-width:100%;text-align:center}.track-divider{margin:0 auto 12px}.track-actions{justify-content:center}.next-track-preview{bottom:auto;margin-top:20px;max-width:100%;position:relative;right:auto}.bottom-player-bar{flex-wrap:wrap;gap:12px;padding:12px 16px}.player-controls{order:3;width:100%}.crates-tracks-grid{grid-template-columns:repeat(2,1fr)}.track-artist{font-size:24px}}@media (max-width:480px){.vinyl-container{height:200px;width:200px}.vinyl-record{height:180px;width:180px}.crates-tracks-grid{gap:12px;grid-template-columns:1fr 1fr}.track-artist{font-size:20px}}.player-social-actions{align-items:center;display:flex;gap:4px;margin-left:12px;margin-right:8px}.player-social-actions .emote-btn{align-items:center;background:#ffffff1a;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:12px;gap:3px;padding:4px 6px;transition:transform .2s ease,background .2s ease}.player-social-actions .emote-btn:hover{background:#fff3;transform:scale(1.1)}.player-social-actions .emote-btn.active{background:#ffd7004d}.player-social-actions .emote-btn.heart.active{background:#ff64644d}.player-social-actions .emote-count{color:#ffffffb3;font-size:10px;font-weight:600}.player-social-actions .emote-wrapper{position:relative}.player-social-actions .reaction-picker{background:#1e1e1ef2;border:1px solid #fff3;border-radius:8px;bottom:100%;display:flex;gap:4px;left:50%;margin-bottom:8px;padding:6px;position:absolute;transform:translateX(-50%);z-index:100}.player-social-actions .reaction-emoji{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:4px;transition:background .2s ease,transform .2s ease}.player-social-actions .reaction-emoji:hover{background:#fff3;transform:scale(1.2)}.station-social-actions{bottom:30px;pointer-events:auto;position:absolute;right:30px;z-index:10}.station-social-actions .track-emote-actions{align-items:center;display:flex;gap:6px}.station-social-actions .emote-btn{transition:transform .2s ease,opacity .2s ease}.station-social-actions .emote-btn:hover{transform:scale(1.15)}.station-social-actions .emote-count{color:#fff9;font-size:10px;font-weight:600}.track-emote-actions{align-items:center;display:flex;gap:6px}.track-emote-actions.compact{gap:4px}.emote-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;font-size:16px;gap:2px;opacity:.7;padding:4px;transition:all .2s ease}.action-line-break{display:none}.track-emote-actions.compact .emote-btn{font-size:14px;padding:2px}.emote-btn:hover{opacity:1;transform:scale(1.15)}.emote-btn.active{opacity:1}.emote-btn.active.heart span{animation:heartPulse .3s ease}@keyframes heartPulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.emote-btn.discord:hover{filter:drop-shadow(0 0 6px rgba(88,101,242,.6))}.emote-count{color:#fff9;font-size:10px;font-weight:600}.track-emote-actions.compact .emote-count{font-size:9px}.emote-wrapper{position:relative}.reaction-picker{animation:popIn .15s ease;background:#1a1a2efa;border:1px solid #0ff6;border-radius:20px;bottom:100%;box-shadow:0 4px 16px #0ff3;display:flex;gap:2px;left:50%;margin-bottom:6px;padding:6px 10px;position:absolute;transform:translateX(-50%);z-index:100}@keyframes popIn{0%{opacity:0;transform:translateX(-50%) scale(.8)}to{opacity:1;transform:translateX(-50%) scale(1)}}.reaction-emoji{background:none;border:none;border-radius:6px;cursor:pointer;font-size:18px;padding:3px 4px;transition:all .15s ease}.reaction-emoji:hover{background:#0ff3;transform:scale(1.2)}.track-card .track-emote-actions{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:12px;bottom:6px;padding:4px 6px;position:absolute;right:6px}.track-card .emote-btn{font-size:12px;padding:2px}.track-card .emote-count{font-size:8px}@media (max-width:768px){.station-social-actions{bottom:12px;right:12px}.emote-btn{font-size:14px}.track-card .track-emote-actions{bottom:4px;gap:2px;right:4px}.track-card .emote-btn{font-size:10px}.reaction-picker{padding:4px 6px}.reaction-emoji{font-size:14px;padding:2px}}.audio-unavailable{align-items:center;color:gold;display:flex;flex-wrap:wrap;font-size:11px;gap:8px;margin-top:4px}.audio-unavailable .discogs-link{color:#0ff;font-weight:600;text-decoration:none;transition:all .2s ease}.audio-unavailable .discogs-link:hover{color:#f0f;text-decoration:underline}.control-btn.pause.unavailable{background:#64646480;cursor:not-allowed;opacity:.6}.refresh-tracks-btn{background:linear-gradient(135deg,#0ff,#08f);border:none;border-radius:8px;color:#000;cursor:pointer;font-size:12px;font-weight:600;margin-top:8px;padding:10px;transition:all .2s ease;width:100%}.refresh-tracks-btn:hover{box-shadow:0 0 15px #00ffff80;transform:scale(1.02)}.crate-finder-tab{background:linear-gradient(135deg,#ffd70026,#ffa50026)!important;border:1px solid #ffd70066!important;color:gold!important;text-shadow:0 0 8px #ffd70066}.crate-finder-tab:hover{background:linear-gradient(135deg,#ffd70040,#ffa50040)!important;color:#fff!important}.crate-finder-tab.active{background:linear-gradient(135deg,#ffd7004d,#ffa5004d)!important;border-color:gold!important;color:#fff!important;text-shadow:0 0 12px #ffd70099}.crate-finder-tab-active{background:linear-gradient(135deg,#ffd70059,#ffa50059)!important;border:1px solid gold!important;box-shadow:0 0 15px #ffd7004d,inset 0 0 10px #ffd7001a;color:gold!important;text-shadow:0 0 10px #ffd70080}.crate-finder-content{min-height:400px;padding:20px 0}.crate-finder-header{margin-bottom:24px;text-align:center}.crate-finder-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,gold,#ff6b35,#0ff);-webkit-background-clip:text;background-clip:text;font-size:24px;margin:0 0 8px}.crate-finder-header p{color:#fff9;font-size:14px;margin:0}.crate-finder-search{display:flex;gap:12px;margin:0 auto 32px;max-width:600px;padding:0 16px}.crate-finder-input{background:#ffffff14;border:2px solid #ffd7004d;border-radius:12px;color:#fff;flex:1 1;font-size:15px;padding:14px 20px;transition:all .3s ease}.crate-finder-input:focus{background:#ffffff1f;border-color:gold;box-shadow:0 0 20px #ffd70033;outline:none}.crate-finder-input::placeholder{color:#fff6}.crate-finder-btn{background:linear-gradient(135deg,gold,#ff6b35);border:none;border-radius:12px;color:#000;cursor:pointer;font-size:14px;font-weight:700;padding:14px 28px;transition:all .3s ease;white-space:nowrap}.crate-finder-btn:hover:not(:disabled){box-shadow:0 8px 25px #ffd70066;transform:translateY(-2px)}.crate-finder-btn:disabled{cursor:not-allowed;opacity:.6}.crate-finder-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.crate-finder-loading p{color:#fff9;font-size:14px;margin-top:20px}.crate-finder-results{display:flex;flex-direction:column;gap:32px;padding:0 16px 20px}.crate-finder-section{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:20px}.section-header{border-bottom:1px solid #ffffff1a;gap:10px;margin-bottom:16px;padding-bottom:12px}.section-header .platform-icon{font-size:20px}.section-header h4{font-size:16px}.result-count{color:#ffffff80;font-size:12px;margin-left:auto}.playback-badge{background:linear-gradient(135deg,#1db954,#1ed760)}.physical-badge,.playback-badge{border-radius:12px;color:#000;font-size:10px;font-weight:600;padding:4px 10px}.physical-badge{background:linear-gradient(135deg,#ff6b35,#ff8f00)}.spotify-header{border-bottom-color:#1ed7604d}.youtube-header{border-bottom-color:#ff00004d}.discogs-header{border-bottom-color:#ff6b354d}.crate-finder-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.crate-finder-card{background:#ffffff0d;border-radius:10px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.crate-finder-card:hover{box-shadow:0 10px 30px #0006;transform:translateY(-4px)}.spotify-card:hover{border:1px solid #1ed76080;box-shadow:0 10px 30px #1ed76033}.youtube-card:hover{border:1px solid #ff000080;box-shadow:0 10px 30px #f003}.discogs-card:hover{border:1px solid #ff6b3580;box-shadow:0 10px 30px #ff6b3533}.cf-card-thumb{aspect-ratio:1;background:#0000004d;overflow:hidden;position:relative;width:100%}.cf-card-thumb img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.crate-finder-card:hover .cf-card-thumb img{transform:scale(1.05)}.cf-default-thumb{background:linear-gradient(135deg,#00ffff1a,#ff00ff1a);font-size:36px;height:100%;width:100%}.cf-default-thumb,.play-overlay{align-items:center;display:flex;justify-content:center}.play-overlay{background:#00000080;color:#fff;font-size:32px;inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.crate-finder-card:hover .play-overlay{opacity:1}.for-sale-badge{background:#ff6b35e6;border-radius:4px;bottom:6px;color:#fff;font-size:9px;font-weight:600;left:6px;padding:4px 8px;position:absolute}.cf-card-info{padding:10px}.cf-card-title{color:#fff;font-size:12px;font-weight:600}.cf-card-artist,.cf-card-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-card-artist{color:#ffffff80;font-size:10px;margin-top:3px}.cf-card-info .discogs-buy-link{font-size:9px;margin-top:6px}.no-results{color:#fff6;font-size:13px;padding:20px;text-align:center}.crate-finder-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.6}.crate-finder-empty h4{color:#fff;font-size:22px;margin:0 0 12px}.crate-finder-empty p{color:#ffffff80;font-size:14px;margin:0 0 24px}.platform-logos{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.platform-tag{border-radius:20px;font-size:13px;font-weight:500;padding:8px 16px}.platform-tag.spotify{background:#1ed76033;color:#1ed760}.platform-tag.youtube{background:#f003;color:#f44}.platform-tag.discogs{background:#ff6b3533;color:#ff6b35}@media (max-width:768px){.crate-finder-search{flex-direction:column}.crate-finder-btn{width:100%}.crate-finder-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.section-header{flex-wrap:wrap}.result-count{flex-basis:100%;margin-left:0;margin-top:8px}}.add-to-crate-modal-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:100001}.add-to-crate-modal{background:#12121a;border:1px solid #ffffff26;border-radius:16px;display:flex;flex-direction:column;max-height:80vh;max-width:400px;overflow:hidden;width:100%}.atc-modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem 1.25rem}.atc-modal-header h3{color:#fff;font-size:1.1rem;margin:0}.atc-close-btn{background:#0000;border:none;color:#ffffff80;cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.atc-close-btn:hover{color:#fff}.atc-track-preview{align-items:center;background:#ffffff08;border-bottom:1px solid #ffffff14;display:flex;gap:1rem;padding:1rem 1.25rem}.atc-track-artwork{border-radius:6px;flex-shrink:0;height:50px;overflow:hidden;width:50px}.atc-track-artwork img{height:100%;object-fit:cover;width:100%}.atc-no-artwork{align-items:center;background:#ffffff1a;display:flex;font-size:1.5rem;height:100%;justify-content:center;width:100%}.atc-track-info{flex:1 1;min-width:0}.atc-track-title{color:#fff;font-weight:600}.atc-track-artist,.atc-track-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.atc-track-artist{color:#fff9;font-size:.85rem}.atc-crate-list{flex:1 1;overflow-y:auto;padding:.75rem}.atc-empty,.atc-loading{color:#ffffff80;padding:2rem;text-align:center}.atc-empty small{display:block;font-size:.8rem;margin-top:.5rem}.atc-crate-item{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;cursor:pointer;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem 1rem;text-align:left;transition:all .2s;width:100%}.atc-crate-item:hover:not(:disabled){background:#00ffff1a;border-color:#00ffff4d}.atc-crate-item:disabled{cursor:not-allowed;opacity:.6}.atc-crate-item.adding{background:#00ffff26;border-color:#0ff6}.atc-crate-icon{align-items:center;background:#ffffff14;border-radius:8px;display:flex;font-size:1rem;height:36px;justify-content:center;width:36px}.atc-crate-details{flex:1 1;min-width:0}.atc-crate-name{color:#fff;display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.atc-crate-meta{color:#ffffff80;display:block;font-size:.75rem}.atc-adding-spinner{animation:spin 1s linear infinite}.emote-btn.crate-btn{background:#00ffff26}.emote-btn.crate-btn:hover{background:#00ffff40}@media (max-width:767px){.diggin-crates-modal-overlay{align-items:flex-start!important;padding:0!important}.diggin-crates-modal{border-image:linear-gradient(180deg,#0ff,#f0f,#0ff) 1!important;border-left:4px solid #0000!important;border-radius:0!important;border-right:4px solid #0000!important;box-shadow:inset 4px 0 15px #0ff6,inset -4px 0 15px #f0f6!important;height:100vh!important;height:100dvh!important;margin:0!important;max-height:100vh!important;max-height:100dvh!important;max-width:100%!important;width:100%!important}.diggin-crates-modal:before{background:linear-gradient(90deg,#0ff,#f0f,#0ff,#f0f)!important;background-size:300% 100%!important;box-shadow:0 0 15px #0ff9,0 0 30px #f0f6!important;top:0!important}.diggin-crates-modal:after,.diggin-crates-modal:before{animation:gradientShift 4s ease infinite!important;border-radius:0!important;content:""!important;display:block!important;height:4px!important;left:0!important;position:absolute!important;right:0!important;z-index:1000!important}.diggin-crates-modal:after{background:linear-gradient(90deg,#f0f,#0ff,#f0f,#0ff)!important;background-size:300% 100%!important;bottom:0!important;box-shadow:0 0 15px #f0f9,0 0 30px #0ff6!important}.diggin-crates-container{border-radius:0!important;height:100%!important}.diggin-modal-close{background:#0000!important;border:none!important;box-shadow:none!important;color:#ffffffb3!important;font-size:24px!important;height:auto!important;outline:none!important;padding:4px!important;position:absolute!important;right:12px!important;top:8px!important;width:auto!important;z-index:100!important}.diggin-modal-close:hover{background:#0000!important;color:#fff!important;transform:none!important}.close-filters,.crate-filters-slide-panel .close-filters,.crate-filters-slide-panel.open .close-filters,.diggin-crates-outer-close,.diggin-modal-close+.diggin-modal-close,.filters-header .close-filters{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.crates-header{align-items:stretch!important;flex-direction:column!important;gap:4px!important;padding:40px 10px 6px!important}.crates-header .powered-by{display:none!important}.powered-by.mobile-only{align-items:center!important;display:flex!important;font-size:11px!important;gap:6px!important;justify-content:flex-start!important;left:11px!important;margin:0!important;padding:5px 0!important;position:absolute!important;top:-18px!important;z-index:5!important}.filter-toggle{font-size:10px!important;left:8px!important;padding:4px 8px!important;position:absolute!important;top:8px!important;z-index:50!important}.filter-toggle svg{height:12px!important;width:12px!important}.crates-nav{display:flex!important;gap:4px!important;overflow-x:auto!important;padding:4px 0!important;scrollbar-width:none!important;width:100%!important}.crates-nav::-webkit-scrollbar{display:none!important}.crates-nav .nav-tab{background:#0000!important;border:none!important;border-bottom:2px solid #0000!important;border-radius:0!important;color:#ffffff80!important;flex-shrink:0!important;font-size:10px!important;padding:5px 8px!important;white-space:nowrap!important}.crates-nav .nav-tab:hover{background:#0000!important;color:#fffc!important}.crates-nav .nav-tab.active{background:#0000!important;border:none!important;border-bottom:2px solid #0ff!important;color:#0ff!important}.crates-nav .nav-tab.active:after{display:none!important}.crates-main{height:calc(100% - 80px)!important;overflow:visible!important}.crates-content.station-active{height:auto!important;overflow:visible!important;padding:8px 8px 180px!important}.crates-content.dig-active{height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;padding:8px 8px 100px!important}.crates-content{padding:8px!important}.vinyl-player-section{align-items:center!important;display:flex!important;flex-direction:column!important;flex-shrink:0!important;gap:0!important;min-height:auto!important;overflow:visible!important;padding:8px!important;position:relative!important}.powered-by-text{font-size:10px!important}.discogs-logo{height:16px!important;width:16px!important}.discogs-name{font-size:12px!important}.vinyl-container{flex-shrink:0!important;height:210px!important;margin:0 auto!important;position:relative!important;width:210px!important}.tonearm-container{cursor:grab!important}.tonearm-container.dragging{cursor:grabbing!important;filter:drop-shadow(0 0 10px rgba(0,255,255,.6))!important}.tonearm-container.dragging:after{animation:pulse .5s ease-in-out infinite!important;background:#0ffc!important;border-radius:50%!important;bottom:-15px!important;box-shadow:0 0 15px #0ffc,0 0 30px #00ffff80!important;content:""!important;height:8px!important;left:50%!important;position:absolute!important;transform:translateX(-50%)!important;width:8px!important}@keyframes pulse{0%,to{opacity:1;transform:translateX(-50%) scale(1)}50%{opacity:.7;transform:translateX(-50%) scale(1.3)}}.tonearm-hint{animation:fadeInOut 3s ease-in-out infinite!important;color:#00ffffb3!important;font-size:11px!important;margin-top:8px!important;text-align:center!important}@keyframes fadeInOut{0%,to{opacity:.4}50%{opacity:1}}.vinyl-tonearm-wrapper{align-items:center!important;display:flex!important;flex-shrink:0!important;justify-content:center!important;margin-left:-20px!important;margin-top:31px!important;overflow:visible!important;padding:10px 0!important;position:relative!important}.track-info-panel{flex-shrink:0!important;margin-top:21px!important;padding:12px 10px!important;text-align:left!important;width:100%!important}.track-artist{font-size:18px!important;line-height:1.2!important;margin-bottom:4px!important}.track-title{font-size:14px!important;line-height:1.2!important}.track-meta{flex-wrap:wrap!important;font-size:11px!important;gap:8px!important;margin-top:6px!important}.track-divider{margin:8px 0!important;width:50px!important}.track-actions{flex-wrap:wrap!important;gap:6px!important;margin-top:8px!important}.track-actions button{font-size:10px!important;padding:5px 10px!important}.next-track-preview{align-items:center!important;background:#00142899!important;border:1px solid #0ff3!important;border-radius:8px!important;bottom:auto!important;display:flex!important;flex-shrink:0!important;font-size:11px!important;gap:10px!important;margin:-18px 0 0!important;max-width:100%!important;padding:8px 10px!important;position:relative!important;right:auto!important;width:100%!important}.next-track-preview img{border-radius:4px!important;height:36px!important;width:36px!important}.emote-actions,.track-emote-actions{flex-wrap:wrap!important;gap:4px!important}.emote-btn{font-size:11px!important;padding:4px 6px!important}.bottom-player-bar{background:#0a0a0ffa!important;border-top:1px solid #00ffff4d!important;bottom:0!important;flex-wrap:wrap!important;gap:6px!important;left:0!important;max-height:120px!important;padding:8px 12px!important;position:fixed!important;right:0!important;z-index:50!important}.player-track-info{font-size:11px!important;margin-bottom:4px!important;overflow:hidden!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:100%!important}.player-controls{align-items:center!important;display:flex!important;gap:6px!important;justify-content:center!important;width:100%!important}.control-btn{font-size:16px!important;height:36px!important;min-width:36px!important;width:36px!important}.control-btn.play-btn{font-size:20px!important;height:44px!important;width:44px!important}.progress-bar{flex:1 1!important;height:4px!important;max-width:120px!important}.player-time{font-size:9px!important;min-width:35px!important}.player-volume{display:none!important}.player-social-actions{margin:4px 0 0!important}.player-reactions,.player-social-actions{justify-content:center!important;width:100%!important}.player-reactions{flex-wrap:wrap!important;gap:6px!important;margin:6px 0 0!important;order:10!important}.pr-btn{font-size:14px!important;padding:6px 10px!important}.pr-count{font-size:11px!important}.crates-tracks-grid,.dig-tracks-grid-container,.gems-grid-container,.hot-picks-grid-container{gap:10px!important;grid-template-columns:repeat(2,1fr)!important}.track-card{border-radius:10px!important;overflow:hidden!important;padding:0!important}.crates-track-thumb{aspect-ratio:1!important;height:auto!important;width:100%!important}.crates-track-card-info{padding:8px 8px 60px!important}.crates-card-title{font-size:11px!important;line-height:1.2!important}.crates-card-artist{font-size:10px!important}.crates-card-year,.discogs-buy-link{font-size:9px!important}.discogs-buy-link{padding:3px 6px!important}.crate-finder-content{padding:10px!important}.crate-finder-header h3{font-size:16px!important}.crate-finder-header p{font-size:11px!important}.crate-finder-search{flex-direction:column!important;gap:8px!important}.crate-finder-input{font-size:14px!important;padding:10px 12px!important;width:100%!important}.crate-finder-btn{padding:10px!important;width:100%!important}.crate-finder-grid{gap:8px!important;grid-template-columns:repeat(2,1fr)!important}.crate-finder-card{padding:8px!important}.cf-card-thumb{height:80px!important}.cf-card-info{padding:6px!important}.cf-card-title{font-size:11px!important}.cf-card-artist{font-size:10px!important}.section-header{flex-wrap:wrap!important;font-size:12px!important;gap:4px!important;padding:8px 10px!important}.section-header h4{font-size:13px!important}.physical-badge,.playback-badge,.result-count{font-size:9px!important;padding:2px 6px!important}.crate-filters-slide-panel{border-radius:0 16px 16px 0!important;height:100vh!important;height:100dvh!important;left:0!important;margin:0!important;max-width:280px!important;position:fixed!important;top:0!important;transform:translateX(-100%)!important;width:85%!important;z-index:200!important}.crate-filters-slide-panel.open{transform:translateX(0)!important}.crate-filters-panel-content{height:100%!important;overflow-y:auto!important;padding-bottom:80px!important}.filters-header{font-size:14px!important;margin-bottom:4px!important;padding:12px!important}.filter-count{margin-bottom:8px!important}.filter-section{margin-bottom:4px!important;padding:4px 12px!important}.filter-label{font-size:11px!important;margin-bottom:4px!important}.filter-select{font-size:12px!important;padding:8px!important}.rarity-buttons{gap:4px!important}.rarity-btn{font-size:10px!important;padding:4px 8px!important}.close-filters-btn-mobile,.refresh-tracks-btn,.reset-filters-btn{font-size:11px!important;margin-top:6px!important;padding:8px!important}.close-filters-btn-mobile{background:#0000!important;border:1px solid #ffffff4d!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;font-weight:500!important;transition:all .2s ease!important;width:100%!important}.close-filters-btn-mobile:active{background:#ffffff1a!important;border-color:#0ff!important;color:#0ff!important}.hot-picks-tabs{flex-wrap:wrap!important;gap:4px!important}.hp-tab{flex:1 1!important;font-size:10px!important;padding:6px 10px!important;text-align:center!important}.coming-soon-mini{font-size:8px!important;padding:1px 4px!important}.gems-header{padding:10px!important}.gems-header h3{font-size:16px!important}.gems-header p{font-size:11px!important}.filter-hint{font-size:10px!important;padding:4px 8px!important}.crate-finder-loading{padding:30px!important}.loading-vinyl{height:60px!important;width:60px!important}.crate-finder-empty{padding:30px 15px!important}.crate-finder-empty .empty-icon{font-size:40px!important}.crate-finder-empty h4{font-size:16px!important}.crate-finder-empty p{font-size:12px!important}.platform-logos{flex-wrap:wrap!important;gap:6px!important;justify-content:center!important}.platform-tag{font-size:10px!important;padding:4px 8px!important}.coming-soon-section{padding:30px 15px!important}.coming-soon-icon{font-size:40px!important}.coming-soon-section h3{font-size:16px!important}.coming-soon-badge{font-size:10px!important;padding:4px 10px!important}.rarity-badge,.rarity-indicator{font-size:9px!important;padding:2px 5px!important}.crates-track-rank{font-size:10px!important;padding:2px 6px!important}}@media (max-width:767px) and (orientation:landscape){.diggin-crates-modal{height:100vh!important;height:100dvh!important}.vinyl-player-section{align-items:center!important;flex-direction:row!important;padding:8px!important}.vinyl-container{height:120px!important;transform:scale(.7)!important;width:120px!important}.track-info-panel{flex:1 1!important;text-align:left!important}.crates-content.station-active{overflow:visible!important;padding-bottom:100px!important}.crates-content.dig-active{overflow-x:hidden!important;overflow-y:auto!important;padding-bottom:100px!important}.bottom-player-bar{flex-wrap:nowrap!important;max-height:60px!important;padding:6px 12px!important}.player-track-info{flex:1 1!important;margin-bottom:0!important;text-align:left!important;width:auto!important}.player-controls{flex-wrap:nowrap!important;width:auto!important}.control-btn{height:32px!important;width:32px!important}.control-btn.play-btn{height:38px!important;width:38px!important}.player-social-actions{margin:0 0 0 8px!important;width:auto!important}}@media screen and (max-height:500px) and (orientation:landscape){.diggin-crates-outer-close{display:none!important}.diggin-crates-modal{border-radius:0!important;height:100%!important;width:100%!important}.diggin-crates-container{display:flex!important;flex-direction:column!important;height:100%!important}.crates-header{flex-shrink:0!important;gap:8px!important;min-height:auto!important;padding:4px 12px!important}.crates-header .powered-by{display:none!important}.crates-nav .nav-tab{background:#0000!important;border:none!important;border-bottom:2px solid #0000!important;border-radius:0!important;color:#ffffff80!important;font-size:11px!important;padding:3px 8px!important}.crates-nav .nav-tab:hover{background:#0000!important;color:#fffc!important}.crates-nav .nav-tab.active{background:#0000!important;border:none!important;border-bottom:2px solid #0ff!important;color:#0ff!important}.crates-nav .nav-tab.active:after{display:none!important}.diggin-modal-close{background:#0000!important;border:none!important;font-size:18px!important;height:auto!important;position:absolute!important;right:12px!important;top:4px!important;width:auto!important;z-index:100!important}.crates-main{display:flex!important;flex:1 1!important;flex-direction:column!important;overflow:hidden!important}.crates-content.station-active{align-items:flex-start!important;display:flex!important;flex:1 1!important;margin-top:-40px!important;overflow:visible!important;padding:0 10px!important}.crates-content.dig-active{display:block!important;flex:1 1!important;padding:10px 10px 0!important}.vinyl-player-section{align-items:center!important;display:flex!important;flex-direction:row!important;gap:20px!important;height:auto!important;justify-content:flex-start!important;margin-top:0!important;overflow:visible!important;padding:0 10px!important;position:relative!important;width:100%!important}.powered-by-landscape{color:#ffffff80!important;gap:5px!important;position:fixed!important;right:65px!important;top:28px!important;z-index:500!important}.powered-by-landscape,.powered-by-landscape a{align-items:center!important;display:flex!important;font-size:10px!important}.powered-by-landscape a{color:#fff9!important;gap:4px!important;text-decoration:none!important}.powered-by-landscape img{filter:brightness(0) invert(1)!important;height:14px!important;margin-left:-6px!important;width:14px!important}.vinyl-player-section>.powered-by.landscape-show,.vinyl-player-section>.powered-by.mobile-only{display:none!important}.vinyl-tonearm-wrapper{align-items:center!important;display:flex!important;flex-shrink:0!important;justify-content:center!important;margin:-60px 0 0 30px!important;padding:0!important}.vinyl-container{height:160px!important;margin-top:-10px!important;width:160px!important}.track-info-panel{flex:0 0 auto!important;margin:-60px 0 0 50px!important;max-width:300px!important;padding:5px 10px!important}.track-artist{font-size:16px!important;margin-bottom:2px!important}.track-artist,.track-title{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.track-title{font-size:13px!important}.track-divider{margin:3px 0!important;width:40px!important}.track-meta{font-size:10px!important}.track-genres,.track-meta{margin-top:3px!important}.genre-tag{font-size:9px!important;padding:2px 6px!important}.next-track-preview{background:#001428cc!important;border:1px solid #00ffff4d!important;border-radius:8px!important;bottom:125px!important;display:flex!important;font-size:10px!important;margin:0!important;max-width:180px!important;padding:6px 10px!important;position:absolute!important;right:20px!important;top:auto!important;width:auto!important;z-index:50!important}.next-track-preview .next-thumb{height:35px!important;width:35px!important}.next-track-preview .next-info{max-width:100px!important}.tonearm-hint.landscape-show,.vinyl-player-section>.tonearm-hint{bottom:55px!important;color:#0ff9!important;display:block!important;font-size:8px!important;left:10px!important;position:absolute!important;text-align:center!important;visibility:visible!important;width:180px!important;z-index:100!important}.tonearm-container{margin-left:-1px!important}.tonearm-container.dragging{cursor:grabbing!important;filter:drop-shadow(0 0 5px rgba(0,255,255,.4))!important}.bottom-player-bar{flex-shrink:0!important;gap:8px!important;max-height:45px!important;padding:3px 10px!important}.player-progress{height:2px!important}.player-track-info{display:none!important}.control-btn{height:26px!important;min-height:26px!important;min-width:26px!important;width:26px!important}.control-btn,.control-btn.play-btn{aspect-ratio:1!important;border-radius:50%!important}.control-btn.play-btn{height:36px!important;min-height:36px!important;min-width:36px!important;width:36px!important}.player-social-actions{gap:4px!important}.player-social-actions button{font-size:14px!important;height:28px!important;width:28px!important}.volume-control{width:60px!important}.crate-filters-slide-panel{background:#0a0a14fa!important;border-radius:0 12px 12px 0!important;border-right:2px solid #00ffff4d!important;box-shadow:4px 0 20px #000c!important;height:100vh!important;height:100dvh!important;left:0!important;margin:0!important;max-width:260px!important;position:fixed!important;top:0!important;transform:translateX(-100%)!important;transition:transform .3s ease!important;width:85%!important;z-index:200!important}.crate-filters-slide-panel.open{transform:translateX(0)!important}.crate-filters-panel-content{height:100%!important;overflow-y:auto!important;padding:8px 8px 60px!important}.filters-header{align-items:center!important;display:flex!important;font-size:13px!important;justify-content:space-between!important;margin-bottom:4px!important;padding:10px!important;position:relative!important}.filters-header .close-filters{background:none!important;border:none!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:20px!important;height:auto!important;opacity:1!important;padding:4px 8px!important;pointer-events:auto!important;position:absolute!important;right:-5px!important;top:-13px!important;visibility:visible!important;width:auto!important}.filters-header .close-filters:active{color:#0ff!important}.filter-count{font-size:11px!important;margin-bottom:6px!important}.filter-section{margin-bottom:4px!important;padding:4px 8px!important}.filter-label{font-size:10px!important;margin-bottom:3px!important}.filter-select{font-size:11px!important;padding:6px!important}.rarity-buttons{gap:3px!important}.rarity-btn{font-size:9px!important;padding:4px 6px!important}.close-filters-btn-mobile,.refresh-tracks-btn,.reset-filters-btn{font-size:10px!important;margin-top:6px!important;padding:8px!important}.close-filters-btn-mobile{background:#0000!important;border:1px solid #ffffff4d!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;width:100%!important}.crates-content.dig-active{margin-top:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:8px 12px 60px!important}.dig-tracks-section{margin:0!important;padding:0!important}.dig-tracks-section h3{font-size:12px!important;margin-bottom:4px!important}.dig-tracks-section .filter-hint{font-size:9px!important;margin-bottom:6px!important}.dig-tracks-grid-container{grid-gap:6px!important;display:grid!important;gap:6px!important;grid-template-columns:repeat(6,1fr)!important}.hot-picks-content{padding:0!important}.hot-picks-tabs{gap:4px!important;margin-bottom:6px!important;padding-bottom:6px!important}.hp-tab{font-size:9px!important;padding:3px 6px!important}.hot-picks-grid-container{grid-gap:6px!important;display:grid!important;gap:6px!important;grid-template-columns:repeat(6,1fr)!important}.gems-content{padding:0!important}.gems-header{margin-bottom:6px!important;padding:0 0 4px!important}.gems-header h3{font-size:12px!important;margin-bottom:2px!important}.gems-header p{font-size:9px!important}.gems-grid-container{grid-gap:6px!important;display:grid!important;gap:6px!important;grid-template-columns:repeat(6,1fr)!important}.dig-tracks-grid-container .track-card,.gems-grid-container .track-card,.hot-picks-grid-container .track-card{border-radius:6px!important}.crates-track-thumb{border-radius:4px 4px 0 0!important}.crates-track-card-info{padding:3px 4px 24px!important}.crates-card-title{font-size:8px!important}.crates-card-artist,.crates-card-year{font-size:7px!important}.crates-card-year{display:none!important}.discogs-buy-link{-webkit-tap-highlight-color:rgba(0,255,255,.3)!important;background:none!important;border:none!important;display:inline-block!important;font-size:6px!important;line-height:1!important;margin:5px 0 0!important;padding:0 2px!important;pointer-events:auto!important;position:relative!important;text-decoration:underline!important;touch-action:manipulation!important;z-index:15!important}.discogs-buy-link:active{color:#fff!important}.crates-track-rank{font-size:7px!important;padding:1px 3px!important}.rarity-indicator{font-size:8px!important;height:14px!important;width:14px!important}.rarity-badge{font-size:7px!important;padding:2px 4px!important}.track-card .track-emote-actions{gap:1px!important;padding:2px!important}.crates-track-card-info{padding:3px 4px 22px!important}.track-card .emote-btn.discord{vertical-align:middle!important}.track-card .emote-btn.discord svg{display:block!important;height:8px!important;margin:auto!important;width:8px!important}.track-card .track-emote-actions{background:linear-gradient(0deg,#000000f2,#000c)!important;border-radius:0 0 6px 6px!important;bottom:0!important;flex-wrap:wrap!important;left:0!important;padding:3px 2px!important;position:absolute!important;right:0!important}.track-card .emote-btn,.track-card .track-emote-actions{align-items:center!important;display:flex!important;justify-content:center!important}.track-card .emote-btn{border-radius:3px!important;height:18px!important;min-height:18px!important;min-width:18px!important;padding:0!important;width:18px!important}.action-line-break{display:block!important;flex-basis:100%!important;height:0!important}.crate-finder-content{padding:6px!important}.crate-finder-header{margin-bottom:8px!important}.crate-finder-header h3{font-size:12px!important}.crate-finder-header p{font-size:9px!important}.crate-finder-search{flex-direction:row!important;gap:6px!important;margin-bottom:10px!important}.crate-finder-input{flex:1 1!important;font-size:11px!important;padding:6px 10px!important}.crate-finder-btn{font-size:10px!important;padding:6px 12px!important;white-space:nowrap!important}.crate-finder-results{gap:10px!important}.crate-finder-section{padding:8px!important}.section-header{margin-bottom:6px!important;padding:0 0 6px!important}.section-header h4{font-size:11px!important}.crate-finder-grid{grid-gap:6px!important;display:grid!important;gap:6px!important;grid-template-columns:repeat(6,1fr)!important}.cf-card-thumb{height:70px!important}.cf-card-info{padding:4px!important}.cf-card-title{font-size:10px!important}.cf-card-artist{font-size:9px!important}.track-card .track-emote-actions{gap:2px!important;padding:2px 4px!important}.track-card .emote-btn{font-size:10px!important;padding:1px!important}}@media (max-width:767px) and (orientation:portrait){.crates-content.dig-active{-webkit-overflow-scrolling:touch!important;overflow-x:hidden!important;overflow-y:auto!important;padding:10px 10px 180px!important}.crates-content.dig-active::-webkit-scrollbar{width:6px!important}.crates-content.dig-active::-webkit-scrollbar-track{background:#0000004d!important;border-radius:3px!important}.crates-content.dig-active::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0ff,#f0f)!important;border-radius:3px!important}.dig-tracks-section{padding:0!important}.dig-tracks-section h3{color:#0ff!important;font-size:16px!important;margin:0 0 4px!important}.dig-tracks-section .filter-hint{color:#ffd700b3!important;font-size:10px!important;margin-bottom:12px!important}.dig-tracks-grid-container{grid-gap:10px!important;display:grid!important;gap:10px!important;grid-template-columns:repeat(2,1fr)!important;padding-bottom:20px!important}.hot-picks-content{padding:0!important}.hot-picks-tabs{border-bottom:1px solid #ffffff1a!important;display:flex!important;flex-wrap:nowrap!important;gap:6px!important;margin-bottom:12px!important;overflow-x:auto!important;padding-bottom:10px!important;scrollbar-width:none!important}.hot-picks-tabs::-webkit-scrollbar{display:none!important}.hp-tab{background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:6px!important;flex-shrink:0!important;font-size:11px!important;padding:8px 12px!important;white-space:nowrap!important}.hp-tab.active{background:linear-gradient(135deg,#0ff3,#f0f3)!important;border-color:#0ff!important;color:#0ff!important}.coming-soon-mini{font-size:7px!important;padding:2px 4px!important;right:-6px!important;top:-6px!important}.hot-picks-grid-container{grid-gap:10px!important;display:grid!important;gap:10px!important;grid-template-columns:repeat(2,1fr)!important;padding-bottom:20px!important}.gems-content,.gems-header{padding:0!important}.gems-header{margin-bottom:12px!important;text-align:center!important}.gems-header h3{-webkit-text-fill-color:#0000!important;background:linear-gradient(90deg,#0ff,#f0f,#0ff)!important;-webkit-background-clip:text!important;background-clip:text!important;font-size:18px!important;margin:0 0 4px!important}.gems-header p{color:#ffffff80!important;font-size:11px!important;margin:0!important}.gems-content .filter-hint{font-size:10px!important;margin-bottom:12px!important;text-align:center!important}.gems-grid-container{grid-gap:10px!important;display:grid!important;gap:10px!important;grid-template-columns:repeat(2,1fr)!important;padding-bottom:20px!important}.no-gems-message{padding:30px 15px!important;text-align:center!important}.no-gems-message p{font-size:12px!important;line-height:1.5!important}.crate-finder-content{padding:0!important}.crate-finder-header{margin-bottom:16px!important;text-align:center!important}.crate-finder-header h3{-webkit-text-fill-color:#0000!important;background:linear-gradient(90deg,gold,#ff6b35,#0ff)!important;-webkit-background-clip:text!important;background-clip:text!important;font-size:18px!important;margin:0 0 4px!important}.crate-finder-header p{color:#ffffff80!important;font-size:11px!important;margin:0!important}.crate-finder-search{display:flex!important;flex-direction:column!important;gap:10px!important;margin-bottom:20px!important;padding:0!important}.crate-finder-input{background:#ffffff14!important;border:2px solid #ffd7004d!important;border-radius:10px!important;font-size:14px!important;padding:12px 16px!important;width:100%!important}.crate-finder-input:focus{border-color:gold!important;box-shadow:0 0 15px #ffd70033!important}.crate-finder-btn{background:linear-gradient(135deg,gold,#ff6b35)!important;border-radius:10px!important;color:#000!important;font-size:14px!important;font-weight:700!important;padding:12px!important;width:100%!important}.crate-finder-results{display:flex!important;flex-direction:column!important;gap:20px!important;padding:0 0 20px!important}.crate-finder-section{background:#ffffff08!important;border:1px solid #ffffff14!important;border-radius:12px!important;padding:12px!important}.section-header{align-items:center!important;border-bottom:1px solid #ffffff1a!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-bottom:10px!important;padding:0 0 10px!important}.section-header .platform-icon{font-size:16px!important}.section-header h4{font-size:13px!important;margin:0!important}.result-count{font-size:10px!important;margin-left:auto!important}.physical-badge,.playback-badge{font-size:9px!important;padding:3px 8px!important}.crate-finder-grid{grid-gap:10px!important;display:grid!important;gap:10px!important;grid-template-columns:repeat(2,1fr)!important}.crate-finder-card{background:#ffffff0d!important;border:1px solid #0000!important;border-radius:8px!important;transition:all .2s ease!important}.cf-card-thumb{aspect-ratio:1!important;border-radius:6px 6px 0 0!important;height:auto!important;width:100%!important}.cf-card-thumb img{height:100%!important;object-fit:cover!important;width:100%!important}.cf-default-thumb{background:linear-gradient(135deg,#00ffff1a,#ff00ff1a)!important;font-size:28px!important}.play-overlay{font-size:24px!important}.for-sale-badge{font-size:8px!important;padding:3px 6px!important}.cf-card-info{padding:8px!important}.cf-card-title{font-size:11px!important;font-weight:600!important}.cf-card-artist{font-size:10px!important;margin-top:2px!important}.cf-card-info .discogs-buy-link{font-size:9px!important;margin-top:6px!important}.no-results{font-size:12px!important;padding:15px!important}.crate-finder-empty{padding:40px 20px!important;text-align:center!important}.empty-icon{font-size:48px!important;margin-bottom:16px!important}.crate-finder-empty h4{font-size:18px!important;margin-bottom:8px!important}.crate-finder-empty p{font-size:12px!important;margin-bottom:20px!important}.platform-logos{display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:center!important}.platform-tag{border-radius:16px!important;font-size:11px!important;padding:6px 12px!important}.crate-finder-loading{padding:40px 20px!important;text-align:center!important}.crate-finder-loading .loading-vinyl{height:60px!important;width:60px!important}.crate-finder-loading p{font-size:12px!important;margin-top:16px!important}.dig-tracks-grid-container .track-card,.gems-grid-container .track-card,.hot-picks-grid-container .track-card{background:linear-gradient(180deg,#ffffff0d,#0003)!important;border:1px solid #ffffff1a!important;border-radius:10px!important;overflow:hidden!important}.crates-track-thumb{aspect-ratio:1!important;border-radius:8px 8px 0 0!important;height:auto!important;position:relative!important;width:100%!important}.crates-track-thumb img{height:100%!important;object-fit:cover!important;width:100%!important}.crates-default-track-thumb{align-items:center!important;background:linear-gradient(135deg,#00ffff1a,#ff00ff1a)!important;display:flex!important;font-size:32px!important;height:100%!important;justify-content:center!important;width:100%!important}.crates-track-rank{background:#000c!important;border-radius:4px!important;color:#0ff!important;font-weight:700!important;left:6px!important;padding:3px 6px!important}.crates-track-rank,.rarity-indicator{font-size:10px!important;position:absolute!important;top:6px!important;z-index:2!important}.rarity-indicator{border-radius:50%!important;height:20px!important;justify-content:center!important;width:20px!important}.rarity-badge,.rarity-indicator{align-items:center!important;display:flex!important;right:6px!important}.rarity-badge{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border-radius:4px!important;bottom:6px!important;font-size:9px!important;font-weight:600!important;gap:4px!important;left:6px!important;padding:4px 8px!important;position:absolute!important}.crates-track-card-info{padding:8px 8px 60px!important;position:relative!important}.crates-card-title{color:#fff!important;font-size:11px!important;font-weight:600!important;line-height:1.3!important}.crates-card-artist,.crates-card-title{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.crates-card-artist{color:#ffffff80!important;font-size:10px!important;margin-top:2px!important}.crates-card-year{color:#0ff9!important;display:block!important;font-size:9px!important;margin-top:2px!important}.discogs-buy-link{-webkit-tap-highlight-color:rgba(0,255,255,.3)!important;background:#00ffff26!important;border-radius:4px!important;color:#0ff!important;display:inline-block!important;font-size:10px!important;margin-bottom:4px!important;margin-top:6px!important;padding:4px 8px!important;pointer-events:auto!important;position:relative!important;text-decoration:none!important;touch-action:manipulation!important;white-space:nowrap!important;z-index:15!important}.discogs-buy-link:active{background:#0ff6!important;transform:scale(.98)!important}.track-card .track-emote-actions{align-items:center!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:linear-gradient(0deg,#000000f2,#000c)!important;border-radius:0 0 10px 10px!important;bottom:0!important;display:flex!important;flex-wrap:wrap!important;gap:2px!important;justify-content:center!important;left:0!important;padding:6px 4px!important;position:absolute!important;right:0!important}.track-card .track-emote-actions.compact{gap:2px!important}.track-card .emote-btn{align-items:center!important;background:#ffffff1a!important;border:1px solid #ffffff26!important;border-radius:6px!important;display:flex!important;font-size:14px!important;height:28px!important;justify-content:center!important;min-height:28px!important;min-width:28px!important;opacity:.85!important;padding:0!important;transition:all .15s ease!important;width:28px!important}.track-card .emote-btn:active{background:#00ffff4d!important;transform:scale(.9)!important}.track-card .emote-btn.active{background:#ffd7004d!important;border-color:#ffd70080!important;opacity:1!important}.track-card .emote-btn.heart.active{background:#ff64644d!important;border-color:#ff646480!important}.track-card .emote-btn.discord{background:#5865f233!important;border-color:#5865f266!important;position:relative!important;top:3px!important;vertical-align:middle!important}.track-card .emote-btn.discord svg{display:block!important;height:12px!important;margin:auto!important;width:12px!important}.track-card .emote-btn.crate-btn{background:#00ffff26!important;border-color:#00ffff4d!important}.track-card .emote-count{display:none!important}.track-card .emote-wrapper{position:relative!important}.track-card .reaction-picker{background:#14141efa!important;border:1px solid #0ff6!important;border-radius:12px!important;bottom:100%!important;box-shadow:0 4px 20px #00000080,0 0 15px #0ff3!important;display:flex!important;flex-wrap:wrap!important;gap:4px!important;justify-content:center!important;left:50%!important;margin-bottom:8px!important;min-width:140px!important;padding:8px!important;position:absolute!important;transform:translateX(-50%)!important;z-index:200!important}.track-card .reaction-emoji{align-items:center!important;background:#ffffff1a!important;border:none!important;border-radius:8px!important;cursor:pointer!important;display:flex!important;font-size:18px!important;height:32px!important;justify-content:center!important;width:32px!important}.track-card .reaction-emoji:active{background:#00ffff4d!important;transform:scale(1.1)!important}.coming-soon-section{padding:40px 20px!important;text-align:center!important}.coming-soon-icon{font-size:48px!important;margin-bottom:16px!important}.coming-soon-section h3{font-size:18px!important;margin-bottom:8px!important}.coming-soon-badge{font-size:10px!important;margin-bottom:12px!important;padding:4px 12px!important}.coming-soon-section p{font-size:12px!important;margin:0 auto!important;max-width:250px!important}}@keyframes aiGradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.ai-wizard-overlay{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:100000}.ai-wizard{background:linear-gradient(180deg,#14141f,#0a0a12);border-radius:24px;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:visible;position:relative;width:100%;z-index:1}.ai-wizard:before{animation:aiGradientShift 4s ease infinite;background:linear-gradient(45deg,#0ff,#8a2be2,#f0f,#8a2be2,#0ff);background-size:400% 400%;border-radius:27px;box-shadow:0 0 20px #0ff6,0 0 40px #8a2be24d,0 0 60px #f0f3;inset:-3px}.ai-wizard:after,.ai-wizard:before{content:"";position:absolute;z-index:-1}.ai-wizard:after{background:linear-gradient(180deg,#14141f,#0a0a12);border-radius:24px;inset:0}.wizard-header{background:#8a2be214;border-bottom:1px solid #ffffff14;justify-content:space-between;padding:1.25rem 1.5rem}.wizard-header,.wizard-title{align-items:center;display:flex}.wizard-title{gap:.75rem}.wizard-title h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8a2be2,#00bfff);-webkit-background-clip:text;background-clip:text;font-size:1.3rem;margin:0}.sparkle-icon{color:#8a2be2}.wizard-header .close-btn{background:#0000;border:none;border-radius:8px;color:#ffffff80;cursor:pointer;padding:.5rem;transition:all .2s}.wizard-header .close-btn:hover{background:#ffffff1a;color:#fff}.wizard-progress{background:#0000004d;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:1.25rem 2rem}.progress-step{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem;position:relative}.progress-step:not(:last-child):after{background:#ffffff1a;content:"";height:2px;left:calc(50% + 20px);position:absolute;right:calc(-50% + 20px);top:14px}.progress-step.active:not(:last-child):after{background:linear-gradient(90deg,#8a2be2,#8a2be24d)}.step-dot{align-items:center;background:#ffffff14;border:2px solid #ffffff1a;border-radius:50%;color:#fff6;display:flex;font-size:.85rem;font-weight:600;height:28px;justify-content:center;transition:all .3s;width:28px;z-index:1}.progress-step.active .step-dot{background:#8a2be24d;border-color:#8a2be2;color:#fff}.progress-step.current .step-dot{background:#8a2be2;box-shadow:0 0 20px #8a2be280;color:#fff}.step-label{color:#fff6;font-size:.75rem}.progress-step.active .step-label{color:#ffffffb3}.progress-step.current .step-label{color:#8a2be2;font-weight:600}.wizard-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:1.5rem}.wizard-content::-webkit-scrollbar{width:6px}.wizard-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.wizard-content::-webkit-scrollbar-thumb{background:#8a2be266;border-radius:3px}.wizard-content::-webkit-scrollbar-thumb:hover{background:#8a2be299}.wizard-step h3{color:#fff;font-size:1.2rem;margin:0 0 .5rem}.step-description{color:#ffffff80;font-size:.9rem;margin:0 0 1.5rem}.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;box-sizing:border-box;color:#fff;font-size:.95rem;padding:.75rem 1rem;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#8a2be280}.form-group small{color:#fff6;display:block;font-size:.75rem;margin-top:.4rem}.parsing-indicator{align-items:center;background:#8a2be21a;border:1px solid #8a2be24d;border-radius:10px;color:#8a2be2;display:flex;font-size:.9rem;gap:.75rem;margin-bottom:1rem;padding:1rem}.parsed-result{background:#8a2be21a;border:1px solid #8a2be24d;border-radius:12px;margin-top:1rem;padding:1rem}.parsed-header{align-items:center;color:#8a2be2;font-size:.85rem;font-weight:600}.parsed-header,.parsed-tags{display:flex;gap:.5rem;margin-bottom:.75rem}.parsed-tags{flex-wrap:wrap}.parsed-tags .tag{border-radius:6px;font-size:.75rem;font-weight:500;padding:.25rem .6rem}.tag.genre{background:#00ffff26;color:#0ff}.tag.mood{background:#8a2be233;color:#b88be2}.tag.bpm{background:#4ade8026;color:#4ade80}.parsed-artists{align-items:center;color:#fff9;display:flex;font-size:.8rem;gap:.5rem}.set-type-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}.set-type-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:.35rem;padding:.75rem .5rem;transition:all .2s}.set-type-btn:hover{background:#ffffff14;border-color:#ffffff26}.set-type-btn.active{background:#8a2be233;border-color:#8a2be2}.set-type-icon{font-size:1.25rem}.set-type-label{color:#ffffffb3;font-size:.7rem;text-align:center}.set-type-btn.active .set-type-label{color:#fff}.range-slider{-webkit-appearance:none;background:#ffffff1a;border-radius:3px;height:6px;outline:none;width:100%}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#8a2be2;border-radius:50%;box-shadow:0 0 10px #8a2be280;cursor:pointer;height:18px;width:18px}.range-labels{color:#fff6;display:flex;font-size:.75rem;justify-content:space-between;margin-top:.5rem}.bpm-inputs{align-items:center;display:flex;gap:.75rem}.bpm-inputs input{text-align:center;width:80px}.bpm-inputs span{color:#fff6}.energy-curve-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.energy-curve-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;color:#ffffff80;cursor:pointer;display:flex;flex-direction:column;gap:.35rem;padding:1rem .75rem;transition:all .2s}.energy-curve-btn:hover{background:#ffffff14}.energy-curve-btn.active{background:#8a2be226;border-color:#8a2be2;color:#8a2be2}.ec-label{color:#fffc;font-size:.85rem;font-weight:600}.energy-curve-btn.active .ec-label{color:#fff}.ec-desc{font-size:.7rem;text-align:center}.review-summary{background:#ffffff08;border-radius:12px;margin-bottom:1.5rem;padding:1rem}.review-item{align-items:flex-start;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:.75rem 0}.review-item:last-child{border-bottom:none}.review-item .label{color:#ffffff80;font-size:.85rem}.review-item .value{color:#fff;font-size:.9rem;font-weight:500;max-width:60%;text-align:right}.review-item .value.vibe{color:#ffffffb3;font-size:.8rem;font-style:italic}.generate-info{align-items:flex-start;background:#8a2be21a;border:1px solid #8a2be233;border-radius:10px;display:flex;gap:.75rem;padding:1rem}.generate-info svg{color:#8a2be2;flex-shrink:0;margin-top:2px}.generate-info p{color:#ffffffb3;font-size:.85rem;line-height:1.5;margin:0}.wizard-error{background:#ef444426;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;font-size:.85rem;margin-top:1rem;padding:.75rem 1rem}.wizard-footer{background:#0000004d;border-top:1px solid #ffffff14;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.back-btn{border-radius:10px;padding:.7rem 1.25rem}.generate-btn,.next-btn{align-items:center;background:linear-gradient(135deg,#8a2be2,#6b21a8);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.7rem 1.5rem;transition:all .2s}.generate-btn:hover:not(:disabled),.next-btn:hover:not(:disabled){box-shadow:0 4px 20px #8a2be266;transform:translateY(-2px)}.generate-btn:disabled,.next-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:600px){.ai-wizard{border-radius:16px;max-height:95vh}.wizard-progress{padding:1rem}.step-label{display:none}.energy-curve-grid,.set-type-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}}.ai-type-selector{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.ai-type-option{align-items:center;background:#ffffff0a;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;position:relative;transition:all .2s}.ai-type-option:hover{background:#ffffff14;border-color:#fff3}.ai-type-option.active{background:#a855f71a;border-color:#a855f7}.ai-type-option svg{color:#ffffff80}.ai-type-option.active svg{color:#a855f7}.ai-type-label{color:#fff;font-size:.95rem;font-weight:600}.ai-type-desc{color:#ffffff80;font-size:.75rem;text-align:center}.ai-type-info-btn{align-items:center;background:#ffffff26;border-radius:50%;color:#fff9;cursor:help;display:flex;height:18px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s;width:18px;z-index:2}.ai-type-info-btn:hover{background:#a855f74d;color:#a855f7}.ai-type-info-tooltip{background:#1a1a2e;border:1px solid #a855f766;border-radius:8px;box-shadow:0 4px 12px #0006;color:#ffffffe6;font-size:.75rem;left:50%;line-height:1.4;opacity:0;padding:10px 12px;pointer-events:none;position:absolute;text-align:left;top:calc(100% + 8px);transform:translateX(-50%);transition:opacity .2s,visibility .2s;visibility:hidden;width:220px;z-index:100}.ai-type-info-tooltip p{margin:0}.ai-type-info-tooltip p+p{margin-top:8px}.ai-type-info-tooltip .tooltip-warning{align-items:center;color:#ef4444;display:flex;font-weight:500;gap:6px}.ai-type-info-tooltip .tooltip-warning svg{color:#eab308;flex-shrink:0}.ai-type-info-btn:hover .ai-type-info-tooltip{opacity:1;visibility:visible}.crate-type-badge{border-radius:6px;font-size:.8rem;font-weight:500;padding:.2rem .6rem}.crate-type-badge.mock{background:#eab30833;color:#eab308}.crate-type-badge.live{background:#22c55e33;color:#22c55e}.stats-dashboard{background:#0a0e27f2;border:1px solid #0ff3;border-radius:16px;color:#fff;padding:1.5rem}.stats-dashboard.empty,.stats-dashboard.error,.stats-dashboard.loading{align-items:center;color:#fff9;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:300px;text-align:center}.stats-dashboard.loading .spinning{animation:spin 1s linear infinite}.stats-dashboard.empty h3{color:#fff;margin:0}.stats-dashboard.empty button,.stats-dashboard.error button{background:linear-gradient(135deg,#0ff,#0cc);border:none;border-radius:8px;color:#0a0e27;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.stats-dashboard.empty button:hover,.stats-dashboard.error button:hover{box-shadow:0 4px 20px #00ffff4d;transform:scale(1.05)}.stats-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.stats-header,.stats-title{align-items:center;display:flex}.stats-title{color:#0ff;gap:.75rem}.stats-title h2{color:#fff;font-size:1.25rem;margin:0}.close-stats-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#fff9;cursor:pointer;font-size:1.25rem;height:32px;transition:all .2s;width:32px}.close-stats-btn:hover{background:#ffffff1a;color:#fff}.stats-summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.stat-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:1rem;text-align:center;transition:all .2s}.stat-card:hover{background:#ffffff0f;border-color:#00ffff4d}.stat-icon{color:#0ff;margin-bottom:.5rem}.stat-card.total-crates .stat-icon{color:#0ff}.stat-card.total-tracks .stat-icon{color:#c084fc}.stat-card.total-time .stat-icon{color:#10b981}.stat-card.collab-count .stat-icon{color:#f59e0b}.stat-value{color:#fff;font-size:1.75rem;font-weight:700;line-height:1;margin-bottom:.35rem}.stat-label{color:#ffffff80;font-size:.75rem;letter-spacing:.05em}.stats-breakdown{background:#ffffff05;border-radius:10px;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.breakdown-item{align-items:center;display:flex;gap:.75rem}.breakdown-label{color:#ffffffb3;font-size:.8rem;width:80px}.breakdown-bar{background:#ffffff14;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.breakdown-bar .fill{border-radius:4px;height:100%;transition:width .5s ease-out}.breakdown-bar .fill.mock{background:linear-gradient(90deg,#c084fc,#9333ea)}.breakdown-bar .fill.live{background:linear-gradient(90deg,#10b981,#059669)}.breakdown-value{color:#fff;font-size:.85rem;font-weight:600;text-align:right;width:30px}.stats-highlights{margin-bottom:1.5rem}.stats-highlights h3{color:#fff9;font-size:.9rem;letter-spacing:.05em;margin:0 0 1rem;text-transform:uppercase}.highlights-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.highlight-card{align-items:center;background:#ffffff08;border-left:3px solid;border-radius:10px;display:flex;gap:.75rem;padding:.875rem}.highlight-card.key{border-color:#0ff}.highlight-card.bpm{border-color:#f59e0b}.highlight-card.energy{border-color:#ef4444}.highlight-card.genre{border-color:#c084fc}.highlight-card svg{opacity:.8}.highlight-card.key svg{color:#0ff}.highlight-card.bpm svg{color:#f59e0b}.highlight-card.energy svg{color:#ef4444}.highlight-card.genre svg{color:#c084fc}.highlight-content{display:flex;flex-direction:column}.highlight-value{color:#fff;font-size:1.1rem;font-weight:700}.highlight-label{color:#ffffff80;font-size:.7rem}.stats-distribution{margin-bottom:1.25rem}.stats-distribution h3{color:#fff9;font-size:.85rem;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.distribution-bars{display:flex;flex-direction:column;gap:.4rem}.dist-bar-item{align-items:center;display:flex;gap:.5rem}.dist-label{color:#0ff;font-size:.75rem;font-weight:600;width:35px}.dist-bar-container{background:#ffffff0f;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.dist-bar{background:linear-gradient(90deg,#0ff,#08a);border-radius:3px;height:100%;transition:width .5s ease-out}.dist-count{color:#ffffff80;font-size:.7rem;text-align:right;width:20px}.genre-pills{display:flex;flex-wrap:wrap;gap:.5rem}.genre-pill{align-items:center;background:#c084fc26;border:1px solid #c084fc40;border-radius:20px;color:#c084fc;display:inline-flex;font-size:.8rem;gap:.35rem;padding:.4rem .75rem}.genre-pill .count{background:#c084fc4d;border-radius:8px;font-size:.7rem;padding:.1rem .35rem}@media (max-width:768px){.stats-summary-grid{grid-template-columns:repeat(2,1fr)}.highlights-grid{grid-template-columns:1fr}}.dj-mixer-overlay{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000eb;display:flex;inset:0;justify-content:center;overflow:hidden;padding:1.5rem;position:fixed;z-index:1000}.dj-mixer-container{border-radius:20px;display:flex;flex-direction:row;max-height:92vh;max-width:1050px;min-height:580px;overflow:visible;position:relative;transition:transform .35s cubic-bezier(.4,0,.2,1),max-width .35s ease;width:100%}.dj-mixer-container:has(.dj-mixer-main-wrapper.left-panel-open){transform:translateX(140px)}.dj-mixer-container:has(.dj-mixer-main-wrapper.right-panel-open){transform:translateX(-140px)}.dj-mixer-container:has(.dj-mixer-main-wrapper.both-panels-open){max-width:790px;transform:translateX(0)}.dj-mixer-container:before{animation:gradient-shift 8s ease infinite;background:linear-gradient(135deg,#00d4ff,#ff6b35,#a855f7,#00d4ff,#ff6b35);background-size:300% 300%;border-radius:26px;content:"";filter:blur(25px);inset:-6px;opacity:.85;position:absolute;z-index:-2}.dj-mixer-container:after{display:none}.dj-mixer-header{background:linear-gradient(145deg,#0d0d1a,#1a1a2e 50%,#0a0a14);border-bottom:1px solid #ffffff1a;border-radius:18px 18px 0 0;justify-content:space-between;padding:.5rem 1rem}.header-left{gap:.5rem}.header-left .mixer-logo{animation:pulse-glow 2s ease-in-out infinite;color:#00d4ff;flex-shrink:0}.header-branding{display:flex;flex-direction:column;line-height:1}.brand-beatseek{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#ff6b35);-webkit-background-clip:text;background-clip:text;font-size:.85rem;font-weight:800;letter-spacing:1px}.brand-djmixer{color:#fff6;font-size:.55rem;font-weight:600;letter-spacing:2px}.header-left .crate-name{color:#ffffff80;font-size:.65rem;margin-left:.5rem}.mode-selector{position:relative;z-index:200}.mode-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.75rem;gap:.4rem;padding:.4rem .75rem;transition:all .2s}.mode-btn:hover{background:#ffffff26;border-color:#00d4ff66}.mode-dropdown{background:#151520;border:1px solid #fff3;border-radius:10px;box-shadow:0 10px 40px #000c;min-width:200px;padding:.4rem;position:absolute;right:0;top:calc(100% + 8px);z-index:201}.mode-dropdown button{background:#0000;border:none;border-radius:6px;color:#fffc;cursor:pointer;display:flex;flex-direction:column;font-size:.8rem;font-weight:500;padding:.6rem;text-align:left;transition:all .15s;width:100%}.mode-dropdown button:hover{background:#ffffff1a;color:#fff}.mode-dropdown button.active{background:#00d4ff33;color:#00d4ff}.mode-dropdown .mode-desc{color:#ffffff80;font-size:.65rem;font-weight:400;margin-top:2px}.header-right{gap:.75rem}.header-right,.master-volume{align-items:center;display:flex}.master-volume{gap:.4rem}.master-volume .mute-btn{background:#0000;border:none;color:#ffffffb3;cursor:pointer;padding:.25rem;transition:color .2s}.master-volume .mute-btn:hover{color:#00d4ff}.master-slider{-webkit-appearance:none;background:#fff3;border-radius:2px;cursor:pointer;height:4px;width:70px}.master-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#00d4ff;border-radius:50%;cursor:pointer;height:12px;width:12px}.master-label{color:#ffffff80;font-size:.65rem;text-transform:uppercase}.close-btn{background:#ffffff1a;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;padding:.4rem;transition:all .2s}.close-btn:hover{background:#ff3b304d;color:#fff}.audio-init-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#0d0d1afa,#1a1a2efa 50%,#0a0a14fa);border-radius:0 0 18px 18px;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute;z-index:100}.init-audio-btn{align-items:center;background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:12px;box-shadow:0 4px 20px #00d4ff66;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s}.init-audio-btn:hover:not(:disabled){box-shadow:0 6px 30px #00d4ff80;transform:translateY(-2px)}.init-audio-btn:disabled{cursor:wait;opacity:.7}.init-hint{color:#ffffff80;font-size:.8rem;margin-top:1rem}.playback-notice{background:#ffb40014;border:1px solid #ffb40040;border-radius:10px;margin-top:1.5rem;max-width:400px;padding:1rem 1.25rem;text-align:left}.playback-notice .notice-header{color:#ffc832e6;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-bottom:.5rem}.playback-notice .notice-text{color:#ffffffb3;font-size:.7rem;line-height:1.4;margin:0 0 .5rem}.playback-notice .notice-text strong{color:#ffc832e6}.playback-notice .notice-tip{background:#1ed7601a;border-radius:4px;color:#1ed760e6;display:inline-block;font-size:.65rem;margin:0 0 .75rem;padding:.3rem .5rem}.playback-notice .notice-tip strong{color:#1ed760}.playback-notice .notice-options{color:#fff9;font-size:.65rem;margin-bottom:.75rem}.playback-notice .notice-options span{color:#fffc;display:block;font-weight:600;margin-bottom:.35rem}.playback-notice .notice-options ul{list-style:none;margin:0;padding:0}.playback-notice .notice-options li{margin:.2rem 0;padding-left:.5rem}.playback-notice .notice-coming-soon{background:#00d4ff14;border:1px solid #00d4ff33;border-radius:6px;margin:0;padding:.5rem;text-align:center}.playback-notice .coming-soon-label{color:#00d4ff;display:block;font-size:.55rem;font-weight:700;letter-spacing:1px;margin-bottom:.25rem}.playback-notice .notice-coming-soon p{color:#fff9;font-size:.6rem;line-height:1.4;margin:0}.dj-mixer-main-wrapper{background:linear-gradient(145deg,#0d0d1a,#1a1a2e 50%,#0a0a14);border-radius:18px;flex:1 1;flex-direction:column;min-width:0}.dj-mixer-main-wrapper,.mixer-layout{display:flex;overflow:hidden;position:relative}.mixer-layout{flex:1 1;padding:1rem}.mixer-layout.disabled{opacity:.3;pointer-events:none}.mixer-main-content{display:flex;flex:1 1;flex-direction:column;gap:.75rem;justify-content:flex-start;min-width:0;padding-top:.5rem}.mixer-main-content.basic-mode{justify-content:center;padding-top:0}.panel-toggle-tab{align-items:center;background:#141428f2;border:1px solid #ffffff40;color:#ffffffb3;cursor:pointer;display:flex;flex-direction:column;font-size:.65rem;gap:.3rem;padding:.6rem .3rem;position:absolute;top:50%;transform:translateY(-50%);transition:all .35s cubic-bezier(.4,0,.2,1);z-index:-2}.panel-toggle-tab.left{border-radius:6px 0 0 6px;border-right:none;left:-22px}.panel-toggle-tab.right{border-left:none;border-radius:0 6px 6px 0;right:-25px}.panel-toggle-tab.left.open{left:-285px}.panel-toggle-tab.right.open{right:-288px}.panel-toggle-tab:hover{background:#282846f2}.panel-toggle-tab.open{background:#1e1e32f2}.panel-toggle-tab .toggle-icons{display:flex;flex-direction:column;gap:.2rem;opacity:.7}.panel-toggle-tab .toggle-label{font-size:.7rem;font-weight:700}.side-panel{background:linear-gradient(145deg,#12121f,#1a1a2e);border:1px solid #ffffff26;box-shadow:0 0 30px #00000080;max-height:92%;max-width:273px;min-width:273px;overflow-x:hidden;overflow-y:auto;position:absolute;top:50%;transform:translateY(-50%);transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s ease;width:273px;z-index:-1}.side-panel.left{border-color:#00d4ff4d;border-radius:12px 0 0 12px;direction:rtl;margin-right:-10px;opacity:0;pointer-events:none;right:100%;transform:translateY(-50%) translateX(100%)}.side-panel.left .side-panel-content{direction:ltr}.side-panel.right{border-color:#ff6b354d;border-radius:0 12px 12px 0;left:100%;margin-left:-10px;opacity:0;pointer-events:none;transform:translateY(-50%) translateX(-100%)}.side-panel.left.open{box-shadow:5px 0 30px #00d4ff33}.side-panel.left.open,.side-panel.right.open{opacity:1;pointer-events:auto;transform:translateY(-50%) translateX(0);z-index:-1}.side-panel.right.open{box-shadow:-5px 0 30px #ff6b3533}.side-panel-content{display:flex;flex-direction:column;gap:1rem;padding:1rem}.side-panel::-webkit-scrollbar{width:4px}.side-panel::-webkit-scrollbar-track{background:#0003;border-radius:2px;margin:40px 0}.side-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.side-panel::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.side-panel-header{align-items:baseline;border-bottom:2px solid;display:flex;gap:.5rem;padding-bottom:.75rem}.panel-deck-label{font-size:1.1rem;font-weight:700}.panel-subtitle{color:#ffffff80;font-size:.75rem}.panel-section{background:#0000004d;border-radius:8px;padding:.75rem}.section-title{color:#ffffff80;font-size:.7rem;letter-spacing:1px;margin-bottom:.75rem;text-transform:uppercase}.track-search-panel{display:flex;flex-direction:column;gap:.5rem}.track-search-input{align-items:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;display:flex;gap:.5rem;padding:.5rem}.track-search-input svg{color:#fff6}.track-search-input input{background:#0000;border:none;color:#fff;flex:1 1;font-size:.75rem;outline:none}.track-search-input input::placeholder{color:#fff6}.track-list-panel{display:flex;flex-direction:column;gap:.25rem;max-height:200px;overflow-y:auto}.track-item-panel{align-items:center;background:#ffffff08;border:1px solid #0000;border-radius:4px;cursor:pointer;display:flex;gap:.5rem;padding:.4rem;text-align:left;transition:all .15s}.track-item-panel:hover{background:#ffffff14;border-color:#ffffff1a}.track-item-art{align-items:center;background:#ffffff1a;border-radius:3px;display:flex;flex-shrink:0;height:28px;justify-content:center;overflow:hidden;width:28px}.track-item-art img{height:100%;object-fit:cover;width:100%}.track-item-art svg{color:#ffffff4d}.track-item-info{flex:1 1;min-width:0}.track-item-title{color:#fff;font-size:.65rem;font-weight:600}.track-item-artist,.track-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-item-artist{color:#ffffff80;font-size:.55rem}.track-item-bpm{align-items:center;background:#ffffff0d;border-radius:3px;color:#fff9;display:flex;flex-shrink:0;font-size:.55rem;gap:.15rem;padding:.1rem .3rem}.no-tracks-panel{color:#fff6;font-size:.7rem;padding:1rem;text-align:center}.more-tracks-hint{color:#fff6;font-size:.6rem;padding:.5rem;text-align:center}.sample-pads-panel{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.mixer-main{align-items:center;background:linear-gradient(145deg,#0d0d1a,#1a1a2e 50%,#0a0a14);flex:1 1;padding:1.25rem}.decks-row,.mixer-main{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr auto 1fr}.decks-row{align-items:start}.decks-row .deck-core{min-width:0;width:100%}.decks-row .deck-core.deck-a,.decks-row .deck-core.deck-b{flex:1 1;max-width:100%}.eq-loop-combined-row{align-items:center;background:#00000040;border-radius:8px;display:flex;gap:.5rem;justify-content:space-between;padding:.5rem .75rem}.deck-eq-loop{align-items:center;display:flex;flex:1 1;gap:.4rem;min-width:0}.deck-eq-loop.deck-a{padding-right:2rem}.deck-eq-loop.deck-a,.deck-eq-loop.deck-b{justify-content:center;max-width:calc(50% - 35px)}.deck-eq-loop.deck-b{padding-left:2rem}.eq-loop-separator{background:#ffffff26;height:35px;margin:0 .3rem;width:1px}.eq-loop-center{flex-shrink:0;width:60px}.track-queue-section{background:#0003;border-radius:8px;padding:.4rem}.track-queue-row{grid-gap:.5rem;align-items:stretch;display:grid;gap:.5rem;grid-template-columns:1fr auto 1fr}.up-next-slot.compact{background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;display:flex;flex-direction:column;gap:.2rem;padding:.3rem .4rem}.up-next-slot.compact.deck-a{border-color:#00d4ff33}.up-next-slot.compact.deck-b{border-color:#ff6b3533}.up-next-slot.compact.has-track.deck-a{border-color:#00d4ff66}.up-next-slot.compact.has-track.deck-b{border-color:#ff6b3566}.up-next-slot.compact.queued{animation:queued-pulse 1s ease-in-out infinite}.up-next-slot.compact.deck-a.queued{box-shadow:0 0 10px #00d4ff66}.up-next-slot.compact.deck-b.queued{box-shadow:0 0 10px #ff6b3566}@keyframes queued-pulse{0%,to{opacity:1}50%{opacity:.7}}.up-next-header{align-items:center;display:flex;gap:.4rem;justify-content:space-between}.up-next-label{font-size:.45rem;font-weight:700;letter-spacing:.5px}.up-next-slot.deck-a .up-next-label{color:#00d4ff}.up-next-slot.deck-b .up-next-label{color:#ff6b35}.up-next-crate-name{color:#fff6;font-size:.45rem;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.up-next-content-compact{flex:1 1}.up-next-track-row{align-items:center;display:flex;gap:.4rem}.deck-b-layout .up-next-track-row{flex-direction:row}.up-next-art-small{align-items:center;background:#ffffff1a;border-radius:3px;display:flex;flex-shrink:0;height:32px;justify-content:center;overflow:hidden;width:32px}.up-next-art-small img{height:100%;object-fit:cover;width:100%}.up-next-art-small svg{color:#ffffff4d}.up-next-info-compact{display:flex;flex:1 1;flex-direction:column;gap:.1rem;min-width:0}.up-next-info-compact.align-right{align-items:flex-end;text-align:right}.up-next-title{color:#fff;font-size:.6rem;font-weight:600}.up-next-meta,.up-next-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.up-next-meta{align-items:center;color:#ffffff80;display:flex;font-size:.5rem;gap:.3rem}.up-next-info-compact.align-right .up-next-meta{justify-content:flex-end}.bpm-tag{background:#ffffff1a;border-radius:2px;color:#fff9;font-size:.45rem;padding:.1rem .2rem}.up-next-controls{align-items:center;display:flex;flex-shrink:0;gap:.3rem}.track-nav-compact{flex-direction:column;gap:.1rem}.nav-btn-sm,.track-nav-compact{align-items:center;display:flex}.nav-btn-sm{background:#ffffff14;border:1px solid #ffffff1a;border-radius:3px;color:#ffffff80;cursor:pointer;justify-content:center;padding:.15rem;transition:all .15s}.nav-btn-sm:hover{background:#ffffff26;color:#fff}.track-pos{color:#fff6;font-family:SF Mono,monospace;font-size:.4rem}.load-btn{align-items:center;background:#00ff6426;border:1px solid #00ff6466;border-radius:3px;color:#0f6;cursor:pointer;display:flex;font-size:.5rem;font-weight:700;justify-content:center;min-width:22px;padding:.25rem .4rem;transition:all .15s}.load-btn:hover:not(:disabled){background:#00ff6440}.load-btn:disabled{cursor:not-allowed;opacity:.4}.load-btn.queued{background:#ffc80033;border-color:#ffc80080;color:#fc0}.up-next-empty-compact{color:#ffffff59;font-size:.5rem;padding:.15rem 0}.crate-selector-compact{background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;display:flex;flex-direction:column;gap:.25rem;min-width:130px;padding:.3rem .4rem;position:relative}.crate-header-row{gap:.3rem}.crate-header-row,.crate-icon{align-items:center;display:flex}.crate-icon{color:#ffffff80}.crate-icon svg{height:14px;width:14px}.crate-label{color:#fff9;flex:1 1;font-size:.55rem;font-weight:700;letter-spacing:.5px}.crate-nav-btns{display:flex;flex-direction:row;gap:.15rem}.crate-nav-btn-sm{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:3px;color:#ffffff80;cursor:pointer;display:flex;justify-content:center;padding:.12rem .15rem;transition:all .15s}.crate-nav-btn-sm:hover{background:#ffffff26;color:#fff}.crate-nav-toggle{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:3px;color:#ffffff80;cursor:pointer;display:flex;justify-content:center;padding:.2rem;transition:all .15s}.crate-nav-toggle:hover{background:#ffffff26;color:#fff}.crate-nav-popup{align-items:center;background:#141423f2;border:1px solid #fff3;border-radius:4px;display:flex;flex-direction:column;gap:.15rem;padding:.3rem;position:absolute;right:-45px;top:0;z-index:10}.crate-nav-btn{align-items:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:3px;color:#fff9;cursor:pointer;display:flex;justify-content:center;padding:.2rem .3rem;transition:all .15s}.crate-nav-btn:hover{background:#fff3;color:#fff}.crate-pos{color:#ffffff80;font-family:SF Mono,monospace;font-size:.4rem}.crate-card-compact{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;display:flex;flex-direction:column;gap:.2rem;padding:.3rem}.crate-info{gap:.05rem;min-width:0}.crate-name{font-size:.6rem}.crate-track-count{color:#8ab4ffcc;font-size:.6rem}.crate-deck-btns{display:flex;gap:.2rem;justify-content:flex-end}.crate-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:3px;color:#ffffffb3;cursor:pointer;font-size:.5rem;font-weight:700;padding:.2rem .35rem;transition:all .15s}.crate-btn.deck-a:hover{background:#00d4ff33;border-color:#00d4ff80;color:#00d4ff}.crate-btn.deck-b:hover{background:#ff6b3533;border-color:#ff6b3580;color:#ff6b35}.no-crates-compact{color:#ffffff59;font-size:.5rem;padding:.25rem;text-align:center}.eq-row{grid-gap:.75rem;align-items:center;background:#00000040;border-radius:8px;display:grid;gap:.75rem;grid-template-columns:1fr auto 1fr;padding:.5rem .75rem}.eq-center-spacer{align-items:center;display:flex;justify-content:center;padding:0 .5rem}.eq-label{color:#ffffff59;font-size:.55rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.eq-knobs-section{display:flex;gap:.35rem;justify-content:center}.eq-knobs-section.eq-a{justify-content:flex-end}.eq-knobs-section.eq-b{justify-content:flex-start}.eq-knob-unit{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:.1rem;-webkit-user-select:none;user-select:none}.eq-knob-wrapper{height:36px;width:36px}.eq-knob-wrapper .knob-svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));height:100%;transition:transform .1s;width:100%}.eq-knob-unit:hover .knob-svg{transform:scale(1.05)}.eq-knob-unit:active .knob-svg{transform:scale(.98)}.knob-band-label{color:#ffffff80;font-size:.5rem;font-weight:700;text-transform:uppercase}.knob-value-label{font-family:SF Mono,monospace;font-size:.5rem;font-weight:700}.loop-row{grid-gap:.75rem;align-items:start;background:#0003;border-radius:8px;display:grid;gap:.75rem;grid-template-columns:1fr auto 1fr;padding:.5rem .75rem}.loop-center-spacer{align-items:center;display:flex;justify-content:center;min-height:40px;padding:0 .5rem}.loop-label{color:#ffffff59;font-size:.55rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.deck-core{align-items:stretch;background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;display:flex;flex-direction:column;gap:.5rem;min-height:280px;padding:.6rem}.deck-core.deck-a{border-color:#00d4ff40}.deck-core.deck-b{border-color:#ff6b3540}.deck-waveform-area{background:#0006;border-radius:6px;display:flex;flex-direction:column;min-height:70px;position:relative;width:100%}.waveform-track-header-condensed{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:.5rem;justify-content:space-between;padding:.2rem .4rem}.track-info-line{align-items:center;display:flex;flex:1 1;gap:.3rem;min-width:0;overflow:hidden}.track-title-inline{color:#fff;font-size:.6rem;font-weight:600;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-separator{color:#ffffff4d;flex-shrink:0;font-size:.5rem}.track-artist-inline{color:#ffffff80;flex:1 1;font-size:.55rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bpm-badge-inline{background:#0006;border-radius:3px;flex-shrink:0;font-size:.5rem;font-weight:700;padding:.1rem .25rem}.waveform-row{display:flex;flex:1 1;flex-direction:column;position:relative}.waveform-track-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:.25rem .4rem}.track-details{display:flex;flex:1 1;flex-direction:column;min-width:0}.track-details .track-title{color:#fff;font-size:.65rem;font-weight:600}.track-details .track-artist,.track-details .track-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-details .track-artist{color:#ffffff80;font-size:.55rem}.bpm-badge{background:#0000004d;border:1px solid;border-radius:3px;flex-shrink:0;font-size:.5rem;font-weight:600;padding:.1rem .3rem}.waveform-container{flex:1 1;min-height:45px;width:100%}.waveform-loading{color:#ffffff80;font-size:.6rem;height:70px}.load-track-btn,.waveform-loading{align-items:center;display:flex;flex-direction:column;gap:.2rem;justify-content:center}.load-track-btn{background:#0000;border:1px dashed #ffffff40;border-radius:6px;color:#fff9;cursor:pointer;height:100%;min-height:70px;transition:all .2s;width:100%}.load-track-btn span:first-of-type{font-size:.7rem;font-weight:500}.load-track-btn .load-hint{color:#ffffff59;font-size:.55rem}.load-track-btn:hover{background:#ffffff0d;border-color:#fff6;color:#fff}.no-audio-warning{background:#ff963233;border-radius:0 0 6px 6px;bottom:0;color:#ffc864e6;font-size:.5rem;left:0;padding:.2rem;position:absolute;right:0;text-align:center}.time-display{background:#000c;border-radius:3px;bottom:3px;color:#ffffffe6;display:flex;font-family:SF Mono,monospace;font-size:.55rem;font-weight:600;gap:.1rem;padding:.15rem .3rem;position:absolute;right:3px;z-index:10}.time-display .time-sep{opacity:.5}.deck-main-area{align-items:center;display:flex;flex:1 1;gap:.75rem;justify-content:space-between;padding:.5rem 0}.pitch-slider-container{align-items:center;display:flex;flex-direction:column;gap:.2rem;-webkit-user-select:none;user-select:none}.pitch-track{display:flex;gap:.25rem;height:140px}.pitch-markers{color:#fff6;display:flex;flex-direction:column;font-size:.45rem;justify-content:space-between;padding:2px 0;text-align:right}.pitch-rail{background:#ffffff1a;border-radius:4px;cursor:pointer;position:relative;width:8px}.pitch-center-line{background:#ffffff4d;height:1px;left:0;position:absolute;right:0;top:50%}.pitch-thumb{background:#2a2a3a;border:2px solid;border-radius:2px;cursor:grab;height:8px;left:50%;position:absolute;transform:translate(-50%,-50%);transition:top .05s;width:16px}.pitch-thumb:active{cursor:grabbing}.pitch-label{color:#fff6;font-size:.45rem;font-weight:700;letter-spacing:1px}.pitch-value{font-family:SF Mono,monospace;font-size:.5rem;font-weight:600}.deck-center{align-items:center;display:flex;flex-direction:column;gap:.75rem}.jog-wheel-container{align-items:center;display:flex;justify-content:center}.deck-transport{align-items:center;display:flex;gap:.4rem}.deck-transport .transport-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fffc;cursor:pointer;display:flex;justify-content:center;padding:.35rem;transition:all .2s}.deck-transport .transport-btn:hover:not(:disabled){background:#ffffff26}.deck-transport .transport-btn:disabled{cursor:not-allowed;opacity:.4}.deck-transport .play-btn{padding:.45rem .6rem}.deck-transport .play-btn.playing{color:#fff}.deck-transport .cue-btn{align-items:center;display:flex;gap:.2rem;padding:.35rem .5rem}.deck-transport .cue-btn .btn-label{font-size:.5rem;font-weight:700}.deck-transport .cue-btn.has-cue{background:#ffc80033;border-color:#ffc80066;color:#fc0}.deck-transport .cue-btn.active{animation:cue-pulse .8s ease-in-out infinite;background:#00ff644d;border-color:#0f6;box-shadow:0 0 10px #00ff6480;color:#0f6}@keyframes cue-pulse{0%,to{box-shadow:0 0 8px #00ff6466}50%{box-shadow:0 0 15px #00ff64b3}}.deck-transport .eject-btn:hover{background:#ff3b3033;border-color:#ff3b3066}.volume-knob-container{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:.15rem;-webkit-user-select:none;user-select:none}.volume-knob-svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));transition:transform .1s}.volume-knob-container:hover .volume-knob-svg{transform:scale(1.05)}.volume-knob-container:active .volume-knob-svg{transform:scale(.98)}.vol-knob-label{font-size:.45rem;font-weight:700;letter-spacing:1px}.vol-knob-value{color:#fff9;font-family:SF Mono,monospace;font-size:.5rem}.jog-wheel-container{cursor:grab;position:relative;-webkit-user-select:none;user-select:none}.jog-wheel-container.scratching{cursor:grabbing}.jog-wheel-svg.spinning{animation:spin-wheel 2s linear infinite}.jog-wheel-container.scratching .jog-wheel-svg{animation:none}@keyframes spin-wheel{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.jog-wheel-svg .ring-flash{animation:ring-pulse .5s ease-in-out infinite}.jog-wheel-svg .ring-flash-secondary{animation:ring-pulse-secondary .5s ease-in-out infinite;animation-delay:.25s}@keyframes ring-pulse{0%,to{stroke-width:2;opacity:.8}50%{stroke-width:4;opacity:1}}@keyframes ring-pulse-secondary{0%,to{opacity:.3}50%{opacity:.7}}.jog-deck-label{bottom:-5px;font-size:.5rem;transform:translateX(-50%)}.jog-deck-label,.scratch-indicator{font-weight:700;left:50%;position:absolute;text-shadow:0 0 10px currentColor}.scratch-indicator{animation:pulse-scratch .3s ease-in-out infinite;font-size:.55rem;letter-spacing:1px;pointer-events:none;top:50%;transform:translate(-50%,-50%)}@keyframes pulse-scratch{0%,to{opacity:1}50%{opacity:.6}}.mixer-controls{align-items:center;display:flex;flex-direction:column;gap:.75rem;min-width:100px;padding:.5rem}.vu-meters{display:flex;gap:.5rem}.vu-meter{align-items:center;display:flex;flex-direction:column;gap:.15rem}.vu-label{font-size:.55rem;font-weight:600}.vu-a .vu-label{color:#00d4ff}.vu-b .vu-label{color:#ff6b35}.vu-track{background:#0006;border-radius:3px;height:70px;overflow:hidden;position:relative;width:14px}.vu-fill{background:linear-gradient(180deg,#ff3b30,#fc0,#34c759);bottom:0;left:0;position:absolute;right:0;transition:height .1s ease}.vu-segments{display:flex;flex-direction:column-reverse;gap:1px;inset:0;padding:1px;position:absolute}.vu-segment{border-radius:1px;flex:1 1;opacity:.3}.vu-segment.green{background:#34c759}.vu-segment.yellow{background:#fc0}.vu-segment.red{background:#ff3b30}.sync-section{flex-direction:column;gap:.3rem;margin:.25rem 0}.sync-btn,.sync-section{align-items:center;display:flex}.sync-btn{background:#ffc80026;border:1px solid #ffc80066;border-radius:4px;color:#fc0;cursor:pointer;font-size:.6rem;font-weight:700;gap:.25rem;padding:.4rem .6rem;transition:all .2s}.sync-btn:hover:not(:disabled){background:#ffc8004d;transform:scale(1.05)}.sync-btn.active{animation:sync-pulse 1s ease-in-out infinite;background:#00ff644d;border-color:#0f6;box-shadow:0 0 15px #00ff6480;color:#0f6}.sync-btn.active .sync-indicator{background:#00ff644d;border-radius:3px;font-size:.5rem;margin-left:.3rem;padding:.1rem .25rem}@keyframes sync-pulse{0%,to{box-shadow:0 0 10px #00ff6466}50%{box-shadow:0 0 20px #00ff64b3}}.sync-btn:disabled{cursor:not-allowed;opacity:.3}.bpm-diff{color:#ffffff80;font-size:.5rem}.bpm-display{align-items:center;display:flex;font-family:SF Mono,monospace;font-size:.55rem;gap:.3rem}.bpm-display .bpm-a{color:#00d4ff;font-weight:600}.bpm-display .bpm-arrow{color:#fff6}.bpm-display .bpm-b{color:#ff6b35;font-weight:600}.crossfader-section{align-items:center;display:flex;flex-direction:column;gap:.25rem;width:100%}.crossfader-labels{align-items:center;color:#ffffff80;display:flex;font-size:.6rem;gap:.3rem}.crossfader-labels span.active{color:#fff;font-weight:600}.crossfader-track{padding:.3rem 0;position:relative;width:100%}.crossfader-slider{-webkit-appearance:none;background:linear-gradient(90deg,#00d4ff,#ffffff26,#ff6b35);border-radius:4px;cursor:pointer;height:8px;width:100%}.crossfader-slider::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(180deg,#fff,#ccc);border-radius:3px;box-shadow:0 2px 6px #0006;cursor:pointer;height:22px;width:18px}.crossfader-center-mark{background:#ffffff4d;height:14px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:1px}.crossfader-value{color:#fff;font-size:.6rem;font-weight:600}.loop-controls{display:flex;flex-direction:column;gap:.15rem;width:auto}.loop-controls-a,.loop-controls-b{align-items:flex-start}.loop-main-row{display:flex;gap:.2rem}.loop-toggle{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:3px;color:#ffffffb3;cursor:pointer;display:flex;font-size:.45rem;font-weight:600;gap:.15rem;padding:.2rem .35rem;transition:all .2s}.loop-toggle:hover:not(:disabled){background:#ffffff26}.loop-toggle.active{background:#0f03;border-color:#0f06;color:#0f0}.loop-toggle:disabled{cursor:not-allowed;opacity:.4}.loop-point-btn{background:#ffffff0d;border:1px solid #ffffff26;border-radius:3px;color:#fff9;cursor:pointer;font-size:.45rem;font-weight:600;padding:.2rem .35rem;transition:all .2s}.loop-point-btn:hover:not(:disabled){background:#ffffff1a}.loop-point-btn.set{background:#ffc80026;border-color:#ffc80066;color:#fc0}.loop-point-btn:disabled{cursor:not-allowed;opacity:.4}.beat-loops{display:flex;gap:.1rem}.beat-loop-btn{background:#ffffff0d;border:1px solid #ffffff26;border-radius:2px;color:#fff9;cursor:pointer;font-size:.4rem;font-weight:600;min-width:18px;padding:.15rem .25rem;transition:all .2s}.beat-loop-btn:hover:not(:disabled){background:#ffffff1a}.beat-loop-btn.active{background:#00ff0026}.beat-loop-btn:disabled{cursor:not-allowed;opacity:.4}.loop-actions{display:flex;gap:.15rem}.loop-action-btn{background:#ffffff0d;border:1px solid #ffffff26;border-radius:2px;color:#fff9;cursor:pointer;font-size:.4rem;font-weight:600;padding:.15rem .3rem;transition:all .2s}.loop-action-btn:hover:not(:disabled){background:#ffffff1a}.loop-action-btn.auto{color:#0af}.loop-action-btn.clear{color:#f55}.loop-action-btn:disabled{cursor:not-allowed;opacity:.4}.fx-panel{display:flex;flex-direction:column;gap:.4rem}.fx-header{display:none}.fx-controls{display:flex;flex-direction:column;gap:.35rem}.fx-unit{background:#ffffff08;border-radius:4px;overflow:hidden}.fx-unit.active{background:#ffffff0f}.fx-toggle{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:.4rem .5rem;transition:background .15s;width:100%}.fx-toggle:hover:not(:disabled){background:#ffffff0d}.fx-toggle:disabled{cursor:not-allowed;opacity:.4}.fx-name{color:#ffffffb3;font-size:.6rem;font-weight:600}.fx-indicator{background:#fff3;border-radius:50%;height:8px;transition:all .2s;width:8px}.fx-indicator.on{background:#0f0;box-shadow:0 0 6px #0f0}.fx-params{align-items:center;background:#0003;display:flex;gap:.4rem;padding:.4rem .5rem}.fx-params label{color:#ffffff80;font-size:.5rem;min-width:22px}.fx-select{background:#ffffff1a;border:1px solid #fff3;border-radius:3px;color:#fff;cursor:pointer;font-size:.5rem;padding:.15rem}.fx-knob{-webkit-appearance:none;background:#fff3;border-radius:2px;cursor:pointer;flex:1 1;height:4px}.fx-knob::-webkit-slider-thumb{-webkit-appearance:none;background:#0f0;border-radius:50%;cursor:pointer;height:10px;width:10px}.fx-value{color:#ffffff80;font-family:SF Mono,monospace;font-size:.5rem;min-width:35px;text-align:right}.sample-pad-container{position:relative}.sample-pad{align-items:center;aspect-ratio:1;background:linear-gradient(145deg,#2a2a3a,#1a1a2a);border:2px solid #ffffff26;border-radius:6px;cursor:pointer;display:flex;justify-content:center;max-height:45px;min-height:38px;overflow:hidden;transition:all .15s;width:100%}.sample-pad-container.a .sample-pad{border-color:#00d4ff4d}.sample-pad-container.b .sample-pad{border-color:#ff6b354d}.sample-pad:hover:not(:disabled){background:linear-gradient(145deg,#3a3a4a,#2a2a3a);transform:scale(1.02)}.sample-pad:active:not(:disabled){transform:scale(.98)}.sample-pad.has-sample{background:linear-gradient(145deg,#2a3a2a,#1a2a1a)}.sample-pad-container.a .sample-pad.has-sample{background:linear-gradient(145deg,#00d4ff33,#0096c81a)}.sample-pad-container.b .sample-pad.has-sample{background:linear-gradient(145deg,#ff6b3533,#c850281a)}.sample-pad.playing{animation:pad-pulse .3s ease-in-out infinite}.sample-pad-container.a .sample-pad.playing{border-color:#00d4ff;box-shadow:0 0 15px #00d4ff80}.sample-pad-container.b .sample-pad.playing{border-color:#ff6b35;box-shadow:0 0 15px #ff6b3580}@keyframes pad-pulse{0%,to{opacity:1}50%{opacity:.8}}.sample-pad.recording{animation:recording-pulse .8s ease-in-out infinite;background:linear-gradient(145deg,#ff32324d,#c81e1e33);border-color:#f55}@keyframes recording-pulse{0%,to{box-shadow:0 0 5px #ff32324d}50%{box-shadow:0 0 15px #ff323299}}.sample-pad:disabled{cursor:not-allowed;opacity:.4}.pad-number{color:#ffffff4d;font-size:.9rem;font-weight:600}.sample-info{align-items:center;display:flex;flex-direction:column;gap:.2rem}.sample-name{color:#fffc;font-size:.5rem;font-weight:600;text-transform:uppercase}.recording-indicator{align-items:center;display:flex;flex-direction:column;gap:.2rem}.rec-dot{animation:blink .5s ease-in-out infinite;background:#f55;border-radius:50%;height:10px;width:10px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.recording-indicator span{color:#f55;font-family:SF Mono,monospace;font-size:.55rem}.pad-menu-overlay{inset:0;position:fixed;z-index:1200}.pad-menu{background:#1a1a2a;border:1px solid #fff3;border-radius:6px;box-shadow:0 4px 16px #00000080;left:50%;min-width:80px;padding:.3rem;position:absolute;top:calc(100% + 4px);transform:translateX(-50%);z-index:1201}.pad-menu button{align-items:center;background:#0000;border:none;border-radius:4px;color:#fffc;cursor:pointer;display:flex;font-size:.6rem;gap:.4rem;padding:.4rem .5rem;transition:background .15s;width:100%}.pad-menu button:hover{background:#ffffff1a}.pad-menu button.delete{color:#f55}.stop-recording-btn{align-items:center;background:#f55;border:none;border-radius:50%;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px;z-index:10}.stop-recording-btn svg{color:#fff}.track-loader-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:1100}.track-loader-modal{background:#1a1a2a;border:1px solid #ffffff26;border-radius:12px;display:flex;flex-direction:column;max-height:65vh;max-width:550px;overflow:hidden;width:100%}.track-loader-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:.85rem 1rem}.header-title{color:#fff;font-size:.9rem;font-weight:600;gap:.5rem}.track-loader-header .close-btn{background:#0000;border:none;color:#fff9;cursor:pointer;padding:.25rem}.track-loader-header .close-btn:hover{color:#fff}.track-loader-tabs{background:#0003;border-bottom:1px solid #ffffff1a;display:flex;gap:.25rem;padding:.5rem .75rem}.track-loader-tabs .tab-btn{align-items:center;background:#ffffff0d;border:1px solid #0000;border-radius:6px;color:#fff9;cursor:pointer;display:flex;font-size:.7rem;font-weight:500;gap:.35rem;padding:.5rem .75rem;transition:all .2s}.track-loader-tabs .tab-btn:hover{background:#ffffff1a;color:#fff}.track-loader-tabs .tab-btn.active{background:#00d4ff33;border-color:#00d4ff66;color:#00d4ff}.track-loader-tabs .tab-count{background:#fff3;border-radius:10px;font-size:.6rem;padding:.1rem .35rem}.track-loader-tabs .tab-btn.active .tab-count{background:#00d4ff4d}.crate-selector{border-bottom:1px solid #ffffff1a;max-height:120px;overflow-y:auto;padding:.5rem .75rem}.crates-grid{display:flex;flex-wrap:wrap;gap:.35rem}.crate-option{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:#ffffffb3;cursor:pointer;display:flex;font-size:.65rem;gap:.35rem;padding:.4rem .6rem;transition:all .15s}.crate-option:hover{background:#ffffff1a;color:#fff}.crate-option.selected{background:#00d4ff26;border-color:#00d4ff66;color:#00d4ff}.crate-option .crate-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crate-option .crate-track-count{background:#ffffff26;border-radius:8px;font-size:.55rem;padding:.1rem .3rem}.loading-crates,.no-crates{color:#fff6;font-size:.75rem;padding:1rem;text-align:center}.upload-section{gap:1rem}.upload-dropzone,.upload-section{align-items:center;display:flex;flex-direction:column}.upload-dropzone{background:#ffffff08;border:2px dashed #fff3;border-radius:10px;cursor:pointer;gap:.5rem;padding:2rem;transition:all .2s;width:100%}.upload-dropzone:hover{background:#ffffff0f;border-color:#fff6}.upload-dropzone svg{color:#fff6}.upload-dropzone p{color:#ffffffb3;font-size:.85rem;margin:0}.upload-dropzone .upload-hint{color:#fff6;font-size:.7rem}.uploaded-file-info{align-items:center;background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:8px;display:flex;gap:.75rem;padding:.75rem 1rem;width:100%}.uploaded-file-info svg{color:#00d4ff}.uploaded-file-info .file-name{color:#fff;flex:1 1;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uploaded-file-info .file-size{color:#ffffff80;font-size:.7rem}.load-file-btn{background:#0000;border:1px solid;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:600;padding:.5rem 1rem;transition:all .2s}.load-file-btn:hover:not(:disabled){background:#00d4ff26}.load-file-btn:disabled{cursor:wait;opacity:.5}.track-loader-search{align-items:center;background:#0000004d;border-bottom:1px solid #ffffff0d;display:flex;gap:.5rem;padding:.65rem 1rem}.track-loader-search svg{color:#fff6}.track-loader-search input{background:#0000;border:none;color:#fff;flex:1 1;font-size:.85rem;outline:none}.track-loader-search input::placeholder{color:#fff6}.track-loader-list{flex:1 1;overflow-y:auto;padding:.4rem}.no-tracks{color:#fff6;padding:2rem;text-align:center}.track-loader-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:.65rem;padding:.6rem;transition:background .2s}.track-art,.track-loader-item:hover{background:#ffffff1a}.track-art{align-items:center;border-radius:4px;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.track-art img{height:100%;object-fit:cover;width:100%}.track-art svg{color:#ffffff4d}.track-info{flex:1 1;min-width:0}.track-loader-item .track-title{color:#fff;font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-loader-item .track-artist{color:#fff9;font-size:.65rem}.track-meta{display:flex;flex-shrink:0;gap:.4rem}.track-meta span{align-items:center;background:#ffffff0d;border-radius:3px;color:#ffffff80;display:flex;font-size:.6rem;gap:.15rem;padding:.15rem .35rem}.track-source{flex-shrink:0}.source-badge{border-radius:3px;font-size:.55rem;font-weight:600;padding:.15rem .35rem}.source-badge.spotify{background:#1ed76033;color:#1ed760}.source-badge.soundcloud{background:#f503;color:#f50}.source-badge.local{background:#00d4ff33;color:#00d4ff}.source-badge.no-audio{background:#ffffff1a;color:#fff6}.track-loader-footer{border-top:1px solid #ffffff1a;color:#ffffff80;font-size:.7rem;padding:.65rem 1rem}@media (max-width:1024px){.mixer-main{gap:1rem;grid-template-columns:1fr}.mixer-controls{flex-direction:row;flex-wrap:wrap;justify-content:center;min-width:auto;order:-1}.vu-meters{order:1}.crossfader-section{max-width:250px;order:2}.mixer-logo-center{display:none}.side-panel{width:250px}}@media (max-width:640px){.dj-mixer-overlay{padding:.5rem}.dj-mixer-container{border-radius:12px;max-height:95vh}.dj-mixer-header{flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem}.header-center{display:flex;justify-content:center;order:3;width:100%}.side-panel{max-width:280px;width:85vw}.deck-core,.mixer-main{padding:.75rem}}.my-crates-container{background:linear-gradient(180deg,#0000004d,#0000);margin:0 auto;max-width:1400px;min-height:100vh;padding:1.5rem}.my-crates-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.header-title{align-items:center;display:flex;gap:.75rem}.header-title h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ff,#00bfff);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;margin:0}.header-icon{color:#0ff}.crate-count{background:#00ffff26;border-radius:20px;color:#0ff;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.refresh-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;color:#ffffffb3;cursor:pointer;display:flex;justify-content:center;padding:.6rem;transition:all .2s}.refresh-btn:hover{background:#ffffff1f;color:#fff}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.create-btn{align-items:center;background:linear-gradient(135deg,#0ff,#00bfff);border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.45rem .9rem;transition:all .2s}.create-btn:hover{box-shadow:0 4px 20px #0ff6;transform:translateY(-2px)}.ai-create-btn{align-items:center;background:linear-gradient(135deg,#8a2be2,#6b21a8);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.45rem .9rem;transition:all .2s}.ai-create-btn:hover{box-shadow:0 4px 20px #8a2be266;transform:translateY(-2px)}.dj-mixer-btn{align-items:center;background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.45rem .9rem;position:relative;transition:all .2s}.dj-mixer-btn:hover{box-shadow:0 4px 20px #00d4ff66;transform:translateY(-2px)}.dj-mixer-btn.active{animation:dj-mixer-glow 2s ease-in-out infinite;background:linear-gradient(135deg,#0fc,#00d4ff);box-shadow:0 0 20px #00ffcc4d}.dj-mixer-btn.active:hover{box-shadow:0 4px 25px #00ffcc80}@keyframes dj-mixer-glow{0%,to{box-shadow:0 0 20px #00ffcc4d}50%{box-shadow:0 0 30px #00ffcc80}}.dj-mixer-btn .coming-soon-badge{background:#ff4757;border-radius:4px;color:#fff;font-size:.55rem;font-weight:700;letter-spacing:.5px;padding:2px 5px;position:absolute;right:-6px;text-transform:uppercase;top:-6px}.search-input-wrapper{flex:1 1;min-width:250px;position:relative}.search-icon{color:#fff6;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;color:#fff;font-size:.95rem;padding:.7rem 1rem .7rem 2.5rem;transition:all .2s;width:100%}.search-input::placeholder{color:#fff6}.search-input:focus{background:#ffffff14;border-color:#00ffff80;outline:none}.filter-tabs{background:#ffffff0a;border-radius:10px;display:flex;gap:.5rem;padding:.35rem}.filter-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff9;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.4rem;padding:.5rem 1rem;transition:all .2s}.filter-tab:hover{background:#ffffff14;color:#fff}.filter-tab.active{background:#0ff3;color:#0ff}.empty-state,.error-state,.loading-state{align-items:center;color:#fff9;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state p,.error-state p,.loading-state p{margin:1rem 0}.empty-state h3{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.empty-state svg{color:#fff3;margin-bottom:1rem}.create-first-btn,.error-state button{align-items:center;background:linear-gradient(135deg,#0ff,#00bfff);border:none;border-radius:10px;color:#000;cursor:pointer;display:flex;font-weight:600;gap:.5rem;margin-top:1rem;padding:.75rem 1.5rem;transition:all .2s}.create-first-btn:hover,.error-state button:hover{box-shadow:0 4px 20px #0ff6;transform:translateY(-2px)}.expiring-warning{align-items:center;background:#ffc10726;border:1px solid #ffc1074d;border-radius:10px;color:#ffc107;display:flex;font-size:.9rem;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1rem}.crate-section{margin-bottom:2rem}.section-title{align-items:center;border-bottom:1px solid #ffffff14;color:#ffffffe6;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem}.section-title .live-icon{color:#4ade80}.section-title .mock-icon{color:#fbbf24}.section-title .archived-icon{color:#fff6}.section-count{background:#ffffff1a;border-radius:12px;font-size:.8rem;font-weight:500;margin-left:auto;padding:.15rem .6rem}.archived-section .crate-card{opacity:.6}.expired-notice{align-items:center;background:#ffc1071a;border:1px solid #ffc10733;border-radius:8px;color:#ffc107cc;display:flex;font-size:.75rem;gap:.5rem;margin-bottom:1rem;padding:.6rem .9rem}.crates-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.crate-card{background:#ffffff08;border:2px solid #ffffff14;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:.75rem;position:relative;transition:all .3s ease}.crate-card:hover{border-color:#00ffff80;box-shadow:0 12px 35px #0000004d,0 0 35px #00ffff4d;transform:translateY(-6px) scale(1.02)}.crate-card.live{border-color:#4ade8066}.crate-card.live:hover{border-color:#4ade80b3;box-shadow:0 12px 35px #0000004d,0 0 40px #4ade8066}.crate-card.mock{border-color:#fbbf244d}.crate-card.mock:hover{border-color:#fbbf2499;box-shadow:0 12px 35px #0000004d,0 0 40px #fbbf2459}.crate-card.expiring{animation:pulse-warning 2s infinite;border-color:#ffc10780}@keyframes pulse-warning{0%,to{box-shadow:0 0 0 0 #ffc1074d}50%{box-shadow:0 0 20px #ffc10733}}.crate-cover{aspect-ratio:2.5/1;background:linear-gradient(135deg,#00ffff14,#8000ff14);border-radius:8px;cursor:pointer;margin-bottom:.6rem;overflow:hidden;position:relative;transition:all .2s;width:100%}.crate-cover:hover{opacity:.95}.crate-cover:hover .cover-upload-hint{opacity:1}.crate-cover img{height:100%;object-fit:cover;width:100%}.default-cover{color:#ffffff26;height:100%;width:100%}.cover-upload-hint,.default-cover{align-items:center;display:flex;justify-content:center}.cover-upload-hint{background:#0009;color:#fffc;font-size:.65rem;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s}.expiring-overlay-container{align-items:flex-end;bottom:.4rem;display:flex;flex-direction:column;gap:.25rem;position:absolute;right:.4rem;z-index:2}.expiring-overlay{background:#ffc107e6;border-radius:4px;color:#0a0e27;font-size:.6rem;gap:.25rem;padding:.2rem .5rem}.expiring-overlay,.extend-coming-soon-btn{align-items:center;display:flex;font-weight:600}.extend-coming-soon-btn{background:#00d4ff26;border:1px solid #00d4ff66;border-radius:4px;color:#00d4ffe6;cursor:pointer;font-size:.55rem;gap:.2rem;opacity:.85;padding:.15rem .4rem;transition:all .2s}.extend-coming-soon-btn:hover{background:#00d4ff40;border-color:#00d4ff99;opacity:1;transform:scale(1.02)}.expired-crate-overlay{align-items:flex-end;bottom:.4rem;display:flex;flex-direction:column;gap:.25rem;position:absolute;right:.4rem;z-index:2}.expired-badge{background:#dc3545d9;border-radius:4px;color:#fff;font-size:.6rem;gap:.25rem;padding:.2rem .5rem}.expired-badge,.recover-coming-soon-btn{align-items:center;display:flex;font-weight:600}.recover-coming-soon-btn{background:#28a74526;border:1px solid #28a74566;border-radius:4px;color:#28a745e6;cursor:pointer;font-size:.55rem;gap:.2rem;opacity:.85;padding:.15rem .4rem;transition:all .2s}.recover-coming-soon-btn:hover{background:#28a74540;border-color:#28a74599;opacity:1;transform:scale(1.02)}.crate-info{display:flex;flex:1 1;flex-direction:column;gap:.4rem}.crate-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.crate-name{flex:1 1;font-size:.9rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collab-badge{border-radius:4px;display:flex;flex-shrink:0;height:22px;justify-content:center;width:22px}.collab-badge.private{background:#64646480;color:#aaa}.collab-badge.private_suggestions{background:#9333ea99}.collab-badge.public{background:#10b98199}.crate-quick-stats{color:#ffffff80;font-size:.7rem;gap:.4rem}.crate-quick-stats,.qs-item{align-items:center;display:flex}.qs-item{gap:.2rem}.qs-item svg{opacity:.7}.qs-item.bpm{color:#fbbf24cc}.qs-item.energy{color:#f87171}.qs-item.energy svg{opacity:1}.qs-divider{color:#fff3}.ownership-bar{align-items:center;display:flex;gap:.5rem}.ownership-bar .bar-track{background:#ffffff14;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.ownership-bar .bar-fill{background:linear-gradient(90deg,#0ff,#08a);border-radius:2px;height:100%;transition:width .3s ease}.ownership-bar .bar-pct{color:#fff6;font-size:.6rem;min-width:28px;text-align:right}.crate-tags{display:flex;flex-wrap:wrap;gap:.35rem}.crate-tags .tag{background:#00ffff1a;border-radius:3px;color:#00ffffb3;font-size:.6rem;padding:.15rem .4rem}.context-menu-btn{align-items:center;background:#00000080;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:all .2s;width:28px;z-index:3}.context-menu-btn:hover{background:#000000b3;color:#fff}.context-menu-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:100}.context-menu{background:#1a1a2e;border:1px solid #ffffff26;border-radius:10px;box-shadow:0 10px 40px #00000080;min-width:160px;padding:.5rem;position:absolute;right:.75rem;top:2.5rem;z-index:101}.context-menu button{align-items:center;background:#0000;border:none;border-radius:6px;color:#fffc;cursor:pointer;display:flex;font-size:.85rem;gap:.6rem;padding:.6rem .75rem;transition:all .15s;width:100%}.context-menu button:hover{background:#ffffff1a;color:#fff}.context-menu .mix-btn:hover{background:#00d4ff33;color:#00d4ff}.context-menu .delete-btn:hover{background:#ef444433;color:#ef4444}.menu-divider{background:#ffffff1a;height:1px;margin:.4rem 0}.modal-overlay{background:#000c}.create-crate-modal{background:#12121a;border:2px solid #d4af37;border-radius:20px;box-shadow:0 0 30px #d4af3733;max-height:90vh;max-width:480px;overflow-x:hidden;overflow-y:auto;width:100%}.create-crate-modal::-webkit-scrollbar{width:8px}.create-crate-modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:0 20px 20px 0;margin:16px 0}.create-crate-modal::-webkit-scrollbar-thumb{background:#d4af3766;border-radius:4px}.create-crate-modal::-webkit-scrollbar-thumb:hover{background:#d4af3799}.modal-header .close-btn{transition:color .2s}.create-crate-modal form{padding:1.5rem}.form-group input,.form-group textarea{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;box-sizing:border-box;color:#fff;font-size:.95rem;padding:.75rem 1rem;transition:all .2s;width:100%}.form-group input:focus,.form-group textarea:focus{background:#ffffff14;border-color:#00ffff80;outline:none}.create-crate-modal .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group select{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;box-sizing:border-box;color:#fff;font-size:.95rem;padding:.75rem 40px .75rem 1rem;transition:all .2s;width:100%}.form-group select:focus{background-color:#ffffff14;border-color:#00ffff80;outline:none}.form-group select option{background:#1a1a2e;color:#fff}.type-selector{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.type-option{background:#ffffff0a;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;flex-direction:column;gap:.5rem;padding:1rem;position:relative}.type-info-btn,.type-option{align-items:center;display:flex;transition:all .2s}.type-info-btn{background:#ffffff26;border-radius:50%;color:#fff9;cursor:help;height:18px;justify-content:center;position:absolute;right:8px;top:8px;width:18px;z-index:2}.type-info-btn:hover{background:#d4af374d;color:#d4af37}.type-info-tooltip{background:#1a1a2e;border:1px solid #d4af3766;border-radius:8px;box-shadow:0 4px 12px #0006;color:#ffffffe6;font-size:.75rem;left:50%;line-height:1.4;opacity:0;padding:10px 12px;pointer-events:none;position:absolute;text-align:left;top:calc(100% + 8px);transform:translateX(-50%);transition:opacity .2s,visibility .2s;visibility:hidden;width:220px;z-index:100}.type-info-tooltip p{margin:0}.type-info-tooltip p+p{margin-top:8px}.type-info-tooltip .tooltip-warning{align-items:center;color:#ef4444;display:flex;font-weight:500;gap:6px}.type-info-tooltip .tooltip-warning svg{color:#eab308;flex-shrink:0}.type-info-btn:hover .type-info-tooltip{opacity:1;visibility:visible}.type-option:hover{background:#ffffff14;border-color:#fff3}.type-option.active{background:#00ffff1a;border-color:#0ff}.type-option svg{color:#ffffff80}.type-option.active svg{color:#0ff}.type-label{color:#fff;font-size:.95rem;font-weight:600}.type-desc{color:#ffffff80;font-size:.75rem;text-align:center}.form-error{background:#ef444426;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;font-size:.85rem;margin-bottom:1rem;padding:.75rem}.modal-actions .create-btn{padding:.7rem 1.5rem}.modal-actions .create-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.my-crates-container{padding:1rem}.my-crates-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-actions{justify-content:space-between;width:100%}.search-filter-bar{flex-direction:column}.filter-tabs{overflow-x:auto;padding-bottom:.25rem;width:100%}.filter-tab{white-space:nowrap}.crates-grid,.create-crate-modal .form-row,.type-selector{grid-template-columns:1fr}}.filter-tab.stats-tab{border-color:#0ff3}.filter-tab.stats-tab.active{background:#00ffff26;border-color:#00ffff80;color:#0ff}.filter-tab.stats-tab:hover:not(.active){border-color:#00ffff4d;color:#0ff}.collab-badge{align-items:center;border-radius:3px;display:inline-flex;font-size:.6rem;font-weight:600;gap:3px;letter-spacing:.02em;padding:2px 6px;text-transform:uppercase}.collab-badge.private{background:#646464cc;color:#ccc}.collab-badge.private_suggestions{background:#9333ead9;color:#fff}.collab-badge.public{background:#10b981d9;color:#fff}.collab-badge.collab_set{background:linear-gradient(135deg,#0cc,#09a);color:#fff}.collab-selector{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}.collab-option{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;color:#fff9;cursor:pointer;display:flex;flex-direction:column;gap:.2rem;padding:.5rem .25rem;text-align:center;transition:all .2s}.collab-option svg{height:16px;opacity:.8;width:16px}.collab-option.collab-private:hover{background:#96969626;border-color:#96969666;color:#ccc}.collab-option.collab-private.active{background:#96969633;border-color:#96969680;color:#ccc}.collab-option.collab-suggestions:hover{background:#9333ea26;border-color:#9333ea66;color:#c084fc}.collab-option.collab-suggestions.active{background:#9333ea33;border-color:#9333ea80;color:#c084fc}.collab-option.collab-public:hover{background:#10b98126;border-color:#10b98166;color:#10b981}.collab-option.collab-public.active{background:#10b98133;border-color:#10b98180;color:#10b981}.collab-option.collab-full:hover{background:#00ffff1a;border-color:#0ff6;color:#0ff}.collab-option.collab-full.active{background:#00ffff26;border-color:#00ffff80;color:#0ff}.collab-label{font-size:.65rem;font-weight:600}.collab-desc{font-size:.55rem;line-height:1.1;opacity:.5}.crate-meta-badges{align-items:center;display:flex;gap:.5rem;margin-top:.25rem}.energy-badge{background:#ef444426;border:1px solid #ef44444d;border-radius:4px;color:#f87171}.battle-tested-badge,.energy-badge{align-items:center;display:inline-flex;font-size:.65rem;gap:3px;padding:2px 6px}.battle-tested-badge{background:linear-gradient(135deg,#f59e0b33,#eab30826);border:1px solid #f59e0b66;border-radius:4px;color:#fbbf24;font-weight:600}.cover-upload-group{display:flex;flex-direction:column;gap:.5rem}.cover-upload-area{align-items:center;display:flex;gap:1rem}.cover-preview{align-items:center;background:linear-gradient(135deg,#00ffff1a,#8000ff1a);border:1px solid #ffffff1a;border-radius:6px;display:flex;height:40px;justify-content:center;overflow:hidden;width:80px}.cover-preview img{height:100%;object-fit:cover;width:100%}.cover-preview svg{color:#ffffff4d}.cover-upload-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;color:#ffffffb3;cursor:pointer;display:flex;font-size:.75rem;gap:.35rem;padding:.4rem .75rem;transition:all .2s}.cover-upload-btn:hover{background:#ffffff1a;border-color:#00ffff4d;color:#0ff}.cover-file-input{display:none}.cover-remove-btn{background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#f87171;cursor:pointer;padding:.4rem;transition:all .2s}.cover-remove-btn:hover{background:#ef444433}.cover-upload-modal{background:#0a0e27fa;border:1px solid #0ff3;border-radius:16px;max-width:450px;padding:1.5rem;width:90%}.cover-upload-content{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.cover-large-preview{align-items:center;aspect-ratio:2/1;background:linear-gradient(135deg,#00ffff1a,#8000ff1a);border-radius:10px;display:flex;justify-content:center;overflow:hidden;width:100%}.cover-large-preview img{height:100%;object-fit:cover;width:100%}.cover-large-preview .no-cover,.cover-large-preview .processing-state{align-items:center;color:#ffffff4d;display:flex;flex-direction:column;gap:.5rem}.cover-large-preview .no-cover span,.cover-large-preview .processing-state span{font-size:.8rem}.cover-large-preview .processing-state{color:#0ff}.cover-error{color:#f87171;font-size:.75rem;text-align:center}.cover-options-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(5,1fr);width:100%}.cover-option{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;color:#fff9;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;padding:.6rem .25rem;text-align:center;transition:all .2s}.cover-option:hover:not(:disabled){background:#00ffff1a;border-color:#00ffff4d;color:#0ff}.cover-option.active{background:#00ffff26;border-color:#00ffff80;color:#0ff}.cover-option.none-option:hover:not(:disabled){background:#9696961a;border-color:#9696964d;color:#aaa}.cover-option.none-option.active{background:#96969626;border-color:#96969680;color:#aaa}.cover-option:disabled{cursor:not-allowed;opacity:.5}.cover-option svg{height:18px;width:18px}.cover-option .option-label{font-size:.65rem;font-weight:600;line-height:1.1}.cover-option .option-desc{font-size:.5rem;line-height:1.1;opacity:.6}.cover-upload-modal .save-btn{align-items:center;background:linear-gradient(135deg,#0ff,#0cc);border:none;border-radius:6px;color:#0a0e27;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.35rem;padding:.5rem 1.25rem;transition:all .2s}.cover-upload-modal .save-btn:hover{box-shadow:0 4px 15px #00ffff4d}.cover-upload-modal .save-btn:disabled{cursor:not-allowed;opacity:.6}.create-cover-section{align-items:center;display:flex;gap:.75rem}.cover-preview-small{align-items:center;background:linear-gradient(135deg,#00ffff1a,#8000ff1a);border:1px solid #ffffff1a;border-radius:4px;display:flex;flex-shrink:0;height:30px;justify-content:center;overflow:hidden;width:60px}.cover-preview-small img{height:100%;object-fit:cover;width:100%}.cover-preview-small svg{color:#ffffff4d}.cover-preview-small .generating-state{color:#0ff}.cover-options-inline{display:flex;flex-wrap:wrap;gap:.35rem}.cover-opt-btn{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:4px;color:#fff9;cursor:pointer;display:flex;font-size:.65rem;gap:.25rem;padding:.3rem .5rem;transition:all .2s}.cover-opt-btn:hover:not(:disabled){background:#00ffff1a;border-color:#00ffff4d;color:#0ff}.cover-opt-btn.active{background:#00ffff26;border-color:#00ffff80;color:#0ff}.cover-opt-btn.disabled{cursor:not-allowed;opacity:.4}.cover-opt-btn svg{height:12px;width:12px}.cover-preview-mini{border:1px solid #0ff6;border-radius:3px;flex-shrink:0;height:20px;overflow:hidden;width:40px}.cover-preview-mini img{height:100%;object-fit:cover;width:100%}.cover-hint{color:#fff6;font-size:.65rem;font-style:italic;font-weight:400;margin-left:.5rem}.crate-footer{align-items:center;border-top:1px solid #ffffff0f;display:flex;gap:.75rem;margin-top:auto;padding-top:.5rem}.crate-type-text{font-size:.65rem}.crate-energy-text{align-items:center;color:#fff9;display:flex;font-size:.65rem;font-weight:500;gap:.2rem}.crate-energy-text svg{color:#f59e0b}.crate-battle-text{color:#fbbf24;font-size:.65rem;font-weight:600;margin-left:auto}.collab-badge{cursor:help}.dj-mixer-modal-wrapper{animation:djMixerGradient 6s ease infinite;background:linear-gradient(135deg,#ff6b35,#f7931e,#00d4ff,#8a2be2,#ff6b35);background-size:400% 400%;border-radius:20px;box-shadow:0 0 30px #ff6b3566,0 0 60px #00d4ff33,0 0 90px #8a2be226;padding:3px;position:relative}@keyframes djMixerGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.dj-mixer-modal{background:#0a0e1a;border-radius:18px;max-width:480px;overflow:hidden;position:relative;width:90vw}.dj-mixer-modal .modal-close-btn{background:#ffffff1a;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;padding:.4rem;position:absolute;right:.75rem;top:.75rem;transition:all .2s;z-index:10}.dj-mixer-modal .modal-close-btn:hover{background:#fff3;color:#fff}.dj-mixer-header{align-items:center;display:flex;gap:.6rem;padding:1rem 1.25rem .75rem}.dj-mixer-header .mixer-icon{animation:spin 8s linear infinite;color:#ff6b35}.dj-mixer-header h2{color:#fff;font-size:1.25rem;font-weight:700;margin:0}.dj-mixer-header .coming-soon-label{background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:4px;color:#fff;font-size:.6rem;font-weight:700;letter-spacing:.5px;padding:.2rem .5rem;text-transform:uppercase}.dj-mixer-preview-mockup{align-items:stretch;background:linear-gradient(180deg,#0a0a14f2,#0f0f1efa);border:1px solid #ffffff26;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff0d,0 8px 32px #00000080;display:flex;gap:.75rem;margin:0 1.25rem;overflow:hidden;padding:1.25rem;position:relative}.dj-mixer-preview-mockup:before{background:linear-gradient(90deg,#0000,#00d4ff80,#ff6b3580,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.dj-mixer-preview-mockup .deck{align-items:center;background:#00000080;border:1px solid #ffffff14;border-radius:10px;display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:.75rem;position:relative}.dj-mixer-preview-mockup .deck:before{background:linear-gradient(180deg,#ffffff1a,#0000 50%);border-radius:10px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}.dj-mixer-preview-mockup .deck-label{font-size:.65rem;font-weight:700;letter-spacing:1.5px;text-shadow:0 0 10px currentColor}.dj-mixer-preview-mockup .deck-a .deck-label{color:#00d4ff}.dj-mixer-preview-mockup .deck-b .deck-label{color:#ff6b35}.dj-mixer-preview-mockup .waveform{background:#0009;border:1px solid #ffffff0d;border-radius:6px;height:36px;overflow:hidden;position:relative;width:100%}.dj-mixer-preview-mockup .waveform:before{animation:waveformPulseA 2s ease-in-out infinite;background:repeating-linear-gradient(90deg,#0000,#00d4ff26 1px,#00d4ff66 2px,#00d4ff99 3px,#00d4ffcc 4px,#00d4ff99 5px,#00d4ff4d 6px,#0000 7px,#0000 10px);border-radius:4px;content:"";inset:4px;position:absolute}.dj-mixer-preview-mockup .deck-b .waveform:before{animation:waveformPulseB 2.3s ease-in-out infinite;background:repeating-linear-gradient(90deg,#0000,#ff6b3526 1px,#ff6b3566 2px,#ff6b3599 3px,#ff6b35cc 4px,#ff6b3599 5px,#ff6b354d 6px,#0000 7px,#0000 10px)}@keyframes waveformPulseA{0%,to{opacity:.7;transform:scaleY(.8)}50%{opacity:1;transform:scaleY(1)}}@keyframes waveformPulseB{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.7;transform:scaleY(.85)}}.dj-mixer-preview-mockup .waveform:after{animation:playheadGlow 1s ease-in-out infinite;background:#fff;bottom:2px;box-shadow:0 0 8px #ffffffe6,0 0 16px #ffffff80;content:"";left:50%;position:absolute;top:2px;width:2px}@keyframes playheadGlow{0%,to{box-shadow:0 0 8px #ffffffe6,0 0 16px #ffffff80}50%{box-shadow:0 0 12px #fff,0 0 24px #ffffffb3}}.dj-mixer-preview-mockup .bpm{background:#00000080;border:1px solid #ffffff1a;border-radius:4px;color:#ffffffe6;font-family:Courier New,monospace;font-size:.85rem;font-weight:700;padding:.25rem .5rem}.dj-mixer-preview-mockup .deck-a .bpm{color:#00d4ff;text-shadow:0 0 8px #00d4ff80}.dj-mixer-preview-mockup .deck-b .bpm{color:#ff6b35;text-shadow:0 0 8px #ff6b3580}.dj-mixer-preview-mockup .crossfader{align-items:center;display:flex;flex-direction:column;gap:.4rem;justify-content:center;padding:.5rem .25rem}.dj-mixer-preview-mockup .fader-track{background:linear-gradient(180deg,#ffffff0d,#ffffff1a 50%,#ffffff0d);border:1px solid #ffffff26;border-radius:5px;box-shadow:inset 0 2px 4px #00000080;height:70px;position:relative;width:10px}.dj-mixer-preview-mockup .fader-knob{animation:faderMove 4s ease-in-out infinite;background:linear-gradient(180deg,#ff8c42,#ff6b35 50%,#e55a2b);border-radius:4px;box-shadow:0 2px 8px #ff6b3599,0 0 16px #ff6b354d,inset 0 1px 0 #ffffff4d;height:14px;left:50%;position:absolute;transform:translateX(-50%);width:20px}@keyframes faderMove{0%,to{top:25%}50%{top:55%}}.dj-mixer-features{padding:1rem 1.25rem}.dj-mixer-features ul{display:flex;flex-direction:column;gap:.4rem;list-style:none;margin:0;padding:0}.dj-mixer-features li{align-items:center;color:#fffc;display:flex;font-size:.95rem;gap:.4rem}.dj-mixer-features .feature-icon{font-size:1.1rem;text-align:center;width:20px}.dj-mixer-notify{display:flex;justify-content:center;padding:.75rem 1.25rem 1rem}.dj-mixer-notify .notify-btn{align-items:center;background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;padding:.7rem 1.25rem;transition:all .2s;width:100%}.dj-mixer-notify .notify-btn:hover:not(:disabled){box-shadow:0 4px 15px #ff6b3566;transform:translateY(-2px)}.dj-mixer-notify .notify-btn:disabled{cursor:not-allowed;opacity:.7}.dj-mixer-notify .notify-success{align-items:center;background:#4ade8026;border:1px solid #4ade804d;border-radius:8px;color:#4ade80;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;justify-content:center;padding:.7rem;width:100%}@media (max-width:640px){.dj-mixer-modal{width:95vw}}.sort-dropdown-wrapper{position:relative}.sort-dropdown-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;padding:.5rem .85rem;transition:all .2s ease}.sort-dropdown-btn:hover{background:#ffffff1f;border-color:#ffffff40;color:#fff}.sort-dropdown-btn.active{background:linear-gradient(135deg,#00bfff33,#00ffff26);border-color:#0ff6;color:#0ff}.sort-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172afa;border:1px solid #ffffff26;border-radius:10px;box-shadow:0 8px 32px #0006;left:0;min-width:160px;opacity:0;padding:.4rem;position:absolute;top:calc(100% + 6px);transform:translateY(-10px);transition:all .2s ease;visibility:hidden;z-index:100}.sort-menu.show{opacity:1;transform:translateY(0);visibility:visible}.sort-option{align-items:center;background:#0000;border:none;border-radius:6px;color:#ffffffbf;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.6rem;padding:.55rem .75rem;text-align:left;transition:all .15s ease;width:100%}.sort-option:hover{background:#ffffff1a;color:#fff}.sort-option.active{background:#00ffff26;color:#0ff}.sort-option svg{opacity:.7}.sort-option.active svg{opacity:1}.sorted-section .section-title{align-items:center;display:flex;gap:.6rem}.sorted-section .sort-icon{color:#00bfff}.sorted-section .genre-icon{color:#a78bfa}.sorted-section .settype-icon{color:#f97316}.genre-section .section-title{border-left:3px solid #a78bfa;padding-left:.75rem}.settype-section .section-title{border-left:3px solid #f97316;padding-left:.75rem}.search-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}@media (max-width:768px){.sort-dropdown-btn{font-size:.75rem;padding:.45rem .7rem}.sort-menu{min-width:140px}.sort-option{font-size:.75rem;padding:.5rem .65rem}}@media (max-width:480px){.sort-dropdown-wrapper{order:3;width:auto}}@media (max-height:500px) and (orientation:landscape){.my-crates-container{height:100vh!important;height:100dvh!important;overflow-x:hidden!important;overflow-y:auto!important;padding:8px 12px!important}.my-crates-header{align-items:center!important;flex-direction:row!important;gap:10px!important;margin-bottom:8px!important;padding-bottom:8px!important}.header-title{gap:6px!important}.header-title h2{font-size:1.1rem!important}.header-icon{height:20px!important;width:20px!important}.crate-count{font-size:.7rem!important;padding:2px 8px!important}.header-actions{gap:6px!important}.header-actions button{font-size:.7rem!important;padding:5px 10px!important}.header-actions .refresh-btn{padding:5px!important}.header-actions svg{height:14px!important;width:14px!important}.search-filter-bar{align-items:center!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;margin-bottom:8px!important}.search-input-wrapper{flex:0 0 180px!important}.search-input{font-size:.75rem!important;padding:6px 10px 6px 32px!important}.search-icon{height:14px!important;left:10px!important;width:14px!important}.sort-dropdown-btn{font-size:.7rem!important;padding:5px 10px!important}.filter-tabs{flex:1 1!important;gap:4px!important;overflow-x:auto!important}.filter-tab{font-size:.65rem!important;padding:4px 8px!important;white-space:nowrap!important}.filter-tab svg{height:12px!important;width:12px!important}.crates-content{height:calc(100vh - 100px)!important;height:calc(100dvh - 100px)!important;overflow-y:auto!important;padding-bottom:20px!important}.crates-grid{grid-gap:10px!important;display:grid!important;gap:10px!important;grid-template-columns:repeat(3,1fr)!important}.section-title{font-size:.85rem!important;margin-bottom:8px!important;padding-bottom:6px!important}.section-title svg{height:14px!important;width:14px!important}.section-count{font-size:.65rem!important;padding:2px 6px!important}.crate-card{border-radius:8px!important}.crate-cover{height:80px!important}.crate-cover .default-cover svg{height:20px!important;width:20px!important}.crate-info{padding:8px!important}.crate-header{margin-bottom:4px!important}.crate-name{font-size:.75rem!important}.collab-badge{font-size:.5rem!important;padding:1px 4px!important}.crate-quick-stats{font-size:.65rem!important;gap:4px!important;margin-bottom:4px!important}.crate-quick-stats svg{height:10px!important;width:10px!important}.ownership-bar{margin-bottom:4px!important}.bar-pct{font-size:.6rem!important}.crate-tags{gap:3px!important;margin-bottom:4px!important}.crate-tags .tag{font-size:.55rem!important;padding:1px 4px!important}.crate-footer{gap:6px!important}.crate-battle-text,.crate-energy-text,.crate-type-text{font-size:.55rem!important;padding:2px 5px!important}.context-menu-btn{height:24px!important;right:4px!important;top:4px!important;width:24px!important}.context-menu-btn svg{height:14px!important;width:14px!important}.expired-badge,.expiring-overlay{font-size:.55rem!important;padding:2px 5px!important}.extend-coming-soon-btn,.recover-coming-soon-btn{font-size:.55rem!important;padding:2px 6px!important}.empty-state svg{height:40px!important;width:40px!important}.empty-state h3{font-size:1rem!important}.create-first-btn,.empty-state p{font-size:.75rem!important}.create-first-btn{padding:8px 16px!important}.loading-state svg{height:30px!important;width:30px!important}.loading-state p{font-size:.8rem!important}.create-crate-modal{border-radius:8px!important;border-width:1px!important;max-height:85vh!important;max-height:85dvh!important;max-width:420px!important;width:85%!important}.modal-header{background:#12121a!important;padding:6px 10px!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:10!important}.modal-header h3{font-size:.75rem!important}.modal-header .close-btn{font-size:.9rem!important;padding:1px 4px!important}.create-crate-modal form{grid-gap:5px!important;display:grid!important;gap:5px!important;grid-template-columns:repeat(2,1fr)!important;padding:6px 10px!important}.form-group{margin-bottom:0!important}.form-group label{font-size:.55rem!important;margin-bottom:2px!important}.form-group input,.form-group select,.form-group textarea{border-radius:4px!important;font-size:.6rem!important;padding:4px 6px!important}.form-group textarea{min-height:30px!important}.form-row{gap:5px!important;grid-template-columns:1fr!important}.form-group.full-width,.form-group:has(.type-selector),.form-group:has(textarea){grid-column:span 2!important}.type-selector{gap:4px!important;grid-template-columns:repeat(2,1fr)!important}.type-option{border-radius:4px!important;font-size:.55rem!important;padding:4px 6px!important}.type-option svg{height:12px!important;width:12px!important}.tags-input-container{min-height:24px!important}.tags-input-container input{font-size:.55rem!important}.tag-chip{font-size:.5rem!important;padding:1px 4px!important}.form-actions{gap:5px!important;grid-column:span 2!important;padding-top:6px!important}.form-actions button{border-radius:4px!important;font-size:.6rem!important;padding:5px 12px!important}.cover-upload-modal{border-radius:10px!important;max-height:88vh!important;max-width:360px!important;overflow-y:auto!important;padding:12px!important;width:85%!important}.cover-upload-content{gap:10px!important;padding:8px 0!important}.cover-large-preview{aspect-ratio:3/1!important;border-radius:8px!important;max-height:90px!important}.cover-large-preview .no-cover span,.cover-large-preview .processing-state span{font-size:.65rem!important}.cover-large-preview svg{height:24px!important;width:24px!important}.cover-options-grid{gap:5px!important;grid-template-columns:repeat(5,1fr)!important}.cover-option{border-radius:5px!important;padding:5px!important}.cover-option svg{height:16px!important;width:16px!important}.cover-option span{font-size:.55rem!important}.cover-remove-btn,.cover-upload-btn{font-size:.6rem!important;padding:5px 12px!important}.cover-error{font-size:.6rem!important}.cover-upload-modal .modal-header{padding:8px 12px!important}.context-menu,.cover-upload-modal .modal-header h3{font-size:.75rem!important}.context-menu-item{padding:6px 10px!important}.context-menu-item svg{height:14px!important;width:14px!important}}.export-modal-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:100001}.export-modal{background:#12121a;border:1px solid #ffffff1a;border-radius:20px;display:flex;flex-direction:column;max-height:85vh;max-width:500px;overflow:hidden;width:100%}.export-modal-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.export-modal-header h3{color:#fff;font-size:1.2rem;margin:0}.export-modal-header .close-btn{background:#0000;border:none;border-radius:8px;color:#ffffff80;cursor:pointer;padding:.5rem;transition:all .2s}.export-modal-header .close-btn:hover{background:#ffffff1a;color:#fff}.crate-summary{background:#ffffff08;border-bottom:1px solid #ffffff0f;padding:1rem 1.5rem}.crate-name{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.crate-stats-row{display:flex;gap:1rem;margin-bottom:.75rem}.crate-stats-row .stat{align-items:center;color:#fff9;display:flex;font-size:.85rem;gap:.35rem}.crate-stats-row .stat.verified{color:#4ade80}.crate-stats-row .stat.mock{color:#f87171}.ownership-progress{margin-top:.5rem}.progress-label{color:#ffffff80;display:flex;font-size:.75rem;justify-content:space-between;margin-bottom:.35rem}.progress-bar{border-radius:3px;height:6px}.progress-fill{background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:3px;transition:width .3s}.export-tabs{background:#0000004d;border-bottom:1px solid #ffffff0f;display:flex;gap:.5rem;padding:.5rem}.export-tabs .tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#fff9;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s}.export-tabs .tab:hover{background:#ffffff14;color:#fff}.export-tabs .tab.active{background:#00ffff26;color:#0ff}.export-tabs .badge{background:#f871714d;border-radius:10px;color:#f87171;font-size:.75rem;font-weight:600;padding:.15rem .5rem}.export-content{flex:1 1;overflow-y:auto;padding:1.25rem 1.5rem}.export-warning{align-items:center;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:10px;color:#fbbf24;display:flex;font-size:.85rem;gap:.75rem;margin-bottom:1.25rem;padding:.75rem 1rem}.export-section{margin-bottom:1.5rem}.export-section h4{color:#fff;font-size:.95rem;margin:0 0 .25rem}.section-desc{color:#ffffff80;font-size:.8rem;margin:0 0 .75rem}.export-buttons{display:flex;gap:.75rem}.export-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;color:#fffc;cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.65rem 1rem;transition:all .2s}.export-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;color:#fff}.export-btn:disabled{cursor:not-allowed;opacity:.5}.export-btn.primary{background:linear-gradient(135deg,#0ff3,#00bfff33);border-color:#00ffff4d;color:#0ff}.export-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#00ffff4d,#00bfff4d)}.export-btn.secondary{background:#0000}.loading-links{color:#fff9;gap:1rem}.all-verified,.loading-links{align-items:center;display:flex;flex-direction:column;padding:2rem}.all-verified{gap:.75rem;text-align:center}.all-verified svg{color:#4ade80}.all-verified h4{color:#fff;margin:0}.all-verified p{color:#fff9;font-size:.9rem;margin:0}.purchase-intro{color:#fff9;font-size:.85rem;margin:0 0 1rem}.purchase-list{display:flex;flex-direction:column;gap:.75rem}.purchase-track{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;display:flex;gap:1rem;justify-content:space-between;padding:.75rem 1rem}.purchase-track .track-info{flex:1 1;min-width:0}.purchase-track .track-name{color:#fff;font-size:.9rem;font-weight:500}.purchase-track .track-artist,.purchase-track .track-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.purchase-track .track-artist{color:#ffffff80;font-size:.8rem}.purchase-links{flex-shrink:0;gap:.35rem}.store-link{align-items:center;border-radius:6px;display:flex;font-size:.65rem;font-weight:700;height:28px;justify-content:center;text-decoration:none;transition:all .2s;width:28px}.store-link.beatport{background:#00ff0026;color:#0f0}.store-link.beatport:hover{background:#00ff0040}.store-link.traxsource{background:#ffa50026;color:orange}.store-link.traxsource:hover{background:#ffa50040}.store-link.bandcamp{background:#1db95426;color:#1db954}.store-link.bandcamp:hover{background:#1db95440}.store-link.juno{background:#ff008026;color:#ff0080}.store-link.juno:hover{background:#ff008040}.copy-btn{align-items:center;background:#ffffff14;border:none;border-radius:6px;color:#ffffff80;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.copy-btn:hover{background:#ffffff26;color:#fff}@media (max-width:500px){.export-buttons,.purchase-track{flex-direction:column}.purchase-track{align-items:flex-start}.purchase-links{justify-content:flex-end;margin-top:.5rem;width:100%}}.camelot-wheel-container{align-items:center;display:flex;flex-direction:column;gap:1rem}.camelot-wheel-container svg{filter:drop-shadow(0 4px 20px rgba(0,0,0,.3))}.wheel-segment{cursor:pointer;transition:all .3s ease}.wheel-segment:hover{filter:brightness(1.2);opacity:1!important}.journey-path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw-path 2s ease-out forwards}@keyframes draw-path{to{stroke-dashoffset:0}}.journey-point{animation:pulse-point 2s ease-in-out infinite}@keyframes pulse-point{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.key-label{pointer-events:none;text-shadow:0 1px 3px #00000080}.wheel-legend{color:#fff9;display:flex;font-size:.75rem;gap:1.5rem}.legend-item{align-items:center;display:flex;gap:.4rem}.legend-item .dot{border-radius:50%;height:10px;width:10px}.legend-item.start .dot{background:#4ade80}.legend-item.end .dot{background:#f87171}.share-modal-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:100001}.share-modal{background:#12121a;border:1px solid #ffffff1a;border-radius:20px;max-height:85vh;max-width:480px;overflow:hidden;width:100%}.share-modal,.share-modal-loading{display:flex;flex-direction:column}.share-modal-loading{align-items:center;color:#fff9;gap:1rem;justify-content:center;padding:4rem 2rem}.share-modal-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.share-modal-header h3{color:#fff;font-size:1.15rem;margin:0}.share-modal-header .close-btn{background:#0000;border:none;border-radius:8px;color:#ffffff80;cursor:pointer;padding:.5rem;transition:all .2s}.share-modal-header .close-btn:hover{background:#ffffff1a;color:#fff}.share-error{align-items:center;background:#ef44441a;color:#ef4444;display:flex;font-size:.85rem;gap:.5rem;padding:.75rem 1.5rem}.share-modal-content{flex:1 1;overflow-y:auto;padding:1rem 0}.share-section{border-bottom:1px solid #ffffff0f;padding:1rem 1.5rem}.share-section:last-child{border-bottom:none}.section-header{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.section-header svg{color:#0ff}.section-header h4{color:#fff;font-size:.95rem;margin:0}.public-toggle-row{align-items:center;display:flex;gap:1rem;justify-content:space-between}.toggle-info{align-items:center;color:#fffc;display:flex;font-size:.9rem;gap:.5rem}.toggle-info .public-icon{color:#4ade80}.toggle-info .private-icon{color:#fbbf24}.toggle-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.toggle-btn.public{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.toggle-btn.public:hover:not(:disabled){background:#ef444440}.toggle-btn.private{background:#4ade8026;border:1px solid #4ade804d;color:#4ade80}.toggle-btn.private:hover:not(:disabled){background:#4ade8040}.toggle-btn:disabled{cursor:not-allowed;opacity:.5}.share-links{margin-top:1rem}.share-url-row{display:flex;gap:.5rem}.share-url-input{color:#fffc;flex:1 1;font-size:.85rem;min-width:0;padding:.6rem .75rem}.copy-btn,.open-btn,.share-url-input{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px}.copy-btn,.open-btn{align-items:center;color:#fff9;cursor:pointer;display:flex;height:38px;justify-content:center;text-decoration:none;transition:all .2s;width:38px}.copy-btn:hover,.open-btn:hover{background:#ffffff1f;color:#fff}.share-buttons{display:flex;gap:.5rem;margin-top:.75rem}.share-discord-btn{align-items:center;background:#5865f233;border:1px solid #5865f266;border-radius:8px;color:#5865f2;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.6rem 1rem;transition:all .2s}.share-discord-btn:hover{background:#5865f24d}.view-count{align-items:center;color:#ffffff80;display:flex;font-size:.8rem;gap:.4rem;margin-top:.75rem}.battle-tested-row{margin-bottom:1rem}.checkbox-label{align-items:center;color:#fffc;cursor:pointer;display:flex;font-size:.9rem;gap:.75rem}.checkbox-label input[type=checkbox]{display:none}.checkmark{border:2px solid #ffffff4d;border-radius:6px;height:22px;position:relative;transition:all .2s;width:22px}.checkbox-label input:checked+.checkmark{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#fbbf24}.checkbox-label input:checked+.checkmark:after{color:#000;content:"✓";font-size:14px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.event-link-section{padding-left:2rem}.event-link-row,.form-group{margin-bottom:.75rem}.form-group label{color:#fff9;font-size:.8rem;margin-bottom:.35rem}.form-group input{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;box-sizing:border-box;color:#fff;font-size:.9rem;padding:.6rem .75rem;width:100%}.form-group input:focus{border-color:#00ffff80;outline:none}.go-to-event-btn{align-items:center;background:#00ffff26;border:1px solid #00ffff4d;border-radius:8px;color:#0ff;cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;margin-bottom:.75rem;padding:.6rem 1rem;transition:all .2s}.go-to-event-btn:hover{background:#00ffff40}.no-event-alert{align-items:flex-start;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:8px;color:#fbbf24;display:flex;font-size:.8rem;gap:.5rem;line-height:1.4;margin-bottom:.75rem;padding:.6rem .75rem}.no-event-alert svg{flex-shrink:0;margin-top:2px}.save-battle-btn{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.6rem 1rem;transition:all .2s}.save-battle-btn:hover:not(:disabled){box-shadow:0 4px 15px #fbbf244d;transform:translateY(-2px)}.save-battle-btn:disabled{cursor:not-allowed;opacity:.5}.save-battle-btn.secondary{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.save-battle-btn.secondary:hover:not(:disabled){background:#ef444440;box-shadow:none;transform:none}.purchase-info{background:#ffffff05}.info-text{color:#fff9;font-size:.85rem;line-height:1.5;margin:0}@media (max-width:500px){.public-toggle-row{align-items:flex-start;flex-direction:column}.toggle-btn{justify-content:center;width:100%}.share-url-row{flex-wrap:wrap}.share-url-input{flex:none;width:100%}}.swap-modal-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:100002}.swap-modal{background:#12121a;border:1px solid #ffffff1a;border-radius:20px;max-width:450px;overflow:hidden;width:100%}.swap-modal-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.swap-modal-header h3{color:#fff;font-size:1.15rem;margin:0}.swap-modal-header .close-btn{background:#0000;border:none;border-radius:8px;color:#ffffff80;cursor:pointer;padding:.5rem;transition:all .2s}.swap-modal-header .close-btn:hover{background:#ffffff1a;color:#fff}.current-track-info{align-items:center;background:#ffffff08;border-bottom:1px solid #ffffff0f;display:flex;gap:1rem;padding:1rem 1.5rem}.current-track-info .track-artwork{border-radius:8px;flex-shrink:0;height:56px;overflow:hidden;width:56px}.current-track-info .track-artwork img{height:100%;object-fit:cover;width:100%}.current-track-info .no-artwork{align-items:center;background:#ffffff0f;color:#ffffff4d;display:flex;height:100%;justify-content:center;width:100%}.current-track-info .track-details{flex:1 1;min-width:0}.current-track-info .track-title{color:#fff;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.current-track-info .track-artist{color:#fff9;font-size:.85rem;margin-top:.2rem}.current-track-info .track-status{align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;gap:.3rem;margin-top:.4rem;padding:.2rem .5rem}.current-track-info .track-status.mock{background:#ef444426;color:#ef4444}.upload-section{padding:1.5rem}.upload-description{color:#fff9;font-size:.85rem;line-height:1.5;margin:0 0 1rem}.upload-area{position:relative}.file-input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.upload-label{align-items:center;background:#4ade800d;border:2px dashed #4ade804d;border-radius:12px;color:#fff9;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:2rem;text-align:center;transition:all .2s}.upload-label:hover{background:#4ade801a;border-color:#4ade8080;color:#fff}.upload-label .file-icon{color:#4ade80}.upload-label .file-name{color:#fff;font-weight:600;word-break:break-all}.upload-label .file-size{color:#ffffff80;font-size:.8rem}.upload-label .file-types{color:#fff6;font-size:.75rem}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;font-size:.85rem;margin-top:.75rem;padding:.75rem}.swap-preview{padding:0 1.5rem 1rem}.preview-row{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.preview-row .label{color:#ffffff80;font-size:.85rem}.preview-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.3rem;padding:.3rem .6rem}.preview-badge.verified{background:#4ade8026;color:#4ade80}.preview-note{align-items:center;color:#ffffff80;display:flex;font-size:.8rem;gap:.5rem}.preview-note svg{color:#4ade80}.swap-modal-actions{border-top:1px solid #ffffff14;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.swap-modal-actions .cancel-btn{background:#0000;border:1px solid #fff3;border-radius:10px;color:#ffffffb3;cursor:pointer;font-size:.9rem;padding:.65rem 1.25rem;transition:all .2s}.swap-modal-actions .cancel-btn:hover{background:#ffffff14;color:#fff}.swap-modal-actions .swap-btn{align-items:center;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:10px;color:#000;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.65rem 1.25rem;transition:all .2s}.swap-modal-actions .swap-btn:hover:not(:disabled){box-shadow:0 4px 15px #4ade804d;transform:translateY(-2px)}.swap-modal-actions .swap-btn:disabled{cursor:not-allowed;opacity:.5}.set-preview-player{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#12121afa,#0a0a0ffc);border-top:1px solid #0ff3;bottom:0;box-shadow:0 -4px 30px #00000080;display:flex;gap:1.5rem;left:0;padding:1rem 1.5rem;position:fixed;right:0;z-index:99999}.close-preview-btn{background:#ffffff1a;border:none;border-radius:6px;color:#ffffff80;cursor:pointer;padding:.35rem;position:absolute;right:.5rem;top:.5rem;transition:all .2s}.close-preview-btn:hover{background:#fff3;color:#fff}.now-playing{align-items:center;display:flex;gap:1rem;min-width:280px}.now-playing-artwork{border-radius:8px;box-shadow:0 4px 15px #0000004d;flex-shrink:0;height:56px;overflow:hidden;position:relative;width:56px}.now-playing-artwork img{height:100%;object-fit:cover;width:100%}.now-playing-artwork .no-artwork{background:linear-gradient(135deg,#0ff3,#9333ea33);color:#ffffff80;height:100%;width:100%}.loading-overlay,.now-playing-artwork .no-artwork{align-items:center;display:flex;justify-content:center}.loading-overlay{background:#0009;bottom:0;color:#0ff;left:0;position:absolute;right:0;top:0}.now-playing-info{flex:1 1;min-width:0}.now-playing-label{color:#0ff;font-size:.7rem;letter-spacing:1px;margin-bottom:.15rem;text-transform:uppercase}.now-playing-title{color:#fff;font-size:.95rem;font-weight:600}.now-playing-artist,.now-playing-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing-artist{color:#fff9;font-size:.8rem}.track-position{color:#fff6;font-size:.7rem;margin-top:.2rem}.preview-progress{flex:1 1;max-width:400px}.progress-bar{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden;position:relative}.progress-fill{background:linear-gradient(90deg,#0ff,#00bfff);border-radius:2px;height:100%;transition:width .1s linear}.crossfade-indicator{background:linear-gradient(90deg,#9333eacc,#c026d3cc);border-radius:2px;height:100%;position:absolute;top:0}.progress-labels{color:#fff6;display:flex;font-size:.7rem;justify-content:space-between;margin-top:.35rem}.preview-controls{gap:.5rem}.control-btn,.preview-controls{align-items:center;display:flex}.control-btn{background:#0000;border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;justify-content:center;padding:.5rem;transition:all .2s}.control-btn:hover:not(:disabled){background:#ffffff1a;color:#fff}.control-btn:disabled{cursor:not-allowed;opacity:.3}.control-btn.play-pause{background:linear-gradient(135deg,#0ff,#00bfff);color:#000;height:48px;width:48px}.control-btn.play-pause:hover:not(:disabled){box-shadow:0 4px 20px #0ff6;transform:scale(1.05)}.volume-control{align-items:center;display:flex;gap:.5rem;margin-left:1rem}.volume-btn{padding:.4rem}.volume-slider{-webkit-appearance:none;appearance:none;background:#fff3;border-radius:2px;cursor:pointer;height:4px;width:80px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#0ff;border-radius:50%;cursor:pointer;height:12px;-webkit-transition:transform .2s;transition:transform .2s;width:12px}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{background:#0ff;border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.up-next{align-items:center;color:#ffffff80;display:flex;font-size:.8rem;gap:.5rem;min-width:200px}.up-next-label{color:#fff6;white-space:nowrap}.up-next-track{color:#ffffffb3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-error{align-items:center;color:#fff9;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2rem;width:100%}.preview-error button{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;padding:.5rem 1rem}.preview-error-toast{background:#ef4444e6;border-radius:6px;bottom:100%;color:#fff;font-size:.8rem;left:50%;margin-bottom:.5rem;padding:.5rem 1rem;position:absolute;transform:translateX(-50%)}@media (max-width:900px){.set-preview-player{flex-wrap:wrap;padding:1rem}.now-playing{flex:1 1;min-width:auto}.preview-progress{max-width:none;order:3;width:100%}.up-next{display:none}}@media (max-width:500px){.volume-control{display:none}.now-playing-artwork{height:44px;width:44px}}.source-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.65rem;font-weight:500;gap:.25rem;letter-spacing:0;margin-left:.5rem;padding:.15rem .5rem;text-transform:none}.connection-status{bottom:.5rem;font-size:.65rem;position:absolute;right:3rem}.connection-status .status{align-items:center;border-radius:4px;display:flex;gap:.3rem;padding:.2rem .5rem}.connection-status .status.connected{background:#1db95426;color:#1db954}.connection-status .status.disconnected{background:#ffffff0d;color:#fff6}.preview-error-inline{align-items:center;background:#ef444426;border:1px solid #ef44444d;border-radius:6px;color:#f87171;display:flex;font-size:.75rem;gap:.4rem;padding:.4rem .75rem}.preview-error .error-hint{color:#fff6;font-size:.8rem;max-width:300px;text-align:center}.playable-count{color:#ffffff4d}.set-preview-player.spotify-prompt{justify-content:center;padding:2rem}.prompt-content{align-items:center;display:flex;flex-direction:column;gap:1rem;max-width:400px;text-align:center}.prompt-icon{font-size:3rem}.prompt-content h3{color:#fff;font-size:1.2rem;margin:0}.prompt-content p{color:#fff9;font-size:.9rem;margin:0}.prompt-actions{display:flex;gap:1rem;margin-top:.5rem}.prompt-btn{border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.25rem;transition:all .2s}.prompt-btn.primary{background:#1db954;border:none;color:#fff}.prompt-btn.primary:hover{background:#1ed760;transform:translateY(-2px)}.prompt-btn.secondary{background:#0000;border:1px solid #fff3;color:#ffffffb3}.prompt-btn.secondary:hover{background:#ffffff1a;color:#fff}.mix-point-advisor{background:#0000;border:1px solid #dfff004d;border-radius:10px;margin:0 0 .4rem;overflow:hidden;transition:all .3s ease}.mix-point-advisor:hover{border-color:#dfff0080;box-shadow:0 0 20px #dfff0026}.mix-point-advisor.expanded{background:#0000;border-color:#dfff0099;box-shadow:0 0 25px #dfff0033}.advisor-header{align-items:center;background:#dfff0014;cursor:pointer;display:flex;justify-content:space-between;padding:.6rem .75rem;transition:background .2s}.advisor-header:hover{background:#dfff0026}.mix-point-advisor.expanded .advisor-header{background:#dfff001f;border-bottom:1px solid #dfff0033}.mix-tip-label{align-items:center;color:#dfff00;display:flex;font-size:.75rem;font-weight:600;gap:.4rem;letter-spacing:.03em;text-transform:uppercase}.advisor-summary{align-items:center;display:flex;gap:.75rem}.mix-type-badge{align-items:center;border-radius:6px;display:flex;font-size:.75rem;font-weight:600;gap:.35rem;padding:.25rem .6rem}.mix-icon{font-size:.85rem}.mix-duration{align-items:center;color:#fff9;display:flex;font-size:.75rem;gap:.25rem}.difficulty-badge{border-radius:4px;font-size:.7rem;font-weight:600;padding:.2rem .5rem;text-transform:capitalize}.expand-btn{background:#0000;border:none;border-radius:4px;color:#ffffff80;cursor:pointer;padding:.25rem;transition:all .2s}.expand-btn:hover{background:#ffffff1a;color:#fff}.advisor-details{display:flex;flex-direction:column;gap:.75rem;padding:0 .75rem .75rem}.transition-stats{background:#0003;border-radius:6px;display:flex;gap:1rem;padding:.5rem}.stat{display:flex;flex-direction:column;gap:.15rem}.stat-label{color:#fff6;font-size:.65rem;letter-spacing:.5px;text-transform:uppercase}.stat-value{align-items:center;color:#fffc;display:flex;font-size:.8rem;gap:.35rem}.stat-value .diff{color:#ffffff80;font-size:.7rem}.stat-value .diff.warning{color:#f59e0b}.energy-up{color:#4ade80}.energy-down,.energy-up{font-size:.65rem;margin-left:.25rem}.energy-down{color:#3b82f6}.mix-points{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.mix-point{background:#ffffff0a;border-radius:6px;padding:.5rem}.mix-point-header{align-items:center;color:#ffffff80;display:flex;font-size:.7rem;gap:.35rem;margin-bottom:.25rem}.mix-point-time{color:#0ff;font-size:.9rem;font-weight:600;margin-bottom:.15rem}.mix-point-desc{color:#ffffff80;font-size:.7rem;line-height:1.3}.mix-tips{background:#ffffff0a;border-radius:6px;padding:.5rem}.tips-header{align-items:center;color:#c084fc;display:flex;font-size:.75rem;font-weight:600;gap:.35rem;margin-bottom:.35rem}.tips-list{color:#ffffffb3;font-size:.75rem;line-height:1.5;margin:0;padding-left:1rem}.tips-list li{margin-bottom:.2rem}.techniques{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.techniques-label{color:#ffffff80;font-size:.7rem}.technique-tags{display:flex;flex-wrap:wrap;gap:.35rem}.technique-tag{background:#00ffff1a;border:1px solid #0ff3;border-radius:4px;color:#0ff;font-size:.65rem;padding:.2rem .5rem;text-transform:capitalize}@media (max-width:500px){.mix-points{grid-template-columns:1fr}.advisor-summary{flex-wrap:wrap;gap:.5rem}}.waveform-preview{align-items:center;background:#0003;border-radius:4px;display:flex;justify-content:center;overflow:hidden}.waveform-preview svg{display:block}.waveform-preview:hover svg path{filter:brightness(1.2)}.waveform-preview.compact{height:24px}.waveform-preview.full-width{width:100%}.collab-panel-backdrop{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:100000}.collab-discussion-panel{animation:slideInRight .3s cubic-bezier(.4,0,.2,1);background:#0c0c14fa;border-left:2px solid #9333ea80;box-shadow:-4px 0 40px #9333ea4d;display:flex;flex-direction:column;height:100vh;max-width:90vw;position:fixed;right:0;top:0;width:380px;z-index:100001}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.collab-panel-header{align-items:center;background:linear-gradient(135deg,#9333ea1a,#0000);border-bottom:1px solid #9333ea4d;display:flex;justify-content:space-between;padding:1rem 1.25rem}.header-info{align-items:center;color:#c084fc;display:flex;gap:.75rem}.header-text h3{color:#fff;font-size:1rem;margin:0}.crate-name{color:#ffffff80;font-size:.75rem}.collab-panel-header .close-btn{background:#0000;border:1px solid #fff3;border-radius:6px;color:#fff9;cursor:pointer;padding:.4rem;transition:all .2s}.collab-panel-header .close-btn:hover{background:#ffffff1a;color:#fff}.collab-tabs{border-bottom:1px solid #ffffff14;display:flex}.collab-tabs .tab{align-items:center;background:#0000;border:none;color:#ffffff80;cursor:pointer;display:flex;flex:1 1;font-size:.85rem;gap:.5rem;justify-content:center;padding:.75rem;position:relative;transition:all .2s}.collab-tabs .tab:hover{background:#ffffff0d;color:#fffc}.collab-tabs .tab.active{background:#9333ea1a;color:#c084fc}.collab-tabs .tab.active:after{background:#c084fc;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.collab-tabs .badge{background:#9333ea4d;border-radius:10px;font-size:.7rem;padding:.1rem .4rem}.collab-panel-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.empty-state,.loading-state{align-items:center;color:#fff6;display:flex;flex:1 1;flex-direction:column;gap:.75rem;justify-content:center;padding:2rem;text-align:center}.empty-state p{color:#fff9;margin:0}.empty-state span{font-size:.8rem}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:.75rem;overflow-y:auto;padding:1rem}.message{background:#ffffff0a;border-left:3px solid #fff3;border-radius:10px;padding:.75rem}.message.host{background:#9333ea1a;border-left-color:#c084fc}.message-header{justify-content:space-between;margin-bottom:.35rem}.message-header,.sender-name{align-items:center;display:flex}.sender-name{color:#fffc;font-size:.8rem;font-weight:600;gap:.35rem}.host-icon{color:#fbbf24}.message-time{color:#fff6;font-size:.7rem}.message-content{color:#ffffffe6;font-size:.85rem;line-height:1.4;word-break:break-word}.mentioned-tracks{align-items:center;background:#00ffff1a;border-radius:4px;color:#0ff;display:flex;font-size:.7rem;gap:.35rem;margin-top:.5rem;padding:.35rem .5rem}.message-input-container{border-top:1px solid #ffffff14;padding:1rem}.input-error{align-items:center;background:#ef44441a;border-radius:6px;color:#ef4444;display:flex;font-size:.75rem;gap:.35rem;margin-bottom:.5rem;padding:.5rem}.message-input-wrapper{align-items:flex-end;display:flex;gap:.5rem}.message-input-wrapper textarea{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;color:#fff;flex:1 1;font-size:.85rem;max-height:120px;min-height:44px;padding:.75rem;resize:none}.message-input-wrapper textarea:focus{border-color:#9333ea80;outline:none}.message-input-wrapper textarea::placeholder{color:#fff6}.send-btn{align-items:center;background:linear-gradient(135deg,#c084fc,#9333ea);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s;width:44px}.send-btn:hover:not(:disabled){box-shadow:0 4px 15px #9333ea66;transform:scale(1.05)}.send-btn:disabled{cursor:not-allowed;opacity:.5}.activity-container{display:flex;flex:1 1;flex-direction:column;gap:.5rem;overflow-y:auto;padding:1rem}.activity-item{background:#ffffff08;border-radius:8px;display:flex;gap:.75rem;padding:.75rem}.activity-icon{flex-shrink:0;font-size:1.1rem}.activity-content{display:flex;flex-direction:column;gap:.2rem;min-width:0}.activity-user{color:#fffc;font-size:.8rem;font-weight:600}.activity-message{color:#fff9;font-size:.8rem}.activity-time{color:#fff6;font-size:.7rem}.quick-actions{background:#ffffff05;border-top:1px solid #ffffff14;padding:.75rem 1rem}.quick-actions-header{align-items:center;color:#ffffff80;display:flex;font-size:.75rem;gap:.35rem;margin-bottom:.5rem}.lock-toggles{display:flex;flex-wrap:wrap;gap:.35rem}.lock-toggle{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;color:#fff9;cursor:pointer;display:flex;font-size:.75rem;gap:.2rem;padding:.3rem .5rem;transition:all .2s}.lock-toggle:hover{background:#ffffff1a}.lock-toggle.locked{background:#fbbf2426;border-color:#fbbf244d;color:#fbbf24}.more-tracks{color:#fff6;font-size:.7rem;padding:.3rem .5rem}@media (max-width:500px){.collab-discussion-panel{width:100%}}.set-builder{background:#0a0a12;display:flex;flex-direction:column;min-height:100vh}.set-builder-header{background:#0a0a12;border-bottom:1px solid #ffffff14;justify-content:space-between;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.back-btn,.set-builder-header{align-items:center;display:flex}.back-btn{background:#0000;border:1px solid #fff3;border-radius:8px;color:#ffffffb3;cursor:pointer;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.back-btn:hover{background:#ffffff14;color:#fff}.header-left{align-items:center;display:flex;gap:1rem}.title-group{align-items:flex-start;display:flex;flex-direction:column;gap:.15rem}.title-group h2{color:#fff;font-size:1.3rem;line-height:1.2;margin:0}.header-center{flex-direction:column;gap:.25rem}.header-center,.title-row{align-items:center;display:flex}.title-row{gap:.75rem}.title-row h2{color:#fff;font-size:1.3rem;margin:0}.crate-type-text{font-size:.7rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.crate-type-text.mock{color:#ef4444}.crate-type-text.live{color:#4ade80}.header-actions{align-items:center;display:flex;gap:.75rem}.ai-label{color:#fff6;font-size:.65rem;font-style:italic;letter-spacing:.02em;margin-right:-.25rem}.ai-features-group{align-items:center;border:1px solid #ffffff26;border-radius:8px;display:flex;gap:.25rem;padding:.35rem .5rem}.action-link{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:#ffffff80;cursor:pointer;display:flex;font-size:.8rem;gap:.35rem;padding:.4rem .6rem;transition:all .2s}.action-link:disabled{cursor:not-allowed;opacity:.3}.action-link svg{opacity:.8}.action-link[data-testid=preview-set-btn].active,.action-link[data-testid=preview-set-btn]:hover:not(:disabled){background:#f472b626;border-color:#f472b666;box-shadow:0 4px 12px #f472b640;color:#f472b6;transform:translateY(-2px)}.action-link[data-testid=mix-advisor-toggle-btn].active,.action-link[data-testid=mix-advisor-toggle-btn]:hover:not(:disabled){background:#dfff0026;border-color:#dfff0066;box-shadow:0 4px 12px #dfff0040;color:#dfff00;transform:translateY(-2px)}.action-link[data-testid=original-mix-btn]:hover:not(:disabled){background:#e5e5e526;border-color:#e5e5e566;box-shadow:0 4px 12px #e5e5e533;color:#e5e5e5;transform:translateY(-2px)}.action-link[data-testid=harmonic-order-btn].active,.action-link[data-testid=harmonic-order-btn]:hover:not(:disabled){background:#a78bfa26;border-color:#a78bfa66;box-shadow:0 4px 12px #a78bfa40;color:#a78bfa;transform:translateY(-2px)}.action-link[data-testid=energy-balance-btn].active,.action-link[data-testid=energy-balance-btn]:hover:not(:disabled){background:#38bdf826;border-color:#38bdf866;box-shadow:0 4px 12px #38bdf840;color:#38bdf8;transform:translateY(-2px)}.action-link[data-testid=camelot-wheel-btn].active,.action-link[data-testid=camelot-wheel-btn]:hover:not(:disabled){background:#2dd4bf26;border-color:#2dd4bf66;box-shadow:0 4px 12px #2dd4bf40;color:#2dd4bf;transform:translateY(-2px)}.action-link[data-testid=share-crate-btn].active,.action-link[data-testid=share-crate-btn]:hover:not(:disabled){background:#818cf826;border-color:#818cf866;box-shadow:0 4px 12px #818cf840;color:#818cf8;transform:translateY(-2px)}.action-link[data-testid=collab-chat-btn].active,.action-link[data-testid=collab-chat-btn]:hover:not(:disabled){background:#fb718526;border-color:#fb718566;box-shadow:0 4px 12px #fb718540;color:#fb7185;transform:translateY(-2px)}.action-link[data-testid=export-crate-btn].active,.action-link[data-testid=export-crate-btn]:hover:not(:disabled){background:#00ffff26;border-color:#0ff6;box-shadow:0 4px 12px #00ffff40;color:#0ff;transform:translateY(-2px)}.collab-mode-bar{background:#0003;border-bottom:1px solid #ffffff0d;padding:.6rem 1.5rem}.collab-label{color:#fff6;font-size:.75rem;font-weight:500}.collab-mode-options{display:flex;gap:.25rem}.collab-link{align-items:center;background:#0000;border:1px solid #0000;border-radius:5px;color:#fff6;cursor:pointer;display:flex;font-size:.75rem;gap:.3rem;padding:.35rem .6rem;transition:all .2s}.collab-link:hover:not(:disabled):not(.active){color:#ffffffb3}.collab-link:disabled{cursor:not-allowed;opacity:.4}.collab-link[data-testid=collab-mode-private].active{background:#96969626;border-color:#96969666;color:#aaa}.collab-link[data-testid=collab-mode-suggestions].active{background:#9333ea26;border-color:#9333ea66;color:#c084fc}.collab-link[data-testid=collab-mode-public].active{background:#10b98126;border-color:#10b98166;color:#10b981}.collab-link[data-testid=collab-mode-full].active{background:#00ffff26;border-color:#0ff6;color:#0ff}.collab-mode-bar{gap:1rem;justify-content:space-between}.collab-left,.collab-mode-bar{align-items:center;display:flex;flex-wrap:wrap}.collab-left{gap:.75rem}.collab-stats{gap:1rem}.collab-stats,.mini-stat{align-items:center;display:flex}.mini-stat{color:#ffffffb3;font-size:.8rem;gap:.35rem}.mini-stat svg{color:#0ff;height:14px;width:14px}@keyframes analysisGradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.beatseek-analysis-panel{align-items:center;background:#0a0a14cc;border-radius:12px;display:flex;gap:1rem;margin:0 1rem;overflow:visible;padding:.75rem 1.25rem;position:relative}.beatseek-analysis-panel:before{animation:analysisGradient 3s ease infinite;background:linear-gradient(90deg,#0ff,#8a2be2,#f0f,#8a2be2,#0ff);background-size:300% 100%;border-radius:14px;content:"";inset:-2px;position:absolute;z-index:-1}.beatseek-analysis-panel:after{background:#0a0a14f2;border-radius:12px;content:"";inset:0;position:absolute;z-index:-1}.analysis-header{display:flex;flex-direction:column;gap:.1rem;min-width:160px}.analysis-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#0ff,#f0f);-webkit-background-clip:text;background-clip:text;font-size:.9rem;font-weight:700}.powered-by{color:#fff6;font-size:.65rem;font-style:italic}.analysis-options{align-items:center;display:flex;gap:.5rem}.analysis-option{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;gap:.4rem;padding:.4rem .7rem;transition:all .2s}.analysis-option:hover{background:#ffffff14;border-color:#fff3}.analysis-option.selected{background:#00ffff1a;border-color:#0ff6}.analysis-option input[type=radio]{-webkit-appearance:none;appearance:none;border:2px solid #ffffff4d;border-radius:50%;cursor:pointer;height:14px;transition:all .2s;width:14px}.analysis-option input[type=radio]:checked{background:#0ff;border-color:#0ff;box-shadow:inset 0 0 0 3px #0a0a14e6}.option-label{color:#ffffffd9;font-size:.75rem;font-weight:600}.option-info{align-items:center;color:#fff6;cursor:help;display:flex;position:relative}.option-info svg{height:14px;width:14px}.option-info:hover{color:#0ff}.info-tooltip{background:#1a1a2e;border:1px solid #00ffff4d;border-radius:8px;box-shadow:0 4px 20px #00000080;color:#ffffffe6;font-size:.7rem;left:50%;opacity:0;padding:.75rem;position:absolute;top:calc(100% + 10px);transform:translateX(-50%);transition:all .2s;visibility:hidden;width:200px;z-index:100}.info-tooltip strong{color:#0ff;display:block;font-size:.75rem;margin-bottom:.5rem}.info-tooltip ul{list-style:disc;margin:0;padding-left:1rem}.info-tooltip li{margin:.2rem 0}.option-info:hover .info-tooltip{opacity:1;visibility:visible}.info-tooltip-wide{width:220px}.analysis-progress-inline{align-items:center;display:flex;gap:.5rem;margin-left:auto;padding:0 .75rem}.progress-bar-mini{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden;width:120px}.progress-fill-mini{animation:progressGradient 2s ease infinite;background:linear-gradient(90deg,#00d4ff,#8b5cf6 50%,#ec4899);background-size:200% 100%;border-radius:4px;box-shadow:0 0 8px #00d4ff80;height:100%;transition:width .3s ease}@keyframes progressGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.progress-text-mini{color:#00d4ffe6;font-size:.7rem;font-weight:600;white-space:nowrap}.analysis-buttons{align-items:center;display:flex;gap:.75rem;margin-left:auto}.analyze-btn{border:2px solid #fff3;border-radius:8px;color:#ffffff80;font-size:.8rem;font-weight:600;gap:.4rem;padding:.5rem 1.25rem;position:relative;transition:all .3s;z-index:1}.analyze-btn,.clear-analysis-btn{align-items:center;background:#0000;cursor:pointer;display:flex}.clear-analysis-btn{border:1px solid #ff64644d;border-radius:6px;color:#ff6464b3;font-size:.7rem;font-weight:500;gap:.3rem;padding:.4rem .75rem;transition:all .2s}.clear-analysis-btn:hover{background:#ff64641a;border-color:#ff646480;color:#ff6464e6}.clear-analysis-btn:disabled{cursor:not-allowed;opacity:.4}.analyze-btn.active{background:#0a0a14f2;border:none;box-shadow:0 0 15px #00ffff4d,0 0 25px #8a2be233;color:#fff;isolation:isolate}.analyze-btn.active:before{animation:analysisGradient 3s ease infinite;background:linear-gradient(90deg,#0ff,#8a2be2,#f0f,#8a2be2,#0ff);background-size:300% 100%;border-radius:10px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-2}.analyze-btn.active:after{background:#0a0a14f2;border-radius:8px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:background .3s;z-index:-1}.analyze-btn.active:hover:after{background:linear-gradient(135deg,#00ffff26,#8a2be226)}.analyze-btn.active:hover{box-shadow:0 4px 20px #00ffff4d,0 4px 20px #8a2be233;transform:translateY(-2px)}.analyze-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.4;transform:none!important}.analyze-btn .spinning{animation:spin 1s linear infinite}.stats-bar{background:#ffffff08;border-bottom:1px solid #ffffff0f;flex-wrap:wrap;gap:1rem;padding:.6rem 1.5rem}.stat-item,.stats-bar{align-items:center;display:flex}.stat-item{color:#ffffffb3;font-size:.85rem;gap:.4rem}.stat-item svg{color:#0ff9}.stat-item.ownership{align-items:flex-start;display:flex;flex-direction:column;gap:.25rem}.stats-right{align-items:center;display:flex;gap:1rem;margin-left:auto}.ownership-text{color:#ffffffb3;font-size:.85rem}.ownership-mini-bar{background:#ffffff1a;border-radius:3px;height:5px;overflow:hidden;width:100px}.ownership-mini-bar .fill{background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:3px;height:100%}.bpm-key-helper{color:#fff6;font-size:.7rem}.bpm-key-helper,.bpm-key-helper em{align-items:center;display:flex;gap:.25rem}.bpm-key-helper svg{color:#00ffff80}.track-list-container{flex:1 1;overflow-y:auto;padding:1.5rem}.empty-tracks{align-items:center;color:#fff9;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.empty-tracks svg{color:#fff3;margin-bottom:1rem}.empty-tracks h3{color:#fff;font-size:1.5rem;margin:0 0 .5rem}.empty-tracks p{margin:0 0 1.5rem}.add-first-track-btn{align-items:center;background:linear-gradient(135deg,#0ff,#00bfff);border:none;border-radius:10px;color:#000;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.add-first-track-btn:hover{box-shadow:0 4px 20px #0ff6;transform:translateY(-2px)}.track-list{display:flex;flex-direction:column;gap:0}.transition-indicator{align-items:center;display:flex;justify-content:center;padding:.35rem 1rem;position:relative}.transition-line{background:#ffffff14;flex:1 1;height:1px}.transition-label{border-radius:4px;font-size:.65rem;font-weight:600;margin:0 .75rem;padding:.1rem .5rem;white-space:nowrap}.transition-indicator.perfect .transition-line{background:linear-gradient(90deg,#0000,#4ade80,#0000)}.transition-indicator.perfect .transition-label{background:#4ade8033;color:#4ade80}.transition-indicator.good .transition-line{background:linear-gradient(90deg,#0000,#22d3ee,#0000)}.transition-indicator.good .transition-label{background:#22d3ee33;color:#22d3ee}.transition-indicator.acceptable .transition-line{background:linear-gradient(90deg,#0000,#fbbf24,#0000)}.transition-indicator.acceptable .transition-label{background:#fbbf2433;color:#fbbf24}.transition-indicator.caution .transition-line{background:linear-gradient(90deg,#0000,#ef4444,#0000)}.transition-indicator.caution .transition-label{background:#ef444433;color:#ef4444}.transition-indicator.unknown .transition-label{background:#ffffff1a;color:#ffffff80}.track-row{align-items:center;background:#ffffff05;border:1.5px solid #0ff3;border-radius:10px;cursor:grab;display:flex;gap:.85rem;margin-bottom:.4rem;min-height:72px;padding:.75rem 1rem;transition:all .2s ease}.track-row:hover{background:#ffffff0d;border-color:#00ffff80;box-shadow:0 6px 16px #00000059,0 0 20px #00ffff26;transform:translateY(-2px)}.track-row.dragging{background:#00ffff1a;opacity:.5}.track-row.drag-over{border-color:#00ffff80;box-shadow:0 0 15px #0ff3}.drag-handle{color:#fff3;cursor:grab;flex-shrink:0}.drag-handle:active{cursor:grabbing}.track-position{align-items:center;background:#00ffff1a;color:#0ff;display:flex;font-size:.8rem;font-weight:700;height:28px;justify-content:center;width:28px}.track-artwork,.track-position{border-radius:6px;flex-shrink:0}.track-artwork{height:56px;overflow:hidden;width:56px}.track-artwork img{height:100%;object-fit:cover;width:100%}.track-artwork .no-artwork{align-items:center;background:#ffffff0a;color:#ffffff40;display:flex;height:100%;justify-content:center;width:100%}.track-main{flex:1 1;max-width:300px;min-width:150px}.track-title{color:#fff;font-size:1rem;font-weight:600}.track-artist,.track-title{line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist{color:#00ffffb3;font-size:.85rem}.track-notes{align-items:center;color:#fff6;display:flex;font-size:.7rem;font-style:italic;gap:.25rem;margin-top:.25rem}.track-metadata{display:flex;flex-direction:column;flex-shrink:0;gap:.2rem;min-width:75px}.meta-row{color:#ffffffb3;font-size:.78rem;gap:.35rem}.meta-label,.meta-row{align-items:center;display:flex}.meta-label{color:#00ffff80}.meta-value{color:#ffffffd9;font-weight:600}.track-badges{display:flex;flex-direction:column;flex-shrink:0;gap:.3rem}.ownership-badge{align-items:center;border-radius:4px;display:flex;font-size:.7rem;font-weight:600;gap:.25rem;padding:.25rem .55rem;white-space:nowrap}.ownership-badge.verified{background:#4ade8026;color:#4ade80}.ownership-badge.mock{background:#ef44441f;color:#ef4444}.audio-badge{align-items:center;border-radius:4px;display:flex;font-size:.65rem;font-weight:600;gap:.2rem;padding:.2rem .5rem;white-space:nowrap}.audio-badge.full{background:#1db95426;color:#1db954}.audio-badge.preview{background:#facc1526;color:#facc15}.audio-badge.none{background:#ef44441a;color:#ef444499}.track-analysis-compact{align-items:center;background:#0f0f19f2;border-radius:8px;display:flex;flex-shrink:0;gap:.6rem;margin-left:auto;padding:.5rem .75rem;position:relative}.track-analysis-compact:before{animation:gradient-shift 4s ease infinite;background:linear-gradient(135deg,#00d4ff,#8b5cf6 25%,#ec4899 50%,#8b5cf6 75%,#00d4ff);background-size:300% 300%;border-radius:10px;content:"";inset:-2px;opacity:.8;position:absolute;z-index:-1}.track-analysis-compact:after{background:linear-gradient(135deg,#0f0f19fa,#141423fa);border-radius:7px;content:"";inset:1px;position:absolute;z-index:-1}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.track-analysis-compact .analysis-label{align-items:center;border-right:1px solid #00d4ff40;display:flex;flex-direction:column;gap:.15rem;padding-right:.6rem}.track-analysis-compact .analysis-label svg{animation:pulse-glow 2s ease-in-out infinite;color:#00d4ff}.track-analysis-compact .analysis-label span{color:#00d4ffe6;font-size:.6rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}@keyframes pulse-glow{0%,to{opacity:.7}50%{filter:drop-shadow(0 0 4px rgba(0,212,255,.6));opacity:1}}.track-analysis-compact .analysis-rows{display:flex;flex-direction:column;gap:.3rem}.track-analysis-compact .analysis-row{align-items:center;display:flex;gap:.4rem}.track-analysis-compact .analysis-row.advanced{border-top:1px solid #ffffff14;padding-top:.2rem}.track-analysis-compact .ai-badge{align-items:center;background:#ffffff0f;border-radius:4px;color:#fffc;display:inline-flex;font-size:.68rem;font-weight:500;gap:.25rem;padding:.2rem .4rem;white-space:nowrap}.track-analysis-compact .ai-badge svg{flex-shrink:0}.track-analysis-compact .ai-badge.energy{background:#ffc10726;color:#ffc107f2}.track-analysis-compact .ai-badge.energy svg{color:#ffc107d9}.track-analysis-compact .ai-badge.dance{background:#00d4ff1f;color:#00d4fff2}.track-analysis-compact .ai-badge.dance svg{color:#00d4ffd9}.track-analysis-compact .ai-badge.vocals{background:#8b5cf61f;color:#8b5cf6f2}.track-analysis-compact .ai-badge.vocals svg{color:#8b5cf6d9}.track-analysis-compact .ai-badge.mood{background:#ec48991f;color:#ec4899f2}.track-analysis-compact .ai-badge.mood svg{color:#ec4899d9}.track-analysis-compact .ai-badge.mix-in{background:#4ade801f;color:#4ade80f2}.track-analysis-compact .ai-badge.mix-out{background:#fb923c1f;color:#fb923cf2}.track-analysis-compact .ai-badge.drops{background:#ef44441f;color:#ef4444f2}.track-analysis-compact .ai-badge.intro,.track-analysis-compact .ai-badge.outro{background:#9ca3af1f;color:#9ca3aff2}.track-analysis-compact .ai-badge.genre{background:#3b82f61f;color:#3b82f6f2}.track-analysis-compact .ai-badge.genre svg{color:#3b82f6d9}.track-analysis-compact .ai-badge.inst{background:#a855f71f;color:#a855f7f2}.track-analysis-compact .ai-badge.acoustic{background:#eab3081f;color:#eab308f2}.track-analysis-compact .ai-badge.peak{background:#f973161f;color:#f97316f2}.track-analysis-compact .ai-badge.bpm{background:#22c55e1f;color:#22c55ef2}.track-analysis-compact .ai-badge.bpm svg{color:#22c55ed9}.track-analysis-compact .ai-badge.key{background:#3b82f61f;color:#3b82f6f2}.track-analysis-compact .ai-badge.key svg{color:#3b82f6d9}.track-analysis-compact .ai-badge.camelot{background:#a855f71f;color:#a855f7f2}.track-analysis-compact .analysis-expand-hint{align-items:center;border-left:1px solid #ffffff1a;display:flex;margin-left:.3rem;padding-left:.5rem}.track-analysis-compact .analysis-expand-hint span{color:#fff6;font-size:.55rem;letter-spacing:.3px;text-orientation:mixed;text-transform:uppercase;transform:rotate(180deg);writing-mode:vertical-rl}.track-analysis-compact{cursor:pointer;transition:all .3s ease}.track-analysis-compact:hover{transform:translateY(-2px)}.track-analysis-compact:hover:before{filter:brightness(1.3);opacity:1}.track-analysis-compact:hover .analysis-expand-hint span{color:#00d4ffcc}.analysis-detail-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.analysis-detail-modal{animation:slideUp .3s ease;border-radius:16px;max-width:900px;overflow:visible;position:relative;width:95%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.analysis-detail-modal:before{animation:gradient-shift 4s ease infinite;background:linear-gradient(135deg,#00d4ff,#8b5cf6 25%,#ec4899 50%,#8b5cf6 75%,#00d4ff);background-size:300% 300%;border-radius:18px;content:"";inset:-3px;position:absolute;z-index:0}.analysis-detail-modal-inner{background:#0f0f19fc;border-radius:14px;overflow:hidden;position:relative;z-index:1}.analysis-detail-header{align-items:center;background:linear-gradient(135deg,#00d4ff1a,#8b5cf61a);border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:.75rem 1.25rem}.analysis-detail-header .header-title{align-items:center;color:#fff;display:flex;font-size:.95rem;font-weight:700;gap:.5rem}.analysis-detail-header .header-title .sparkle-icon{animation:pulse-glow 2s ease-in-out infinite;color:#00d4ff}.analysis-detail-header .close-btn{align-items:center;background:#ffffff0d;border:none;border-radius:6px;color:#fff9;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.analysis-detail-header .close-btn:hover{background:#ffffff1a;color:#fff}.analysis-detail-track{align-items:center;background:#0000004d;border-bottom:1px solid #ffffff0d;display:flex;gap:1rem;padding:.6rem 1.25rem}.analysis-detail-track .track-name{color:#fff;font-size:.9rem;font-weight:600}.analysis-detail-track .track-artist{color:#fff9;font-size:.75rem}.analysis-detail-track .analysis-tier{background:#00d4ff1a;border-radius:4px;color:#00d4ffcc;font-size:.65rem;letter-spacing:.5px;margin-left:auto;padding:.25rem .5rem;text-transform:uppercase}.analysis-detail-content{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);padding:1rem 1.25rem}.analysis-detail-content.single-tier{grid-template-columns:1fr}.analysis-section{display:flex;flex-direction:column;gap:.5rem}.analysis-section .section-header{align-items:center;display:flex;gap:.5rem}.analysis-section .section-title{background:#00d4ff1a;border-radius:4px;color:#00d4ffb3;font-size:.6rem;font-weight:700;letter-spacing:1px;padding:.2rem .5rem;text-transform:uppercase}.analysis-section .section-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.analysis-section .detail-item{align-items:flex-start;background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;display:flex;gap:.5rem;padding:.4rem .5rem}.analysis-section .detail-item.full-width{grid-column:1/-1}.analysis-section .detail-item .item-icon{align-items:center;background:#00d4ff1a;border-radius:5px;color:#00d4ff;display:flex;flex-shrink:0;font-size:.8rem;height:24px;justify-content:center;width:24px}.analysis-section .detail-item .item-icon.mix-in{background:#4ade8026;color:#4ade80}.analysis-section .detail-item .item-icon.mix-out{background:#fb923c26;color:#fb923c}.analysis-section .detail-item .item-icon.drops{background:#ef444426;color:#ef4444}.analysis-section .detail-item .item-content{display:flex;flex-direction:column;gap:.05rem;min-width:0}.analysis-section .detail-item .item-label{color:#ffffff80;font-size:.6rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.analysis-section .detail-item .item-value{color:#fff;font-size:.85rem;font-weight:600}.analysis-section .detail-item .item-desc{color:#ffffff59;font-size:.55rem}@media (max-width:768px){.analysis-detail-content{grid-template-columns:1fr}}.track-actions{align-items:center;display:flex;flex-shrink:0;gap:.35rem}.track-actions a,.track-actions button{align-items:center;background:#ffffff0d;border:none;border-radius:6px;color:#fff6;cursor:pointer;display:flex;height:30px;justify-content:center;text-decoration:none;transition:all .2s;width:30px}.track-actions a:hover,.track-actions button:hover{background:#ffffff1f;color:#fff}.track-actions .swap-btn:hover{background:#4ade8033;color:#4ade80}.track-actions .remove-btn:hover{background:#ef444433;color:#ef4444}.purchase-links{align-items:center;display:flex;gap:.25rem}.purchase-links:not(:empty){border-right:2px solid #fff3;margin-right:.5rem;padding-right:.5rem}.purchase-links:empty{display:none}.platform-buy-link{align-items:center;border-radius:6px;display:flex;height:28px;justify-content:center;overflow:hidden;text-decoration:none;transition:all .2s;width:28px}.platform-buy-link img{filter:brightness(.9);height:18px;object-fit:contain;transition:filter .2s;width:18px}.platform-buy-link:hover img{filter:brightness(1.1)}.platform-buy-link.discogs{background:#ff6b3526}.platform-buy-link.discogs:hover{background:#ff6b354d}.platform-buy-link.beatport{background:#00ff961f}.platform-buy-link.beatport:hover{background:#00ff9640}.platform-buy-link.traxsource{background:#009cde26}.platform-buy-link.traxsource:hover{background:#009cde4d}.platform-buy-link.bandcamp{background:#1db9b826}.platform-buy-link.bandcamp:hover{background:#1db9b84d}.platform-buy-link.juno{background:#0066cc26}.platform-buy-link.juno:hover{background:#0066cc4d}.platform-buy-link.spotify{background:#1ed76026}.platform-buy-link.spotify:hover{background:#1ed7604d}.platform-buy-link.deezer{background:#fe026a1f}.platform-buy-link.deezer:hover{background:#fe026a40}.platform-buy-link.soundcloud{background:#ff550026}.platform-buy-link.soundcloud:hover{background:#ff55004d}.platform-buy-link.generic{background:#ffffff1a;color:#ffffffb3}.platform-buy-link.generic:hover{background:#fff3;color:#fff}.stat-item.battle-tested,.stat-item.battle-tested svg{color:#fbbf24}.add-track-btn{align-items:center;background:#0000;border:2px dashed #00ffff4d;border-radius:12px;color:#00ffffb3;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;margin-top:1rem;padding:1rem;transition:all .2s;width:100%}.add-track-btn:hover{background:#00ffff14;border-color:#00ffff80;color:#0ff}.add-track-options-modal{background:#12121a;border:1px solid #ffffff1a;border-radius:20px;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.add-track-options-modal .modal-subtitle{color:#ffffff80;font-size:.9rem;margin:0;padding:0 1.5rem 1rem;text-align:center}.add-track-options{display:flex;flex-direction:column;gap:.75rem;padding:0 1.5rem 1.5rem}.add-track-option{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.25rem;position:relative;text-align:left;transition:all .2s}.add-track-option:hover:not(:disabled){background:#ffffff0f;border-color:#ffffff26;transform:translateX(4px)}.add-track-option:disabled{cursor:not-allowed;opacity:.5}.add-track-option .option-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.add-track-option .option-icon.discovery{background:linear-gradient(135deg,#0ff3,#f0f3);color:#0ff}.add-track-option .option-icon.spotify{background:#1db95426}.add-track-option .option-icon.soundcloud{background:#ff550026}.add-track-option .option-icon.favorites{background:#ef444426}.add-track-option .option-icon.playlists{background:linear-gradient(135deg,#00ffff26,#a855f726)}.add-track-option .option-icon.local{background:#9333ea26}.add-track-option .option-info{display:flex;flex:1 1;flex-direction:column;gap:.2rem}.add-track-option .option-title{color:#fff;font-size:.95rem;font-weight:600}.add-track-option .option-desc{color:#fff6;font-size:.8rem}.add-track-option .option-badge{background:#ef444433;border-radius:4px;color:#f87171;font-size:.65rem;padding:.2rem .5rem;position:absolute;right:.75rem;top:.5rem}.add-track-options-modal .modal-footer{border-top:1px solid #ffffff14;display:flex;justify-content:flex-end;padding:1rem 1.5rem}.modal-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.add-track-modal,.edit-track-modal{background:#12121a;border:1px solid #ffffff1a;border-radius:20px;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.modal-header h3{color:#fff;font-size:1.25rem;margin:0}.modal-header .close-btn{background:#0000;border:none;color:#ffffff80;cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem .5rem}.modal-header .close-btn:hover{color:#fff}.add-track-modal form,.edit-track-modal>div:not(.modal-header){padding:1.5rem}.track-preview{align-items:center;background:#ffffff0a;border-radius:12px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.preview-artwork{border-radius:8px;height:60px;overflow:hidden;width:60px}.preview-artwork img{height:100%;object-fit:cover;width:100%}.preview-artwork .no-artwork{align-items:center;background:#ffffff0f;color:#ffffff4d;display:flex;height:100%;justify-content:center;width:100%}.preview-info{flex:1 1}.preview-title{color:#fff;font-weight:600;margin-bottom:.25rem}.preview-artist{color:#fff9;font-size:.9rem}.form-group{margin-bottom:1.25rem}.form-group label{color:#fffc;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;box-sizing:border-box;color:#fff;font-size:.95rem;padding:.75rem 1rem;transition:all .2s;width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff4d}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff14;border-color:#00ffff80;outline:none}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.form-group textarea{min-height:80px;resize:vertical}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-row.triple{grid-template-columns:1fr 1fr 1fr}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:.5rem}.cancel-btn{background:#0000;border:1px solid #fff3;border-radius:10px;color:#ffffffb3;cursor:pointer;font-size:.9rem;padding:.7rem 1.25rem;transition:all .2s}.cancel-btn:hover{background:#ffffff14;color:#fff}.add-btn,.save-btn{align-items:center;background:linear-gradient(135deg,#0ff,#00bfff);border:none;border-radius:10px;color:#000;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.7rem 1.5rem;transition:all .2s}.add-btn:hover:not(:disabled),.save-btn:hover:not(:disabled){box-shadow:0 4px 15px #00ffff4d;transform:translateY(-2px)}.add-btn:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.camelot-modal-wrapper{animation:camelotRainbowShift 8s ease infinite,camelotGlowPulse 4s ease-in-out infinite;background:linear-gradient(135deg,#ff6b6b,#ffa94d,#ffd43b,#69db7c,#38d9a9,#4dabf7,#748ffc,#9775fa,#da77f2,#f783ac,#ff6b6b);background-size:400% 400%;border-radius:22px;box-shadow:0 0 20px #ff6b6b66,0 0 40px #9775fa4d,0 0 60px #4dabf733,0 0 80px #69db7c26;padding:3px;position:relative}@keyframes camelotRainbowShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes camelotGlowPulse{0%,to{box-shadow:0 0 20px #ff6b6b66,0 0 40px #9775fa4d,0 0 60px #4dabf733,0 0 80px #69db7c26}25%{box-shadow:0 0 25px #ffa94d80,0 0 50px #ffd43b66,0 0 70px #69db7c4d,0 0 90px #38d9a933}50%{box-shadow:0 0 30px #4dabf780,0 0 55px #748ffc66,0 0 75px #9775fa4d,0 0 95px #da77f233}75%{box-shadow:0 0 25px #da77f280,0 0 50px #f783ac66,0 0 70px #ff6b6b4d,0 0 90px #ffa94d33}}.camelot-modal{background:#12121a;border-radius:20px;max-width:420px;overflow:hidden;width:100%}.camelot-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.camelot-info{color:#fff9;font-size:.85rem;line-height:1.5;text-align:center}.camelot-info p{margin:0 0 1rem}.key-summary{background:#ffffff0a;border-radius:10px;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:.75rem}.key-summary .label{color:#ffffff80;font-weight:500}.key-summary .value{color:#c084fc;font-weight:600}@media (max-width:768px){.set-builder-header{flex-direction:column;gap:1rem;padding:1rem}.header-center{order:-1}.stats-bar{gap:1rem}.stat-item.ownership{margin-left:0;width:100%}.track-row{flex-wrap:wrap;gap:.5rem}.track-main{flex:1 1;max-width:none;min-width:120px}.track-metadata{flex-direction:row;gap:.75rem}.track-badges{flex-direction:row;gap:.35rem}.track-analysis-compact{margin-left:0;margin-top:.5rem;width:100%}.track-actions{margin-left:auto}.form-row,.form-row.triple{grid-template-columns:1fr}}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.3e57c1a1.css.map*/