*,: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:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border-width:0;border-style:solid;border-color:hsl(var(--border))}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,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::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background:0 0% 0%;--foreground:0 0% 98%;--card:0 0% 100%;--card-foreground:220 14% 10%;--popover:0 0% 100%;--popover-foreground:220 14% 10%;--primary:252 60% 66%;--primary-foreground:0 0% 100%;--secondary:220 20% 97%;--secondary-foreground:220 14% 20%;--muted:220 14% 96%;--muted-foreground:220 10% 46%;--accent:190 60% 68%;--accent-foreground:0 0% 100%;--destructive:0 72% 51%;--destructive-foreground:0 0% 100%;--border:220 13% 90%;--input:220 13% 90%;--ring:262 83% 58%;--radius:0.75rem;--blob-a:252 60% 66%;--blob-b:190 60% 68%;--blob-c:44 70% 70%;--mask-opaque:0 0% 0%;--pastel-start:240 100% 94%;--pastel-end:14 100% 87%;--grad-1a:0 100% 70%;--grad-1b:45 100% 62%;--grad-2a:248 76% 65%;--grad-2b:246 98% 81%;--grad-3a:168 74% 42%;--grad-3b:162 75% 47%;--bg1:210 60% 98%;--bg2:280 50% 98%;--bg3:190 45% 97%}.dark{--background:0 0% 0%;--foreground:0 0% 98%;--card:224 12% 10%;--card-foreground:0 0% 98%;--popover:224 12% 10%;--popover-foreground:0 0% 98%;--primary:252 55% 70%;--primary-foreground:224 12% 10%;--secondary:224 12% 14%;--secondary-foreground:0 0% 98%;--muted:224 12% 14%;--muted-foreground:220 8% 70%;--accent:190 60% 68%;--accent-foreground:224 12% 10%;--destructive:0 72% 58%;--destructive-foreground:224 12% 10%;--border:224 12% 18%;--input:224 12% 18%;--ring:262 83% 64%;--mask-opaque:0 0% 0%}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}@media (min-width:1400px){.container{max-width:1400px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-2{left:.5rem;right:.5rem}.-right-2{right:-.5rem}.left-0{left:0}.right-0{right:0}.right-2{right:.5rem}.top-1\/2{top:50%}.top-2{top:.5rem}.z-10{z-index:10}.z-40{z-index:40}.col-start-2{grid-column-start:2}.col-start-4{grid-column-start:4}.col-start-6{grid-column-start:6}.row-start-1{grid-row-start:1}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-\[9\/16\]{aspect-ratio:9/16}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-36{height:9rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-\[20px\]{height:20px}.h-\[22px\]{height:22px}.h-\[44px\]{height:44px}.h-\[56px\]{height:56px}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[220px\]{max-height:220px}.max-h-\[60vh\]{max-height:60vh}.max-h-\[70vh\]{max-height:70vh}.max-h-full{max-height:100%}.min-h-\[72px\]{min-height:72px}.min-h-\[calc\(100vh-56px\)\]{min-height:calc(100vh - 56px)}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-\[20px\]{width:20px}.w-\[22px\]{width:22px}.w-\[44px\]{width:44px}.w-\[56px\]{width:56px}.w-\[88vw\]{width:88vw}.w-auto{width:auto}.w-full{width:100%}.min-w-\[34px\]{min-width:34px}.min-w-\[42px\]{min-width:42px}.min-w-\[88px\]{min-width:88px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-\[120px\]{max-width:120px}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.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))}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.scale-110,.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))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.justify-self-center{justify-self:center}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-xl{border-radius:.75rem}.rounded-t-lg{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.border{border-width:1px}.border-0{border-width:0}.border-t{border-top-width:1px}.border-border{border-color:hsl(var(--border))}.border-primary\/40{border-color:hsl(var(--primary)/.4)}.border-primary\/60{border-color:hsl(var(--primary)/.6)}.bg-\[hsl\(var\(--secondary\)\)\]{background-color:hsl(var(--secondary))}.bg-accent{background-color:hsl(var(--accent))}.bg-background{background-color:hsl(var(--background))}.bg-background\/80{background-color:hsl(var(--background)/.8)}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-destructive\/90{background-color:hsl(var(--destructive)/.9)}.bg-muted{background-color:hsl(var(--muted))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-transparent{background-color:transparent}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-background\/10{--tw-gradient-from:hsl(var(--background)/0.1) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--background)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-3{padding:.75rem}.p-4{padding:1rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-14{padding-bottom:3.5rem}.pl-10{padding-left:2.5rem}.pr-10{padding-right:2.5rem}.pr-6{padding-right:1.5rem}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.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-medium{font-weight:500}.font-semibold{font-weight:600}.leading-none{line-height:1}.text-accent-foreground{color:hsl(var(--accent-foreground))}.text-destructive{color:hsl(var(--destructive))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-foreground{color:hsl(var(--foreground))}.text-foreground\/50{color:hsl(var(--foreground)/.5)}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-primary{color:hsl(var(--primary))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.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-2{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))}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.drop-shadow,.drop-shadow-\[0_6px_20px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]{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-\[0_6px_20px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]{--tw-drop-shadow:drop-shadow(0 6px 20px rgba(0,0,0,.35))}.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);-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-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.will-change-transform{will-change:transform}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);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:var(--tw-exit-opacity,1);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))}}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-700{animation-duration:.7s}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.paused{animation-play-state:paused}.vinyl-spin{animation:vinylSpin 8s linear infinite;transform-origin:center center;will-change:transform}@keyframes vinylSpin{to{transform:rotate(1turn)}}.bottom-glow-overlay{position:fixed;left:0;right:0;bottom:0;height:42vh;pointer-events:none;z-index:-1;background:radial-gradient(1200px 500px at 50% 100%,hsl(var(--grad-1b)/.22),transparent 60%),radial-gradient(900px 420px at 30% 100%,hsl(var(--grad-2a)/.2),transparent 60%),radial-gradient(900px 420px at 70% 100%,hsl(var(--grad-3a)/.18),transparent 60%);filter:saturate(115%)}.bottom-glow-overlay:after,.bottom-glow-overlay:before{content:"";position:absolute;inset:0;background-repeat:no-repeat;pointer-events:none}.bottom-glow-overlay:before{background-image:radial-gradient(8px 8px at 12% 78%,hsl(var(--grad-2b)/.65),transparent 55%),radial-gradient(10px 10px at 42% 88%,hsl(var(--grad-1a)/.55),transparent 60%),radial-gradient(7px 7px at 76% 82%,hsl(var(--grad-3b)/.55),transparent 60%),radial-gradient(6px 6px at 66% 92%,hsl(var(--accent)/.55),transparent 60%);filter:blur(.6px);animation:bottomBokehDrift 12s ease-in-out infinite}.bottom-glow-overlay:after{background-image:radial-gradient(14px 14px at 24% 96%,hsl(var(--grad-2a)/.45),transparent 60%),radial-gradient(10px 10px at 58% 98%,hsl(var(--primary)/.45),transparent 60%),radial-gradient(12px 12px at 86% 94%,hsl(var(--grad-1b)/.45),transparent 60%);filter:blur(.8px);animation:bottomBokehDrift2 16s linear infinite}@keyframes bottomBokehDrift{0%{transform:translate3d(0,2%,0)}50%{transform:translate3d(0,-1%,0)}to{transform:translate3d(0,2%,0)}}@keyframes bottomBokehDrift2{0%{transform:translateZ(0)}to{transform:translate3d(1.5%,-2%,0)}}.ethereal-bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(1000px 600px at 20% -100px,hsl(var(--grad-2b)/.2),transparent 60%),radial-gradient(800px 480px at 90% 120%,hsl(var(--grad-1b)/.18),transparent 60%),linear-gradient(135deg,hsl(var(--pastel-start)) 0,hsl(var(--pastel-end)) 100%);overflow:hidden}.ethereal-bg:after,.ethereal-bg:before{display:none}@keyframes bokehDrift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(-2%,2%,0) scale(1.03)}to{transform:translateZ(0) scale(1)}}.nav-glass{background:linear-gradient(120deg,hsl(var(--background)/.85),hsl(var(--secondary)));-webkit-backdrop-filter:saturate(130%) blur(10px);backdrop-filter:saturate(130%) blur(10px);border:1px solid hsl(var(--border));box-shadow:0 8px 24px hsl(var(--foreground)/.06)}.pill-tab{padding:8px 14px;transition:transform .12s ease,box-shadow .18s ease,background .18s ease}.pill-tab:after{background:linear-gradient(120deg,transparent,hsl(var(--foreground)/.06),transparent);pointer-events:none}.pill-tab:hover:after{animation:sheen 2.2s ease-in-out infinite}.pill-tab-active{box-shadow:0 8px 22px hsl(var(--grad-2a)/.32)}.pill-tab{padding:8px 12px;border-radius:9999px;position:relative;transition:background .22s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,transform .14s ease,color .22s ease;background:hsl(var(--secondary));border:1px solid hsl(var(--border));overflow:hidden}.pill-tab:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 6px 16px hsl(var(--foreground)/.06)}.pill-tab:active{transform:translateY(0) scale(.98)}.pill-tab:after{content:"";position:absolute;inset:0;border-radius:9999px;background:radial-gradient(120% 120% at 20% 20%,hsl(var(--foreground)/.05),transparent 60%);transform:translateX(-120%);transition:opacity .3s ease}.pill-tab:hover:after{animation:sheen 2.4s ease-in-out infinite}.pill-tab-active{background:linear-gradient(135deg,hsl(var(--grad-2a)),hsl(var(--grad-2b)));color:hsl(var(--primary-foreground));box-shadow:0 6px 18px hsl(var(--grad-2a)/.35);border-color:transparent}.pill-tab-active:before{content:"";position:absolute;inset:-1px;border-radius:9999px;background:linear-gradient(120deg,hsl(var(--foreground)/.08),transparent 60%);animation:sheen 3s ease-in-out infinite}.pro-blob{border-radius:9999px;background:linear-gradient(135deg,hsl(var(--grad-1a)),hsl(var(--grad-1b)));color:hsl(var(--primary-foreground));box-shadow:0 8px 22px hsl(var(--grad-1a)/.35);transition:transform .15s ease,filter .2s ease,box-shadow .2s ease}.pro-blob:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 12px 28px hsl(var(--grad-1a)/.45)}.blob-particles{position:fixed;inset:0;pointer-events:none;z-index:-1}.blob-particles:after,.blob-particles:before{content:"";position:absolute;width:45vmax;height:45vmax;border-radius:50%;background:radial-gradient(circle at 30% 30%,hsl(var(--blob-a)/.18),transparent 60%);filter:blur(20px);opacity:.6;animation:particleDrift 26s ease-in-out infinite;transform:translate3d(-10%,-10%,0)}.blob-particles:after{left:auto;right:-20vmax;top:30vmin;background:radial-gradient(circle at 60% 40%,hsl(var(--blob-b)/.18),transparent 60%);animation-duration:32s}@keyframes particleDrift{0%{transform:translate3d(-6%,-4%,0) rotate(0deg)}50%{transform:translate3d(3%,2%,0) rotate(5deg)}to{transform:translate3d(-6%,-4%,0) rotate(0deg)}}.gloop-pad{position:relative;border-radius:50% 40% 45% 55%/60% 50% 50% 40%;background:linear-gradient(180deg,hsl(var(--card)),hsl(var(--secondary)));border:1px solid hsl(var(--border));box-shadow:0 10px 26px hsl(var(--foreground)/.06);padding:20px;transition:transform .2s ease,box-shadow .2s ease;animation:gloopPadMorph 14s ease-in-out infinite}.gloop-pad:hover{transform:translateY(-2px);box-shadow:0 14px 34px hsl(var(--foreground)/.08)}@keyframes gloopPadMorph{0%{border-radius:50% 40% 45% 55%/60% 50% 50% 40%}50%{border-radius:55% 45% 40% 60%/50% 55% 45% 55%}to{border-radius:50% 40% 45% 55%/60% 50% 50% 40%}}.gloop-pill{padding:10px 14px;border-radius:9999px;background:hsl(var(--secondary));border:1px solid hsl(var(--border));color:hsl(var(--foreground));font-weight:500;font-size:.9rem;transition:background .15s ease,transform .12s ease,box-shadow .2s ease}.gloop-pill:hover{transform:translateY(-1px);background:hsl(var(--secondary)/.9)}.gloop-pill-active{background:hsl(var(--primary)/.12);border-color:hsl(var(--primary));box-shadow:0 6px 18px hsl(var(--primary)/.22)}.gloop-popover{background:hsl(var(--card));border:1px solid hsl(var(--border));box-shadow:0 10px 26px hsl(var(--foreground)/.08)}.logo-blob{width:28px;height:28px;border-radius:9999px;background:radial-gradient(circle at 35% 35%,hsl(var(--accent)/.6),hsl(var(--primary)/.7));box-shadow:0 6px 16px hsl(var(--accent)/.3);animation:breathe 6s ease-in-out infinite;position:relative;overflow:hidden}.logo-blob:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 120% at 20% 20%,hsl(var(--foreground)/.08),transparent 60%);transform:translateX(-120%);opacity:0}.logo-blob:hover:after{animation:sheen 2.2s ease-in-out;opacity:1}.blob-card{overflow:hidden;position:relative}.blob-card:after{content:"";position:absolute;inset:0;background:radial-gradient(60% 40% at 50% 60%,hsl(var(--accent)/.08),transparent 70%);opacity:.8;transition:opacity .2s ease}.blob-card:hover:after{opacity:1}.magnetic-row{perspective:800px}.magnetic-card{transition:transform .18s ease,box-shadow .2s ease,opacity .18s ease;transform-style:preserve-3d}.magnetic-card:hover{box-shadow:0 10px 26px hsl(var(--foreground)/.1)}.play-blob-overlay{width:56px;height:56px;border-radius:9999px;background:radial-gradient(circle at 35% 35%,hsl(var(--grad-1a)),hsl(var(--grad-1b)) 70%);box-shadow:0 8px 20px hsl(var(--grad-1a)/.35);display:inline-flex;align-items:center;justify-content:center;color:#fff;animation:playPulse 1.8s ease-in-out infinite}@keyframes playPulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.06);filter:brightness(1.06)}}.menu-pulse{animation:playPulse 2.4s ease-in-out infinite}.play-icon-pulse{animation:playPulse 1.9s ease-in-out infinite}.menu-glow{position:relative;display:inline-flex;align-items:center;justify-content:center}.menu-glow:before{content:"";position:absolute;inset:-6px;border-radius:9999px;background:radial-gradient(60% 60% at 45% 45%,hsl(var(--grad-1a)/.45),transparent 70%),radial-gradient(60% 60% at 60% 55%,hsl(var(--grad-2b)/.4),transparent 80%),radial-gradient(80% 80% at 50% 50%,hsl(var(--grad-2a)/.3),transparent 85%);filter:blur(10px);opacity:.85;pointer-events:none;z-index:-1}.cta-pulse{position:relative}.cta-pulse:before{content:"";position:absolute;inset:-2px;border-radius:12px;background:linear-gradient(135deg,hsl(var(--accent)/.35),hsl(var(--primary)/.35));filter:blur(16px);opacity:0;transition:opacity .25s ease;z-index:-1}.cta-pulse:hover:before{opacity:.9}.segmented{background:linear-gradient(180deg,hsl(var(--secondary)),hsl(var(--secondary)/.9));border:1px solid hsl(var(--border))}.seg-trigger{border-radius:9999px;transition:background .2s ease,color .2s ease,transform .12s ease,box-shadow .2s ease}.seg-trigger:hover{transform:translateY(-1px)}.seg-trigger[data-state=active]{background:linear-gradient(135deg,hsl(var(--background)),hsl(var(--secondary)));box-shadow:0 4px 10px hsl(var(--foreground)/.08);transform:translateY(-1px)}.tabs-gloop{padding:6px;background:linear-gradient(180deg,hsl(var(--secondary)/.95),hsl(var(--secondary)));box-shadow:0 8px 22px hsl(var(--foreground)/.06),inset 0 1px 0 hsl(var(--foreground)/.06)}.tabs-gloop,.tabs-pill{border-radius:9999px;border:1px solid hsl(var(--border))}.tabs-pill{position:relative;overflow:hidden;background:hsl(var(--background));color:hsl(var(--foreground));transition:transform .18s ease,box-shadow .22s ease,background .22s ease,color .22s ease}.tabs-pill:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--background)),0 0 0 4px hsl(var(--ring))}.tabs-pill:hover{box-shadow:0 6px 16px hsl(var(--foreground)/.1)}.tabs-pill:hover:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,hsl(var(--foreground)/.06) 35%,transparent 55%);transform:translateX(-120%);animation:sheen 2.2s ease-in-out infinite;pointer-events:none}.tabs-pill[data-state=active]{background:linear-gradient(135deg,hsl(var(--grad-1a)),hsl(var(--grad-2a)) 50%,hsl(var(--grad-2b)));color:hsl(var(--primary-foreground));border-color:transparent;box-shadow:0 10px 26px hsl(var(--grad-2a)/.35),0 0 0 1px hsl(var(--foreground)/.06) inset;transform:translateY(-1px)}.tabs-pill[data-state=active]:after{content:"";position:absolute;inset:0;border-radius:9999px;background:radial-gradient(90% 90% at 50% 12%,hsl(var(--foreground)/.1),transparent 60%);pointer-events:none}.tabs-pill[data-state=active]:before{content:"";position:absolute;inset:-4px;border-radius:9999px;background:radial-gradient(60% 60% at 50% 20%,hsl(var(--grad-2a)/.35),transparent 60%);filter:blur(8px);z-index:-1}.cover-frame{position:relative;border-radius:16px;padding:6px;background:linear-gradient(135deg,hsl(var(--grad-2a)/.4),hsl(var(--grad-2b)/.4));box-shadow:0 12px 28px hsl(var(--foreground)/.08)}.cover-frame-inner{overflow:hidden;border-radius:12px;background:hsl(var(--muted))}.player-progress{position:relative;height:8px;border-radius:9999px;background:linear-gradient(180deg,hsl(var(--secondary)),hsl(var(--secondary)/.9));border:1px solid hsl(var(--border));cursor:pointer;box-shadow:inset 0 1px 2px hsl(var(--foreground)/.05),0 6px 16px hsl(var(--foreground)/.06)}.player-progress-fill{position:absolute;left:0;top:0;bottom:0;border-radius:9999px;background:linear-gradient(90deg,hsl(var(--grad-1a)),hsl(var(--grad-2a)) 50%,hsl(var(--grad-1b)));box-shadow:0 2px 14px hsl(var(--grad-2a)/.45);overflow:hidden}.player-progress.is-playing .player-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,hsl(var(--foreground)/.08) 40%,transparent 60%);transform:translateX(-120%);animation:sheen 2.2s ease-in-out infinite;pointer-events:none}.player-progress-scrubber{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:9999px;background:linear-gradient(135deg,hsl(var(--grad-1a)),hsl(var(--grad-2a)) 60%,hsl(var(--grad-2b)));border:0;box-shadow:0 2px 8px hsl(var(--grad-2a)/.45)}.player-progress.is-playing .player-progress-scrubber:after{content:"";position:absolute;inset:-6px;border-radius:inherit;background:radial-gradient(closest-side,hsl(var(--grad-2a)/.45),transparent 70%);filter:blur(6px);animation:haloPulse 1.8s ease-in-out infinite;z-index:-1}@keyframes haloPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.85;transform:translate(-50%,-50%) scale(1.06)}}.player-progress .thumb-bubble{top:-26px;z-index:2;padding:3px 9px;font-size:11px;font-weight:600;border-radius:10px;background:linear-gradient(135deg,hsl(var(--background)),hsl(var(--secondary)) 85%);color:hsl(var(--foreground));border:1px solid hsl(var(--border));box-shadow:0 4px 14px hsl(var(--foreground)/.12),0 0 0 1px hsl(var(--foreground)/.04) inset;transition:opacity .15s ease}.player-progress .thumb-bubble:after{content:"";position:absolute;left:50%;bottom:-4px;width:8px;height:8px;transform:translateX(-50%) rotate(45deg);background:inherit;border-left:1px solid hsl(var(--border));border-bottom:1px solid hsl(var(--border))}.glass-card{transition:box-shadow .2s ease}.glass-card:hover{box-shadow:0 6px 18px hsl(var(--foreground)/.08)}.blob{width:140px;height:140px;background:radial-gradient(circle at 35% 35%,hsl(var(--blob-a)/.9) 0,hsl(var(--blob-b)/.9) 60%,hsl(var(--blob-c)/.9) 100%);border-radius:60% 40% 55% 45%/55% 45% 60% 40%;box-shadow:0 4px 12px hsl(var(--foreground)/.06);animation:blobMorph 8s ease-in-out infinite;position:relative}.blob.glow:after{content:none}.blob.small{width:80px;height:80px}.blob.pulse{animation:blobMorph 3s ease-in-out infinite,blobPulse 1.4s ease-in-out infinite}@keyframes blobMorph{0%{border-radius:60% 40% 55% 45%/55% 45% 60% 40%;transform:translateZ(0) rotate(0deg)}33%{border-radius:40% 60% 45% 55%/45% 55% 40% 60%;transform:translate3d(2px,-4px,0) rotate(2deg)}66%{border-radius:55% 45% 60% 40%/60% 40% 55% 45%;transform:translate3d(-3px,3px,0) rotate(-2deg)}to{border-radius:60% 40% 55% 45%/55% 45% 60% 40%;transform:translateZ(0) rotate(0deg)}}@keyframes blobPulse{0%,to{transform:scale(1) translateZ(0)}50%{transform:scale(1.06) translateZ(0)}}.gel-card{background:hsl(var(--card));border:1px solid hsl(var(--border)/.6);border-radius:14px;box-shadow:0 10px 28px hsl(var(--foreground)/.06)}.gel-card .shine{display:none}.glass-card{position:relative;background:hsl(var(--card));border:1px solid hsl(var(--border));box-shadow:0 6px 18px hsl(var(--foreground)/.06)}.holo-cta{position:relative;color:hsl(var(--primary-foreground));background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)),hsl(var(--primary)));background-size:200% 200%;animation:holoShift 6s ease-in-out infinite;border:1px solid hsl(var(--ring)/.25)}.holo-cta:hover{filter:brightness(1.03)}.holo-cta:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--background)),0 0 0 5px hsl(var(--ring))}.minimal-cta{position:relative;color:hsl(var(--primary-foreground));background:linear-gradient(135deg,hsl(var(--grad-2a)),hsl(var(--grad-2b)) 80%);border:0;border-radius:14px;box-shadow:0 10px 26px hsl(var(--grad-2a)/.32)}.minimal-cta:hover{filter:brightness(1.04);transform:translateY(-1px) scale(1.01)}.minimal-cta:active{transform:translateY(0) scale(.98);filter:brightness(.98)}.minimal-cta:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--background)),0 0 0 5px hsl(var(--ring)/.5)}.neon-cta{position:relative;color:hsl(var(--primary-foreground));background:linear-gradient(135deg,hsl(var(--grad-1a)) 0,hsl(var(--grad-2a)) 40%,hsl(var(--grad-2b)) 70%,hsl(var(--grad-1b)) 100%);border:0;border-radius:9999px;box-shadow:0 1px 0 hsl(var(--foreground)/.1) inset,0 0 0 1px hsl(var(--foreground)/.06) inset,0 12px 30px hsl(var(--grad-1a)/.4),0 22px 60px hsl(var(--grad-2a)/.35)}.neon-cta:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(90% 90% at 50% 12%,hsl(var(--foreground)/.1),transparent 60%);mix-blend-mode:screen;pointer-events:none;opacity:.5}.neon-cta:before{content:"";position:absolute;inset:-2px;border-radius:9999px;background:radial-gradient(60% 60% at 50% 20%,hsl(var(--foreground)/.08),transparent 60%);filter:blur(6px);z-index:-1}.neon-cta:hover{filter:brightness(1.05);transform:translateY(-1px)}.neon-cta:active{transform:translateY(0) scale(.98);filter:brightness(.98)}.neon-cta:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--background)),0 0 0 6px hsl(var(--ring)/.5)}.play-cta{position:relative;color:hsl(var(--primary-foreground));background:linear-gradient(135deg,hsl(var(--grad-1a)),hsl(var(--grad-1b)) 70%);border:0;border-radius:9999px;box-shadow:0 10px 24px hsl(var(--grad-1a)/.28)}.play-cta:hover{transform:translateY(-1px);filter:brightness(1.05)}.play-cta:active{transform:translateY(0);filter:brightness(.98)}.play-cta:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--background)),0 0 0 6px hsl(var(--grad-1a)/.5)}.glow-ring{display:inline-block;position:relative;border-radius:9999px;padding:3px;background:conic-gradient(from 0deg,hsl(var(--grad-1a)),hsl(var(--grad-2a)),hsl(var(--grad-2b)),hsl(var(--grad-1b)),hsl(var(--grad-1a)));box-shadow:0 8px 24px hsl(var(--grad-2a)/.28),0 0 0 1px hsl(var(--foreground)/.06) inset;animation:ringRotate 7s linear infinite}.glow-ring:after{content:"";position:absolute;inset:-6px;border-radius:9999px;background:radial-gradient(70% 70% at 50% 50%,hsl(var(--grad-2a)/.25),transparent 70%);filter:blur(10px);z-index:-1}.glow-ring-inner{width:100%;height:100%;border-radius:inherit;overflow:hidden;background:hsl(var(--background));box-shadow:0 0 0 1px hsl(var(--foreground)/.06) inset}.glow-ring:hover{filter:brightness(1.06) saturate(1.05);transform:translateY(-1px)}@keyframes ringRotate{to{transform:rotate(1turn)}}@keyframes holoShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.super-cta{position:relative;color:hsl(var(--primary-foreground));background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));border:0;border-radius:14px;padding-top:14px}.super-cta:before{content:"";position:absolute;inset:-1px;border-radius:16px;background:conic-gradient(from 180deg at 50% 50%,hsl(var(--primary)/.6),hsl(var(--accent)/.6),hsl(var(--primary)/.6));filter:blur(10px);opacity:.6;z-index:-1}.super-cta:after{content:"";position:absolute;top:0;left:-30%;width:40%;height:100%;background:linear-gradient(90deg,transparent,hsl(var(--foreground)/.08),transparent);transform:skewX(-20deg);animation:sheen 3.4s ease-in-out infinite}@keyframes sheen{0%{transform:translateX(0) skewX(-20deg);opacity:0}40%{opacity:1}to{transform:translateX(250%) skewX(-20deg);opacity:0}}.progress-ribbon{position:absolute;top:0;left:0;right:0;height:2px;background-image:linear-gradient(90deg,hsl(var(--accent)),hsl(var(--primary)),hsl(var(--accent)));background-size:200% 100%;animation:ribbonSlide 1.6s linear infinite}@keyframes ribbonSlide{0%{background-position:0 0}to{background-position:200% 0}}.magic-dust{position:fixed;inset:0;pointer-events:none;z-index:50}.magic-dust:after,.magic-dust:before{content:"";position:absolute;inset:0;background-repeat:repeat;opacity:.8;mix-blend-mode:screen}.magic-dust:before{background-image:radial-gradient(circle at 20% 30%,hsl(var(--grad-1a)/.18) 0 2px,transparent 3px),radial-gradient(circle at 70% 60%,hsl(var(--grad-2a)/.16) 0 2px,transparent 3px);animation:dustDrift 6s linear infinite}.magic-dust:after{background-image:radial-gradient(circle at 40% 80%,hsl(var(--grad-3a)/.14) 0 2px,transparent 3px),radial-gradient(circle at 80% 20%,hsl(var(--grad-2b)/.14) 0 2px,transparent 3px);animation:dustDrift2 8s linear infinite}@keyframes dustDrift{0%{transform:translateZ(0)}to{transform:translate3d(-2%,-2%,0)}}@keyframes dustDrift2{0%{transform:translateZ(0)}to{transform:translate3d(2%,1.5%,0)}}.btn-glow{box-shadow:none;animation:none}.wave-spark{display:none}@keyframes spark{0%{opacity:.3;transform:translateX(-10%)}50%{opacity:.6;transform:translateX(10%)}to{opacity:.3;transform:translateX(-10%)}}.tabs-chip[data-state=active]{background:hsl(var(--primary)/.12);color:hsl(var(--primary));border-color:hsl(var(--primary));box-shadow:0 7px 18px hsl(var(--primary)/.2)}.tabs-chip:hover{background:hsl(var(--secondary)/.85);transform:translateY(-1px)}.page-secondary-surface{position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,hsl(var(--secondary)),hsl(var(--secondary)/.92))}.edge-fade-x{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent)}.bottom-action-bar{position:sticky;bottom:0;left:0;right:0;-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);background:linear-gradient(180deg,hsl(var(--background)/0),hsl(var(--background)/.85));border-top:1px solid hsl(var(--border))}.pb-safe{padding-bottom:calc(env(safe-area-inset-bottom) + 16px)}.pill{-webkit-tap-highlight-color:transparent;padding:10px 16px;border-radius:9999px;background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border));transition:transform .15s ease,background .2s ease,box-shadow .2s ease,color .2s ease;box-shadow:0 2px 6px hsl(var(--foreground)/.06);min-height:40px}.pill:hover{transform:translateY(-1px)}.pill:active{transform:translateY(0)}.pill:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--background)),0 0 0 4px hsl(var(--ring))}.pill-active{background:hsl(var(--primary));box-shadow:0 8px 22px hsl(var(--primary)/.35)}.chip-vibe,.pill-active{color:hsl(var(--primary-foreground))}.chip-vibe{padding:12px 20px;border-radius:9999px;background:linear-gradient(135deg,hsl(var(--primary)/.96),hsl(var(--accent)/.96));border:1px solid hsl(var(--ring)/.25);box-shadow:0 10px 26px hsl(var(--primary)/.28),inset 0 1px 0 hsl(var(--foreground)/.12);transform:translateZ(0);font-weight:700;font-size:.92rem;min-height:52px;min-width:96px}.chip-snap{scroll-snap-align:start}.chip-vibe:hover{filter:brightness(1.06)}.chip-vibe-active{box-shadow:0 12px 30px hsl(var(--accent)/.38)}.chip-vibe:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--background)),0 0 0 4px hsl(var(--accent))}.chip-ghost{padding:12px 18px;border-radius:9999px;background:hsl(var(--secondary)/.6);color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border));transition:background .2s ease,transform .15s ease,color .2s ease,box-shadow .2s ease;font-size:.95rem;min-height:48px;min-width:96px}.chip-ghost:hover{background:hsl(var(--secondary)/.85);transform:translateY(-1px)}.chip-ghost-active{background:hsl(var(--primary)/.12);color:hsl(var(--primary));border-color:hsl(var(--primary));box-shadow:0 7px 18px hsl(var(--primary)/.2)}.chip-ghost:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--background)),0 0 0 4px hsl(var(--ring))}.chip-ghost,.chip-vibe{touch-action:manipulation}.chip-ghost:active,.chip-vibe:active{transform:translateY(0) scale(.97);filter:brightness(.98)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.genre-marquee{position:relative;overflow:hidden}.genre-marquee-track{display:inline-flex;gap:10px;align-items:center;animation:genreMarqueeScroll 18s linear infinite;will-change:transform}.genre-marquee-track .chip-ghost,.genre-marquee-track .chip-vibe{flex:none}@keyframes genreMarqueeScroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.mic-chip{width:56px;height:56px;border-radius:9999px!important;background:hsl(var(--secondary));color:hsl(var(--foreground));border:1px solid hsl(var(--border));display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease,transform .12s ease,box-shadow .2s ease;box-shadow:0 2px 6px hsl(var(--foreground)/.06)}.mic-chip:hover{background:hsl(var(--secondary)/.9);transform:translateY(-1px);box-shadow:0 6px 16px hsl(var(--foreground)/.1)}.mic-chip:after{display:none!important}.mic-chip.listening,.mic-chip:after{animation:none!important}.mic-chip svg{width:22px;height:22px;stroke-width:2.2px;color:hsl(var(--foreground));filter:none}.mic-pulse{position:relative}.mic-pulse:after{content:"";position:absolute;inset:-6px;border-radius:9999px;background:radial-gradient(closest-side,hsl(var(--destructive)/.35),transparent 70%);filter:blur(10px);animation:micPulse 1.2s ease-in-out infinite;z-index:-1}@keyframes micPulse{0%{opacity:.2;transform:scale(.95)}50%{opacity:.6;transform:scale(1.04)}to{opacity:.2;transform:scale(.95)}}.focus-ripple{position:absolute;left:50%;bottom:8px;width:12px;height:12px;transform:translate(-50%) scale(.5);border-radius:9999px;background:radial-gradient(circle,hsl(var(--grad-2a)/.35),transparent 70%);filter:blur(6px);opacity:0;pointer-events:none}.focus-ripple.show{animation:ripplePop .42s ease-out forwards}@keyframes ripplePop{0%{opacity:0;transform:translate(-50%) scale(.4)}30%{opacity:.7}to{opacity:0;transform:translate(-50%,-8px) scale(2.6)}}.slider-glow{position:relative}.slider-glow:before{content:"";position:absolute;inset:-8px 0 -8px 0;border-radius:14px;background:linear-gradient(90deg,hsl(var(--accent)/.12),hsl(var(--primary)/.12));filter:blur(10px);z-index:-1}.thumb-bubble{position:absolute;top:-18px;transform:translateX(-50%);padding:2px 8px;font-size:11px;border-radius:9999px;background:hsl(var(--background));color:hsl(var(--foreground));border:1px solid hsl(var(--border));box-shadow:0 2px 8px hsl(var(--foreground)/.06);white-space:nowrap;pointer-events:none}.toggle-link{border:1px solid hsl(var(--ring)/.35)!important;border-radius:10px!important;padding:4px 10px!important;height:auto!important}.toggle-link:hover{background:hsl(var(--secondary))}.shuffle-pop{animation:shufflePop .36s ease-out}@keyframes shufflePop{0%{transform:scale(.98);filter:brightness(.98)}60%{transform:scale(1.02);filter:brightness(1.02)}to{transform:scale(1);filter:none}}.rec-dot{width:6px;height:6px;border-radius:9999px;background:hsl(var(--muted-foreground));margin-right:8px}.rec-dot.on{background:hsl(var(--destructive));animation:recBlink 1.2s ease-in-out infinite}@keyframes recBlink{0%,to{opacity:.6}50%{opacity:1}}.chip-min{padding:10px 14px;border-radius:9999px;background:transparent;color:hsl(var(--foreground));border:1px solid hsl(var(--border));transition:background .15s ease,transform .12s ease,border-color .15s ease;min-height:40px}.chip-min:hover{background:hsl(var(--secondary)/.6);transform:translateY(-1px)}.chip-min:active{transform:translateY(0)}.chip-min-active{background:hsl(var(--background));box-shadow:0 6px 16px hsl(var(--foreground)/.06)}.underline-chip{padding:8px 12px;border-radius:9999px;background:transparent;border:1px solid transparent;color:hsl(var(--foreground));transition:background .15s ease,border-color .15s ease,transform .12s ease;display:inline-flex;align-items:center;gap:8px}.underline-chip:hover{background:linear-gradient(135deg,hsl(var(--accent)/.12),hsl(var(--primary)/.12));border-color:hsl(var(--border));transform:translateY(-1px)}.underline-chip:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--ring)/.35)}.underline-chip .u-dot{width:6px;height:6px;border-radius:9999px;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)))}.vibe-badge{width:56px;height:56px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,hsl(var(--background)),hsl(var(--secondary)));border:1px solid hsl(var(--border));box-shadow:0 6px 18px hsl(var(--foreground)/.08)}.vibe-badge-selected{box-shadow:0 10px 26px hsl(var(--grad-2a)/.35),0 0 0 2px hsl(var(--grad-2a)/.55) inset;border-color:transparent;background:radial-gradient(circle at 50% 45%,hsl(var(--background)),hsl(var(--secondary)/.9))}.icon-bubble-chip{display:inline-flex;flex-direction:column;align-items:center;gap:6px;padding:8px 10px;border-radius:12px;background:transparent;transition:transform .12s ease,box-shadow .2s ease}.icon-bubble-chip:hover{transform:translateY(-1px)}.icon-bubble-chip:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--ring)/.35)}.icon-bubble{width:36px;height:36px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 35%,hsl(var(--accent)/.35),hsl(var(--secondary)));border:1px solid hsl(var(--border));box-shadow:0 1px 3px hsl(var(--foreground)/.06);transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.icon-bubble-chip:hover .icon-bubble{transform:translateY(-1px);box-shadow:0 4px 10px hsl(var(--foreground)/.1)}.icon-bubble-active .icon-bubble{transform:translateY(-1px);box-shadow:0 8px 18px hsl(var(--primary)/.25);border-color:hsl(var(--primary));background:radial-gradient(circle at 35% 35%,hsl(var(--primary)/.36),hsl(var(--accent)/.3),hsl(var(--secondary)))}.icon-bubble-label{font-size:.85rem;color:hsl(var(--foreground));opacity:.9}.icon-bubble-active .icon-bubble-label{font-weight:600;opacity:1}.mic-min{height:44px;width:44px;padding:0;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;background:hsl(var(--secondary)/.6);border:1px solid hsl(var(--border))}.mic-min.on,.mic-min:hover{background:hsl(var(--secondary))}.mic-min.on{border-color:hsl(var(--destructive));box-shadow:none}.dictate-mic,.neon-mic{height:40px;width:40px;border-radius:9999px;position:relative;background:radial-gradient(circle at 35% 35%,hsl(var(--accent)/.9),hsl(var(--primary)/.85));box-shadow:0 2px 8px hsl(var(--grad-1a)/.25),0 10px 24px hsl(var(--grad-2a)/.32);border:1px solid hsl(var(--border));transition:transform .12s ease,filter .18s ease,box-shadow .2s ease}.dictate-mic:hover,.neon-mic:hover{transform:translateY(-1px);filter:brightness(1.05)}.dictate-mic:active,.neon-mic:active{transform:translateY(0) scale(.98)}.dictate-mic:before,.neon-mic:before{content:"";position:absolute;inset:-8px;border-radius:9999px;background:radial-gradient(closest-side,hsl(var(--grad-2a)/.4),transparent 70%),radial-gradient(closest-side,hsl(var(--grad-1a)/.35),transparent 80%);filter:blur(10px);opacity:0;transition:opacity .2s ease;z-index:-1}.dictate-mic:hover:before,.neon-mic:hover:before{opacity:.85}.dictate-mic.listening,.neon-mic.listening{box-shadow:0 6px 16px hsl(var(--grad-1a)/.35),0 14px 36px hsl(var(--grad-2a)/.38);animation:micPulse 1.2s ease-in-out infinite}.mic-inline{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0}.mic-inline,.mic-inline svg{color:hsl(var(--primary-foreground))}.mic-inline svg{width:20px;height:20px;stroke-width:2.4px;filter:drop-shadow(0 2px 8px hsl(var(--grad-2a)/.35)) drop-shadow(0 6px 18px hsl(var(--grad-1a)/.25))}.mic-inline:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--background)),0 0 0 5px hsl(var(--ring));border-radius:8px}.mic-shimmer{position:relative}.mic-shimmer:after{content:"";position:absolute;inset:-6px;border-radius:10px;background:linear-gradient(120deg,transparent 20%,hsl(var(--foreground)/.1) 40%,transparent 60%);transform:translateX(-140%);animation:sheen 1.3s linear infinite;pointer-events:none}.input-glass{background:linear-gradient(180deg,hsl(var(--secondary)/.7),hsl(var(--secondary)))!important;border:1px solid hsl(var(--border)/.8)!important;border-radius:16px!important;position:relative}.input-glass:focus{box-shadow:0 0 0 3px hsl(var(--grad-2a)/.3),0 0 0 8px hsl(var(--grad-2b)/.15)}.pill-input{height:40px;border-radius:9999px!important;background:linear-gradient(180deg,hsl(var(--secondary)/.18),hsl(var(--secondary)/.08));color:hsl(var(--foreground));border:1px solid hsl(var(--border));box-shadow:0 6px 18px hsl(var(--foreground)/.05);padding-left:16px;padding-right:60px;font-size:.95rem}.pill-input::-moz-placeholder{color:hsl(var(--foreground)/.6)}.pill-input::placeholder{color:hsl(var(--foreground)/.6)}.pill-input:focus{outline:none;box-shadow:0 0 0 2px hsl(var(--background)),0 0 0 5px hsl(var(--ring)/.55)}.pill-textarea{border-radius:16px!important;background:linear-gradient(180deg,hsl(var(--secondary)/.18),hsl(var(--secondary)/.08));color:hsl(var(--foreground));border:1px solid hsl(var(--border));box-shadow:0 6px 18px hsl(var(--foreground)/.05);padding:12px 14px 14px;font-size:.95rem}.pill-textarea::-moz-placeholder{color:hsl(var(--foreground)/.6)}.pill-textarea::placeholder{color:hsl(var(--foreground)/.6)}.pill-textarea:focus{outline:none;box-shadow:0 0 0 2px hsl(var(--background)),0 0 0 5px hsl(var(--ring)/.55)}.mic-chip-gradient{width:56px;height:56px;border-radius:9999px!important;overflow:hidden;border:2px solid transparent;background:linear-gradient(transparent,transparent) padding-box,conic-gradient(from 0deg,hsl(var(--grad-1a)),hsl(var(--grad-2a)),hsl(var(--grad-1b))) border-box;display:inline-flex;align-items:center;justify-content:center;transition:transform .12s ease,filter .18s ease,box-shadow .2s ease;position:relative}.mic-chip-gradient:hover{transform:translateY(-1px);filter:brightness(1.05)}.mic-chip-gradient:active{transform:translateY(0) scale(.98)}.mic-chip-gradient:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,transparent 20%,hsl(var(--foreground)/.12) 40%,transparent 60%);transform:translateX(-140%);animation:sheen 1.3s linear infinite;pointer-events:none;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),hsl(var(--mask-opaque)) 100%);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),hsl(var(--mask-opaque)) 100%)}.mic-chip-gradient.listening{animation:micPulse 1.2s ease-in-out infinite}.mic-chip-gradient svg{filter:drop-shadow(0 2px 8px hsl(var(--grad-2a)/.35)) drop-shadow(0 6px 18px hsl(var(--grad-1a)/.25))}.heartbeat-wrap{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px;margin-top:2px}.heartbeat-svg{width:100%;height:16px;filter:drop-shadow(0 0 12px hsl(var(--grad-2a)/.9)) drop-shadow(0 0 18px hsl(var(--grad-1a)/.65))}.neon-mic{width:40px;height:40px;border-radius:9999px;border:2px solid transparent;-o-border-image:linear-gradient(135deg,hsl(var(--grad-1a)),hsl(var(--grad-2b))) 1;border-image:linear-gradient(135deg,hsl(var(--grad-1a)),hsl(var(--grad-2b))) 1;background:hsl(var(--background));box-shadow:0 0 0 2px hsl(var(--background)) inset,0 10px 26px hsl(var(--grad-1a)/.5),0 18px 44px hsl(var(--grad-2a)/.5);margin-top:0}.neon-mic:after{content:"";position:absolute;inset:-3px;border-radius:9999px;background:radial-gradient(circle at 50% 50%,hsl(var(--grad-1a)/.55),transparent 60%);filter:blur(8px);opacity:.9;z-index:-1}.neon-mic,.neon-mic svg{color:#fff!important}.liquid-input{position:relative}.liquid-input-canvas{position:absolute;left:14px;right:14px;bottom:8px;height:14px;pointer-events:none;opacity:.8}.value-bubble{font-variant-numeric:tabular-nums;padding:4px 8px;border-radius:9999px;background:hsl(var(--muted));color:hsl(var(--foreground));border:1px solid hsl(var(--border))}.hero{position:relative;overflow:visible}.hero-orb{position:absolute;top:-12px;right:-6px;left:auto;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle at 35% 35%,hsl(var(--accent)/.35),hsl(var(--primary)/.3) 70%,transparent 80%);box-shadow:0 10px 30px hsl(var(--accent)/.25);animation:orbFloat 9s ease-in-out infinite;pointer-events:none;z-index:0;opacity:.85}.hero-copy{position:relative;z-index:1}@keyframes orbFloat{0%,to{transform:translateZ(0)}50%{transform:translate3d(6px,-6px,0)}}.hero-copy{padding-left:220px}.hero-divider{position:relative;height:70px;margin:6px 0 2px;pointer-events:none}.hero-divider:before{height:200px;background:radial-gradient(120% 100% at 50% 0,transparent 62%,hsl(var(--grad-1a)) 64%,hsl(var(--grad-2a)) 66%,hsl(var(--grad-2b)) 68%,hsl(var(--grad-1b)) 70%,transparent 72%);filter:blur(.6px)}.hero-divider:after,.hero-divider:before{content:"";position:absolute;left:50%;transform:translateX(-50%);width:min(1100px,96vw)}.hero-divider:after{height:220px;background:radial-gradient(120% 100% at 50% 0,transparent 66%,hsl(var(--foreground)/.12) 68%,transparent 71%);filter:blur(12px);opacity:.55}.input-bubble.bubble-glow{box-shadow:0 18px 46px hsl(var(--grad-2a)/.2),0 0 0 1px hsl(var(--border)/.65) inset,0 0 22px hsl(var(--grad-2b)/.12)}.text-shimmer{background:linear-gradient(90deg,hsl(var(--grad-2a)),hsl(var(--grad-2b)),hsl(var(--grad-2a)));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:textShimmerShift 6s ease-in-out infinite,textSoftPulse 3.2s ease-in-out infinite}@keyframes textShimmerShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes textSoftPulse{0%,to{filter:brightness(1);opacity:.96}50%{filter:brightness(1.06);opacity:1}}.sparkle-emoji{position:relative;display:inline-block;margin-left:6px}.sparkle-emoji:after{content:"";position:absolute;width:8px;height:8px;border-radius:9999px;background:radial-gradient(circle,hsl(var(--accent)),transparent 70%);top:-6px;right:-8px;filter:blur(1px);animation:twinkle 2.4s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:.9;transform:scale(1.25) rotate(15deg)}}.parallax-card{transition:transform .16s ease,box-shadow .2s ease;transform-style:preserve-3d}.parallax-card:hover{box-shadow:0 14px 34px hsl(var(--foreground)/.1)}@keyframes breathe{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.06)}}.cta-shimmer{position:relative;overflow:hidden}.cta-shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,hsl(var(--foreground)/.06) 35%,transparent 50%);transform:translateX(-120%);pointer-events:none}.cta-shimmer:hover:after{animation:sheen 2.6s ease-in-out}.arrow-shimmer{position:relative;display:inline-flex;align-items:center;justify-content:center;margin:0 .6rem;background:linear-gradient(90deg,hsl(var(--foreground)/.15) 0,hsl(var(--grad-2a)) 35%,hsl(var(--grad-2b)) 65%,hsl(var(--foreground)/.15) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;vertical-align:middle;background-size:220% 100%;animation:arrowShimmer .7s linear infinite;font-weight:900;font-size:1.3em;transform:translateY(-.22em);-webkit-text-stroke:1px hsl(var(--foreground)/.3);text-shadow:0 2px 10px hsl(var(--grad-2a)/.2),0 0 22px hsl(var(--grad-2b)/.25)}@keyframes arrowShimmer{0%{background-position:-150% 0}to{background-position:150% 0}}.bubbly-title{font-weight:800;letter-spacing:.2px;background:linear-gradient(135deg,hsl(var(--grad-2a)),hsl(var(--grad-2b)) 40%,hsl(var(--grad-1a)) 70%,hsl(var(--grad-1b)) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 16px hsl(var(--grad-2a)/.18);animation:textShimmerShift 7s ease-in-out infinite,textSoftPulse 3.2s ease-in-out infinite}.squishy{transition:transform .12s ease}.squishy:hover{transform:translateY(-1px) scale(1.01)}.squishy:active{transform:translateY(0) scale(.98,.96)}.input-bubble{position:relative;margin:10px auto 18px;max-width:900px;padding:18px 20px;border-radius:9999px;background:radial-gradient(120% 120% at 30% 40%,hsl(var(--background)/.7),hsl(var(--secondary)/.9));border:1px solid hsl(var(--border));box-shadow:0 16px 40px hsl(var(--foreground)/.06);-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);animation:blobMorph 12s ease-in-out infinite}.input-bubble:hover{box-shadow:0 22px 52px hsl(var(--foreground)/.08)}.input-bubble .bubble-text{font-weight:600;letter-spacing:.2px;text-align:center}.input-bubble .bubble-mic{height:42px;width:42px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,hsl(var(--grad-2a)),hsl(var(--grad-2b)));color:hsl(var(--primary-foreground));box-shadow:0 10px 24px hsl(var(--grad-2a)/.28);border:0}.input-bubble .bubble-mic:hover{filter:brightness(1.05)}.input-bubble .bubble-mic:active{transform:scale(.96)}@media (max-width:640px){.hero-orb{width:130px;height:130px;top:-8px;right:-4px;left:auto}.hero-copy{padding-left:0;padding-right:100px}}.mic-orbital-stage{height:300px;display:flex;overflow:visible}.mic-orb,.mic-orbital-stage{position:relative;align-items:center;justify-content:center}.mic-orb{width:96px;height:96px;border-radius:9999px;background:radial-gradient(circle at 35% 35%,hsl(var(--accent)/.9),hsl(var(--primary)/.85));box-shadow:0 12px 28px hsl(var(--accent)/.28),inset 0 0 18px hsl(var(--background)/.6);border:1px solid hsl(var(--border));display:inline-flex;color:hsl(var(--primary-foreground));transition:transform .18s ease,box-shadow .2s ease,filter .2s ease;animation:breathe 5.5s ease-in-out infinite}.mic-orb:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.03)}.mic-orb.listening{box-shadow:0 16px 36px hsl(var(--accent)/.36),0 0 0 6px hsl(var(--accent)/.18) inset;animation-duration:3.2s}.mic-ring{position:absolute;inset:-6px;border-radius:9999px;border:2px solid hsl(var(--accent)/.35);animation:micPing 2.2s linear infinite}.mic-ring.delay-2{animation-delay:.5s}.mic-ring.delay-4{animation-delay:1s}@keyframes micPing{0%{transform:scale(1);opacity:.55}80%{transform:scale(1.5);opacity:.12}to{transform:scale(1.6);opacity:0}}.orbit{--r:140px;position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none}.orbit-item{--angle:0deg;--d:var(--r);position:absolute;top:0;left:0;transform:rotate(var(--angle)) translateX(var(--d)) rotate(calc(var(--angle)*-1));pointer-events:auto;padding:8px 10px;border-radius:12px;background:hsl(var(--secondary));border:1px solid hsl(var(--border));box-shadow:0 6px 18px hsl(var(--foreground)/.06);display:inline-flex;align-items:center;gap:8px;transition:transform .18s ease,background .18s ease,box-shadow .2s ease,opacity .2s ease}.orbit-item:hover{transform:rotate(var(--angle)) translateX(calc(var(--d) + 8px)) rotate(calc(var(--angle)*-1));background:hsl(var(--secondary)/.9);box-shadow:0 10px 24px hsl(var(--foreground)/.08)}.orbit-item.selected{background:linear-gradient(135deg,hsl(var(--primary)/.95),hsl(var(--accent)/.95));color:hsl(var(--primary-foreground));box-shadow:0 12px 28px hsl(var(--primary)/.35);transform:rotate(var(--angle)) translateX(68px) rotate(calc(var(--angle)*-1))}.orbit-emoji{font-size:16px}.orbit-label{font-size:.85rem;font-weight:600}.bubble-controls{position:static;transform:none;display:flex;flex-wrap:wrap;gap:10px 12px;justify-content:center;margin-top:10px}.bubble{padding:8px 12px;border-radius:9999px;background:hsl(var(--secondary)/.65);border:1px solid hsl(var(--border));box-shadow:0 6px 18px hsl(var(--foreground)/.06);-webkit-backdrop-filter:blur(8px) saturate(125%);backdrop-filter:blur(8px) saturate(125%);transition:transform .14s ease,box-shadow .2s ease,background .2s ease}.bubble:hover{transform:translateY(-1px) scale(1.03);background:hsl(var(--secondary));box-shadow:0 8px 22px hsl(var(--foreground)/.08)}.bubble.active{background:linear-gradient(135deg,hsl(var(--grad-3a)),hsl(var(--grad-3b)));color:hsl(var(--primary-foreground));box-shadow:0 12px 28px hsl(var(--grad-3a)/.35)}@media (min-width:1024px){.bubble-controls{position:absolute;bottom:0;left:50%;transform:translateX(-50%);margin-top:0}.genre-scroll{overflow-x:visible}}.genre-scroll{scroll-snap-type:x mandatory}@media (prefers-reduced-motion:reduce){.mic-orb,.mic-ring,.orbit-item{animation:none!important;transition:none!important}}@media (max-width:1024px){.mic-orbital-stage{height:260px}.orbit{--r:120px}}@media (max-width:640px){.mic-orbital-stage{height:auto}.orbit{--r:0px}.mic-orb,.orbit-item{display:none}.bubble-controls{gap:8px 10px;margin-top:8px}}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-accent\/10:hover{background-color:hsl(var(--accent)/.1)}.hover\:bg-destructive:hover{background-color:hsl(var(--destructive))}.hover\:bg-transparent:hover{background-color:transparent}.focus\:text-destructive:focus{color:hsl(var(--destructive))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-0: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(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-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),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.active\:scale-110:active{--tw-scale-x:1.1;--tw-scale-y:1.1;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))}@media (min-width:640px){.sm\:my-8{margin-top:2rem;margin-bottom:2rem}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:h-12{height:3rem}.sm\:h-16{height:4rem}.sm\:h-20{height:5rem}.sm\:h-32{height:8rem}.sm\:h-44{height:11rem}.sm\:h-7{height:1.75rem}.sm\:h-8{height:2rem}.sm\:w-12{width:3rem}.sm\:w-16{width:4rem}.sm\:w-20{width:5rem}.sm\:w-64{width:16rem}.sm\:w-7{width:1.75rem}.sm\:w-8{width:2rem}.sm\:w-\[360px\]{width:360px}.sm\:w-auto{width:auto}.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-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.md\:mt-24{margin-top:6rem}.md\:mt-4{margin-top:1rem}.md\:h-56{height:14rem}.md\:w-72{width:18rem}.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\:p-6{padding:1.5rem}.md\:pb-16{padding-bottom:4rem}}@media (min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}