@font-face{font-family:__Inter_e10f34;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_e10f34;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_e10f34;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_e10f34;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_e10f34;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_e10f34;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_e10f34;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_e10f34;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_e10f34;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_e10f34;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_e10f34;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_e10f34;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_e10f34;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_e10f34;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_e10f34;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_e10f34;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_e10f34;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_e10f34;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_e10f34;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_e10f34;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_e10f34;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_e10f34;src:local("Arial");ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}.__className_e10f34{font-family:__Inter_e10f34,__Inter_Fallback_e10f34;font-style:normal}.__variable_e10f34{--font-inter:"__Inter_e10f34","__Inter_Fallback_e10f34"}*,: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.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}: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}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-inset-\[40\%\]{inset:-40%}.inset-0{inset:0}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.left-24{left:6rem}.right-0{right:0}.top-1\/2{top:50%}.top-24{top:6rem}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.my-8{margin-top:2rem;margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-3{margin-left:.75rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.hidden{display:none}.h-24{height:6rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-72{height:18rem}.h-8{height:2rem}.h-\[200px\]{height:200px}.h-\[240px\]{height:240px}.h-\[420px\]{height:420px}.h-\[560px\]{height:560px}.h-\[600px\]{height:600px}.h-\[70vh\]{height:70vh}.h-\[900px\]{height:900px}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.min-h-\[60vh\]{min-height:60vh}.min-h-\[calc\(100vh-2\.5rem\)\]{min-height:calc(100vh - 2.5rem)}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-12{width:3rem}.w-24{width:6rem}.w-6{width:1.5rem}.w-72{width:18rem}.w-80{width:20rem}.w-\[1400px\]{width:1400px}.w-\[240px\]{width:240px}.w-\[300px\]{width:300px}.w-\[420px\]{width:420px}.w-\[440px\]{width:440px}.w-\[600px\]{width:600px}.w-\[900px\]{width:900px}.w-full{width:100%}.max-w-6xl{max-width:72rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.-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-y-0{--tw-translate-y:0px}.translate-y-0,.translate-y-10{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-10{--tw-translate-y:2.5rem}.translate-y-20{--tw-translate-y:5rem}.translate-y-20,.translate-y-28{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-28{--tw-translate-y:7rem}.rotate-12{--tw-rotate:12deg}.rotate-12,.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-90{--tw-scale-x:.9;--tw-scale-y:.9}.scale-90,.scale-95{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-95{--tw-scale-x:.95;--tw-scale-y:.95}.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-\[moveLeft_2s_ease-in-out\]{animation:moveLeft 2s ease-in-out}.animate-\[moveRight_2s_ease-in-out\]{animation:moveRight 2s ease-in-out}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-r-\[2px\]{border-right-width:2px}.border-t{border-top-width:1px}.border-t-\[2px\]{border-top-width:2px}.border-\[\#1F2630\]{--tw-border-opacity:1;border-color:rgb(31 38 48/var(--tw-border-opacity,1))}.border-\[var\(--color-border\)\]{border-color:var(--color-border)}.border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-neutral-800{--tw-border-opacity:1;border-color:rgb(38 38 38/var(--tw-border-opacity,1))}.border-pink-600{--tw-border-opacity:1;border-color:rgb(219 39 119/var(--tw-border-opacity,1))}.border-purple-500{--tw-border-opacity:1;border-color:rgb(168 85 247/var(--tw-border-opacity,1))}.border-purple-600{--tw-border-opacity:1;border-color:rgb(147 51 234/var(--tw-border-opacity,1))}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.border-yellow-400\/20{border-color:rgba(250,204,21,.2)}.border-yellow-400\/40{border-color:rgba(250,204,21,.4)}.bg-\[\#151A21\]{--tw-bg-opacity:1;background-color:rgb(21 26 33/var(--tw-bg-opacity,1))}.bg-\[\#1DB954\]{--tw-bg-opacity:1;background-color:rgb(29 185 84/var(--tw-bg-opacity,1))}.bg-\[\#7C6CFF\]{--tw-bg-opacity:1;background-color:rgb(124 108 255/var(--tw-bg-opacity,1))}.bg-\[\#8f7bff\]{--tw-bg-opacity:1;background-color:rgb(143 123 255/var(--tw-bg-opacity,1))}.bg-\[var\(--color-primary\)\]{background-color:var(--color-primary)}.bg-\[var\(--color-surface\)\]{background-color:var(--color-surface)}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/40{background-color:rgba(0,0,0,.4)}.bg-black\/90{background-color:rgba(0,0,0,.9)}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.bg-neutral-700{--tw-bg-opacity:1;background-color:rgb(64 64 64/var(--tw-bg-opacity,1))}.bg-neutral-800{--tw-bg-opacity:1;background-color:rgb(38 38 38/var(--tw-bg-opacity,1))}.bg-neutral-900{--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity,1))}.bg-neutral-950\/90{background-color:hsla(0,0%,4%,.9)}.bg-pink-600{--tw-bg-opacity:1;background-color:rgb(219 39 119/var(--tw-bg-opacity,1))}.bg-purple-400{--tw-bg-opacity:1;background-color:rgb(192 132 252/var(--tw-bg-opacity,1))}.bg-purple-500{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.bg-purple-500\/20{background-color:rgba(168,85,247,.2)}.bg-purple-600{--tw-bg-opacity:1;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))}.bg-purple-600\/30{background-color:rgba(147,51,234,.3)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/5{background-color:hsla(0,0%,100%,.05)}.bg-zinc-900{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.bg-\[radial-gradient\(ellipse_at_center\2c rgba\(120\2c 120\2c 255\2c 0\.15\)\2c transparent_60\%\)\]{background-image:radial-gradient(ellipse at center,rgba(120,120,255,.15),transparent 60%)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-purple-600{--tw-gradient-from:#9333ea var(--tw-gradient-from-position);--tw-gradient-to:rgba(147,51,234,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-600\/20{--tw-gradient-from:rgba(147,51,234,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(147,51,234,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white\/30{--tw-gradient-from:hsla(0,0%,100%,.3) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-indigo-600{--tw-gradient-to:#4f46e5 var(--tw-gradient-to-position)}.to-indigo-600\/20{--tw-gradient-to:rgba(79,70,229,.2) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.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}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-8{padding-bottom:2rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[11px\]{font-size:11px}.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-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.tracking-\[0\.25em\]{letter-spacing:.25em}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-\[0\.45em\]{letter-spacing:.45em}.tracking-\[0\.4em\]{letter-spacing:.4em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.text-\[\#6F7680\]{--tw-text-opacity:1;color:rgb(111 118 128/var(--tw-text-opacity,1))}.text-\[\#7C6CFF\]{--tw-text-opacity:1;color:rgb(124 108 255/var(--tw-text-opacity,1))}.text-\[\#E6E6E6\]{--tw-text-opacity:1;color:rgb(230 230 230/var(--tw-text-opacity,1))}.text-\[var\(--color-muted\)\]{color:var(--color-muted)}.text-\[var\(--color-primary\)\]{color:var(--color-primary)}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-neutral-300{--tw-text-opacity:1;color:rgb(212 212 212/var(--tw-text-opacity,1))}.text-neutral-400{--tw-text-opacity:1;color:rgb(163 163 163/var(--tw-text-opacity,1))}.text-neutral-500{--tw-text-opacity:1;color:rgb(115 115 115/var(--tw-text-opacity,1))}.text-purple-300{--tw-text-opacity:1;color:rgb(216 180 254/var(--tw-text-opacity,1))}.text-purple-400{--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/30{color:hsla(0,0%,100%,.3)}.text-white\/40{color:hsla(0,0%,100%,.4)}.text-white\/45{color:hsla(0,0%,100%,.45)}.text-white\/50{color:hsla(0,0%,100%,.5)}.text-white\/60{color:hsla(0,0%,100%,.6)}.text-white\/70{color:hsla(0,0%,100%,.7)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-white\/40::-moz-placeholder{color:hsla(0,0%,100%,.4)}.placeholder-white\/40::placeholder{color:hsla(0,0%,100%,.4)}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-40{opacity:.4}.opacity-70{opacity:.7}.shadow-\[0_0_30px_rgba\(100\2c 150\2c 255\2c 0\.15\)\]{--tw-shadow:0 0 30px rgba(100,150,255,.15);--tw-shadow-colored:0 0 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_40px_rgba\(0\2c 0\2c 0\2c 0\.6\)\]{--tw-shadow:0 0 40px rgba(0,0,0,.6);--tw-shadow-colored:0 0 40px var(--tw-shadow-color)}.shadow-\[0_0_40px_rgba\(0\2c 0\2c 0\2c 0\.6\)\],.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.blur-2xl{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)}.blur-2xl{--tw-blur:blur(40px)}.blur-3xl{--tw-blur:blur(64px)}.blur-3xl,.blur-\[200px\]{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)}.blur-\[200px\]{--tw-blur:blur(200px)}.blur-lg{--tw-blur:blur(16px)}.blur-lg,.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-lg{--tw-backdrop-blur:blur(16px)}.backdrop-blur-lg,.backdrop-blur-sm{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-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.delay-150{transition-delay:.15s}.delay-200{transition-delay:.2s}.delay-75{transition-delay:75ms}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-\[cubic-bezier\(0\.22\2c 1\2c 0\.36\2c 1\)\]{transition-timing-function:cubic-bezier(.22,1,.36,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{padding-bottom:64px}:focus{outline:none}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 1000px #0c0f14;-webkit-text-fill-color:#e6e8ed}:root{--bg-deep:#050507;--text-primary:hsla(0,0%,100%,.9);--text-secondary:hsla(0,0%,100%,.5);--text-tertiary:hsla(0,0%,100%,.3);--accent:#7c6cff;--accent-soft:#9a8bff;--color-background:#0c0f14;--color-surface:#121218;--color-primary:#7a5cff;--color-primary-600:#6347e0;--color-foreground:#e6e8ed;--color-muted:rgba(230,238,248,.55)}@keyframes resona-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:resona-fade-up .35s ease-out both}.animation-delay-100{animation-delay:.1s}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}body,html{background:radial-gradient(circle at center,rgba(124,108,255,.06) 0,#050507 65%),var(--bg-deep);color:var(--text-primary);font-family:var(--font-inter),ui-sans-serif,system-ui;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.005em}.stage-glow{position:absolute;width:700px;height:700px;background:radial-gradient(circle,rgba(124,108,255,.18) 0,transparent 70%);filter:blur(120px);animation:breathe 24s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.15);opacity:.8}}.ambient-grain{pointer-events:none;position:absolute;inset:0;opacity:.03;mix-blend-mode:overlay;background-image:radial-gradient(circle,#fff 1px,transparent 0);background-size:3px 3px}.resona-card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,.35)}.accent-text{color:var(--accent)}.accent-border{border:1px solid rgba(124,108,255,.35)}.accent-glow{box-shadow:0 0 40px rgba(124,108,255,.25)}button{transition:all .25s ease}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-soft));color:#fff;border-radius:12px;padding:12px 20px;font-weight:500}.btn-primary:hover{box-shadow:0 0 25px rgba(124,108,255,.35);transform:translateY(-1px)}.btn-secondary{background:#1a1f27;border-radius:12px;padding:12px 20px;color:#fff}.fade-in-soft{animation:fadeInSoft .8s ease forwards;opacity:0}@keyframes fadeInSoft{to{opacity:1}}@keyframes galaxyDrift{0%{transform:translateZ(0)}50%{transform:translate3d(-40px,30px,0)}to{transform:translateZ(0)}}.galaxy-drift{animation:galaxyDrift 140s ease-in-out infinite}.planet{position:relative;width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:#fff;box-shadow:0 0 8px hsla(0,0%,100%,.15),0 0 25px rgba(124,108,255,.15);animation:planetFloat 10s ease-in-out infinite}@keyframes planetFloat{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.user-star{position:absolute;width:6px;height:6px;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%)}.listener-orbit{position:absolute;inset:0;animation:listenerOrbit var(--listener-orbit-duration,40s) linear infinite;animation-delay:var(--listener-orbit-delay,0s)}@keyframes listenerOrbit{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.star-core{width:1.5px;height:1.5px;background:#fff}.star-core,.star-halo{border-radius:50%;position:absolute}.star-halo{width:6px;height:6px;background:radial-gradient(circle,hsla(0,0%,100%,.9) 0,hsla(0,0%,100%,.2) 50%,transparent 80%);filter:blur(1px)}.star-glow{width:10px;height:10px;position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(124,108,255,.3) 0,transparent 70%);filter:blur(4px);animation:starPulse 3s ease-in-out infinite}@keyframes starPulse{0%{transform:scale(.8);opacity:.6}50%{transform:scale(1.3);opacity:1}to{transform:scale(.8);opacity:.6}}.user-offline{opacity:.25}.nebula{position:absolute;width:800px;height:800px;border-radius:50%;filter:blur(120px);opacity:.12;pointer-events:none;animation:nebulaDrift 180s linear infinite}.nebula1{background:radial-gradient(circle,#7c6cff,transparent 70%);left:-200px;top:-150px}.nebula2{background:radial-gradient(circle,#3a7cff,transparent 70%);right:-250px;top:200px;animation-duration:240s}.nebula3{background:radial-gradient(circle,#ff6fa3,transparent 70%);left:300px;bottom:-300px;animation-duration:210s}@keyframes nebulaDrift{0%{transform:translateZ(0)}50%{transform:translate3d(-60px,40px,0)}to{transform:translateZ(0)}}.planet{overflow:visible}.planet-core-glow{position:absolute;inset:-14px;border-radius:50%;background:radial-gradient(circle,hsla(0,0%,100%,.18) 0,hsla(0,0%,100%,.04) 45%,transparent 72%);filter:blur(10px);pointer-events:none}.planet-label{position:relative;z-index:1;padding:0 10px;text-align:center;line-height:1.2}.user-star{pointer-events:auto}.listener-orbit{transform-origin:center;animation-duration:var(--listener-orbit-duration,72s)}.user-online{opacity:1}.user-online .star-glow{background:radial-gradient(circle,rgba(186,214,255,.95) 0,rgba(124,108,255,.45) 45%,transparent 75%);filter:blur(5px)}.user-online .star-halo{background:radial-gradient(circle,#fff 0,rgba(210,226,255,.55) 45%,transparent 80%)}.user-offline{opacity:.42}.user-offline .star-glow{background:radial-gradient(circle,rgba(124,108,255,.16) 0,transparent 72%);filter:blur(3px)}.user-offline .star-halo{background:radial-gradient(circle,hsla(0,0%,100%,.45) 0,hsla(0,0%,100%,.12) 45%,transparent 80%)}.resonance-line{stroke:rgba(191,214,255,.5);stroke-width:1.2;stroke-linecap:round;stroke-dasharray:5 7;filter:drop-shadow(0 0 8px rgba(148,182,255,.35));animation:resonancePulse 3.8s ease-in-out infinite}.user-resonating .star-glow{background:radial-gradient(circle,#d2e5ff 0,rgba(124,108,255,.72) 36%,transparent 75%);filter:blur(6px)}.user-resonating .star-halo{background:radial-gradient(circle,#fff 0,rgba(214,232,255,.65) 48%,transparent 82%)}@keyframes resonancePulse{0%,to{opacity:.45;stroke-dashoffset:0}50%{opacity:.95;stroke-dashoffset:12}}.resonance-line-active{stroke:rgba(233,244,255,.92);stroke-width:1.8;filter:drop-shadow(0 0 12px rgba(196,220,255,.7));animation:resonanceBurst 1.2s ease-out forwards,resonancePulse 3.8s ease-in-out infinite}.user-resonating-recent .star-glow{animation:resonanceStarBurst 1.2s ease-out forwards,starPulse 3s ease-in-out infinite}@keyframes resonanceBurst{0%{opacity:1;stroke-dashoffset:0}to{opacity:.72;stroke-dashoffset:20}}@keyframes resonanceStarBurst{0%{transform:scale(1);opacity:1}50%{transform:scale(1.7);opacity:1}to{transform:scale(1.15);opacity:.9}}.planet-button{cursor:pointer;border:none;padding:0}.planet-button:hover{transform:translateY(-2px) scale(1.03)}.planet-listener-count{position:absolute;top:-10px;right:-10px;min-width:24px;height:24px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;color:#fff;background:rgba(5,5,7,.8);border:1px solid hsla(0,0%,100%,.12);backdrop-filter:blur(10px)}.planet-room-back,.planet-room-pill,.planet-room-reaction,.planet-room-tag{border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.04);color:#fff}.planet-room-back{padding:10px 16px;border-radius:999px;transition:background .18s ease,transform .18s ease}.planet-room-back:hover{background:hsla(0,0%,100%,.08);transform:translateY(-1px)}.planet-room-pill{padding:10px 16px;border-radius:999px;font-size:13px}.planet-room-hero{position:relative;overflow:hidden;border:1px solid hsla(0,0%,100%,.08);border-radius:28px;background:linear-gradient(180deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.03));padding:36px}.planet-room-glow{position:absolute;inset:-10% auto auto -5%;width:320px;height:320px;filter:blur(33px);opacity:.45;pointer-events:none}.planet-room-track{border:1px solid hsla(0,0%,100%,.08);border-radius:24px;padding:22px;background:hsla(0,0%,100%,.04);backdrop-filter:blur(16px)}.planet-room-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.planet-room-tag{padding:7px 10px;font-size:12px;text-transform:capitalize}.planet-room-reaction,.planet-room-tag{display:inline-flex;align-items:center;border-radius:999px}.planet-room-reaction{gap:8px;padding:8px 12px;transition:background .18s ease,transform .18s ease}.planet-room-reaction:hover:not(:disabled){background:hsla(0,0%,100%,.1);transform:translateY(-1px)}.planet-room-reaction:disabled{opacity:.55}.planet-room-shell{position:relative;z-index:1}.planet-room-stage{position:relative;min-height:420px;border-radius:28px;border:1px solid hsla(0,0%,100%,.08);background:radial-gradient(circle at center,hsla(0,0%,100%,.08) 0,hsla(0,0%,100%,.02) 45%,rgba(5,5,7,.2) 100%);overflow:hidden}.planet-room-stage-ring{inset:50%;width:360px;height:360px;border-radius:50%;border:1px solid hsla(0,0%,100%,.08);box-shadow:0 0 80px rgba(124,108,255,.1)}.planet-room-planet,.planet-room-stage-ring{position:absolute;transform:translate(-50%,-50%)}.planet-room-planet{left:50%;top:50%;width:124px;height:124px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:600;box-shadow:0 0 40px hsla(0,0%,100%,.16),0 0 90px rgba(124,108,255,.22)}.planet-room-floating-reaction{position:absolute;font-size:28px;animation:planetRoomReactionFloat 4.2s ease-out forwards;pointer-events:none;text-shadow:0 0 18px hsla(0,0%,100%,.35)}@keyframes planetRoomReactionFloat{0%{opacity:0;transform:translate(-50%,20px) scale(.85)}12%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-120px) scale(1.12)}}.planet-room-progress-track{width:100%;height:8px;overflow:hidden;border-radius:999px;background:hsla(0,0%,100%,.08)}.planet-room-progress-fill{height:100%;border-radius:inherit;box-shadow:0 0 18px hsla(0,0%,100%,.25);transition:width .9s linear}.planet-room-queue-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:18px;border:1px solid hsla(0,0%,100%,.06);background:hsla(0,0%,100%,.025)}.planet-room-queue-item-active{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.14)}.planet-room-listener-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid hsla(0,0%,100%,.05)}.planet-room-listener-row:first-child{border-top:none;padding-top:0}.planet-room-listener-star{position:relative;width:18px;height:18px}.planet-room-listener-star .user-star{left:50%;top:50%}@media (max-width:1024px){.planet-room-stage{min-height:340px}.planet-room-stage-ring{width:280px;height:280px}.planet-room-planet{width:104px;height:104px;font-size:14px}}.planet-room-canvas{background:radial-gradient(circle at 50% 40%,hsla(0,0%,100%,.06),transparent 24%),radial-gradient(circle at 50% 50%,rgba(124,108,255,.12),transparent 34%),radial-gradient(circle at 50% 120%,rgba(10,18,34,.9),transparent 40%),#040509}.planet-room-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at center,transparent 28%,rgba(4,5,9,.28) 62%,rgba(4,5,9,.82) 100%)}.planet-room-shell-immersive{position:relative;z-index:1}.planet-room-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.planet-room-topbar-meta{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.planet-room-immersive-stage{display:flex;align-items:center;justify-content:center}.planet-room-hero-immersive{width:100%;min-height:min(82vh,920px);padding:0;border:none;background:transparent;overflow:visible}.planet-room-glow-immersive{left:50%;top:50%;width:700px;height:700px;transform:translate(-50%,-50%);filter:blur(66px);opacity:.42}.planet-room-stage-immersive{min-height:min(82vh,920px);border:none;background:transparent;overflow:visible}.planet-room-stage-ring-inner,.planet-room-stage-ring-outer{left:50%;top:39%;inset:auto;transform:translate(-50%,-50%);border-color:hsla(0,0%,100%,.07);box-shadow:none}.planet-room-stage-ring-outer{width:min(68vw,620px);height:min(68vw,620px)}.planet-room-stage-ring-inner{width:min(52vw,470px);height:min(52vw,470px);border-style:dashed;opacity:.45}.planet-room-orbit-layer,.planet-room-reaction-layer{position:absolute;inset:0;pointer-events:none}.planet-room-centerpiece{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}.planet-room-planet-immersive{position:relative;left:auto;top:auto;transform:none;width:clamp(180px,24vw,260px);height:clamp(180px,24vw,260px);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 0 40px hsla(0,0%,100%,.12),0 0 120px rgba(124,108,255,.26),inset -24px -36px 70px rgba(0,0,0,.28),inset 18px 20px 52px hsla(0,0%,100%,.08);animation:planetBreath 12s ease-in-out infinite}.planet-room-planet-immersive span{position:relative;z-index:1;width:72%;font-size:clamp(18px,2vw,24px);line-height:1.2}@keyframes planetBreath{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.planet-room-track-info{width:min(640px,90vw);display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.planet-room-kicker{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:hsla(0,0%,100%,.42)}.planet-room-track-title{font-size:clamp(34px,4.8vw,64px);line-height:.95;font-weight:600;text-wrap:balance}.planet-room-track-artist{max-width:560px;font-size:clamp(16px,1.8vw,21px);color:hsla(0,0%,100%,.62)}.planet-room-progress-wrap{width:min(520px,88vw)}.planet-room-progress-meta{margin-top:8px;display:flex;justify-content:space-between;font-size:12px;color:hsla(0,0%,100%,.46)}.planet-room-controls{display:flex;align-items:center;gap:14px;justify-content:center}.planet-room-control{min-width:110px;padding:14px 22px;border-radius:999px;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.04);color:#fff;backdrop-filter:blur(16px)}.planet-room-control:hover:not(:disabled),.planet-room-pill-button:hover:not(:disabled),.planet-room-reaction-orb:hover:not(:disabled){background:hsla(0,0%,100%,.1);transform:translateY(-1px)}.planet-room-control:disabled,.planet-room-pill-button:disabled,.planet-room-reaction-orb:disabled{opacity:.45}.planet-room-control-primary{min-width:136px;background:hsla(0,0%,100%,.12);box-shadow:0 0 28px hsla(0,0%,100%,.08)}.planet-room-reaction-dock,.planet-room-reaction-summary,.planet-room-support-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.planet-room-pill-button{cursor:pointer}.planet-room-reaction-orb{width:48px;height:48px;border-radius:50%;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.05);font-size:22px;display:inline-flex;align-items:center;justify-content:center;backdrop-filter:blur(14px)}.planet-room-orbiting-star{position:absolute;pointer-events:none;transition:left 1s linear,top 1s linear,transform 1.2s ease}.planet-room-orbiting-star .user-star{left:0;top:0}.planet-room-floating-reaction{font-size:30px;animation:planetRoomReactionFloatVar var(--reaction-duration,4.2s) ease-out forwards}@keyframes planetRoomReactionFloatVar{0%{opacity:0;transform:translate(-50%,10px) scale(.8)}12%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--reaction-drift-x, 0px)),-180px) scale(1.18)}}.planet-room-queue-drawer{position:fixed;right:20px;bottom:20px;width:min(360px,calc(100vw - 32px));transform:translateY(calc(100% + 24px));opacity:0;pointer-events:none;transition:transform .28s ease,opacity .28s ease;z-index:3}.planet-room-queue-drawer-open{transform:translateY(0);opacity:1;pointer-events:auto}.planet-room-queue-panel{max-height:min(62vh,540px);overflow:auto;padding:18px;border-radius:26px;border:1px solid hsla(0,0%,100%,.1);background:rgba(8,10,18,.82);backdrop-filter:blur(24px);box-shadow:0 18px 70px rgba(0,0,0,.42)}@media (max-width:900px){.planet-room-topbar{flex-direction:column;align-items:stretch}.planet-room-topbar-meta{justify-content:flex-start}.planet-room-stage-ring-outer{width:min(86vw,520px);height:min(86vw,520px)}.planet-room-stage-ring-inner{width:min(68vw,390px);height:min(68vw,390px)}.planet-room-planet-immersive{width:clamp(150px,38vw,210px);height:clamp(150px,38vw,210px)}.planet-room-track-title{font-size:clamp(28px,10vw,46px)}.planet-room-controls{flex-wrap:wrap}.planet-room-control{min-width:94px}}.planet-room-start-cue{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:hsla(0,0%,100%,.54)}.planet-room-external-players{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.resonance-moment-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(124,108,255,.18),rgba(4,5,9,.88));backdrop-filter:blur(16px)}.resonance-moment-card{padding:28px 34px;border-radius:28px;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.06);text-align:center;color:#fff;box-shadow:0 0 80px rgba(124,108,255,.22)}.resonance-moment-card h2{font-size:32px;font-weight:600}.resonance-moment-kicker{margin-bottom:10px;color:hsla(0,0%,100%,.68)}.room-playlist-shell{position:relative;z-index:1}.room-listening-indicator{color:rgba(255,174,208,.95)}.room-track-card{background:hsla(0,0%,100%,.04);box-shadow:0 18px 50px rgba(0,0,0,.22)}.room-track-loading{min-height:196px;display:flex;flex-direction:column;justify-content:center}.room-loading-pulse{width:58px;height:58px;border-radius:999px;border:1px solid hsla(0,0%,100%,.14);background:radial-gradient(circle,rgba(124,108,255,.35) 0,rgba(124,108,255,.08) 48%,transparent 72%);box-shadow:0 0 30px rgba(124,108,255,.2);animation:roomLoadingPulse 2.4s ease-in-out infinite}.room-shared-genres{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}@keyframes roomLoadingPulse{0%,to{transform:scale(.92);opacity:.68}50%{transform:scale(1.04);opacity:1}}.hover\:border-white\/40:hover{border-color:hsla(0,0%,100%,.4)}.hover\:bg-\[\#1ed760\]:hover{--tw-bg-opacity:1;background-color:rgb(30 215 96/var(--tw-bg-opacity,1))}.hover\:bg-\[\#8d7eff\]:hover{--tw-bg-opacity:1;background-color:rgb(141 126 255/var(--tw-bg-opacity,1))}.hover\:bg-\[\#9b88ff\]:hover{--tw-bg-opacity:1;background-color:rgb(155 136 255/var(--tw-bg-opacity,1))}.hover\:bg-\[var\(--color-surface\)\]:hover{background-color:var(--color-surface)}.hover\:bg-neutral-700:hover{--tw-bg-opacity:1;background-color:rgb(64 64 64/var(--tw-bg-opacity,1))}.hover\:bg-purple-500:hover{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.hover\:bg-white\/10:hover{background-color:hsla(0,0%,100%,.1)}.hover\:text-red-300:hover{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.focus\:border-white\/25:focus{border-color:hsla(0,0%,100%,.25)}.active\:scale-\[0\.98\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98;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))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-70:disabled{opacity:.7}@media (min-width:640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}}