*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}@media (min-width: 1792px){.\!container{max-width:1792px!important}.container{max-width:1792px}}@media (min-width: 2560px){.\!container{max-width:2560px!important}.container{max-width:2560px}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.-bottom-0\.5{bottom:-.125rem}.-bottom-6{bottom:-1.5rem}.-right-0\.5{right:-.125rem}.-right-1{right:-.25rem}.-top-0\.5{top:-.125rem}.-top-1{top:-.25rem}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.bottom-1\.5{bottom:.375rem}.bottom-4{bottom:1rem}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-3{left:.75rem}.left-\[15\%\]{left:15%}.right-0{right:0}.right-1{right:.25rem}.right-1\.5{right:.375rem}.right-3{right:.75rem}.right-4{right:1rem}.right-\[15\%\]{right:15%}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-20{top:5rem}.top-3{top:.75rem}.top-4{top:1rem}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[15\]{z-index:15}.z-\[25\]{z-index:25}.z-\[5\]{z-index:5}.col-span-1{grid-column:span 1 / span 1}.-mx-4{margin-left:-1rem;margin-right:-1rem}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-10{margin-left:2.5rem;margin-right:2.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-8{margin-left:2rem;margin-right:2rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.-ml-1{margin-left:-.25rem}.-mt-16{margin-top:-4rem}.-mt-6{margin-top:-1.5rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-video{aspect-ratio:16 / 9}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-2\/3{height:66.666667%}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-44{height:11rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[140px\]{height:140px}.h-\[200px\]{height:200px}.h-\[45px\]{height:45px}.h-\[500px\]{height:500px}.h-\[90px\]{height:90px}.h-full{height:100%}.h-screen{height:100vh}.max-h-48{max-height:12rem}.max-h-64{max-height:16rem}.max-h-\[300px\]{max-height:300px}.max-h-\[90vh\]{max-height:90vh}.max-h-\[calc\(100vh-160px\)\]{max-height:calc(100vh - 160px)}.max-h-full{max-height:100%}.min-h-0{min-height:0px}.min-h-\[400px\]{min-height:400px}.min-h-\[60vh\]{min-height:60vh}.min-h-screen{min-height:100vh}.w-0{width:0px}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2\.5{width:.625rem}.w-2\/3{width:66.666667%}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-4{width:1rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[50px\]{width:50px}.w-\[90\%\]{width:90%}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[100px\]{min-width:100px}.min-w-\[120px\]{min-width:120px}.min-w-\[140px\]{min-width:140px}.min-w-\[200px\]{min-width:200px}.min-w-\[20px\]{min-width:20px}.min-w-\[28px\]{min-width:28px}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[128px\]{max-width:128px}.max-w-\[1400px\]{max-width:1400px}.max-w-\[160px\]{max-width:160px}.max-w-\[192px\]{max-width:192px}.max-w-\[200px\]{max-width:200px}.max-w-\[600px\]{max-width:600px}.max-w-\[75\%\]{max-width:75%}.max-w-\[80\%\]{max-width:80%}.max-w-\[80px\]{max-width:80px}.max-w-\[85\%\]{max-width:85%}.max-w-\[90px\]{max-width:90px}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-0{--tw-scale-x: 0;--tw-scale-y: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-\[shimmer_3s_linear_infinite\]{animation:shimmer 3s linear infinite}.animate-\[shimmer_5s_linear_infinite\]{animation:shimmer 5s linear infinite}.animate-fade-in{animation:fadeIn .3s ease-out}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-slide-up{animation:slideUp .3s ease-out}.animate-spin{animation:spin 1s linear infinite}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize-y{resize:vertical}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-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))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-r-lg{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.rounded-br-md{border-bottom-right-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-\[rgba\(255\,0\,102\,0\.4\)\]{border-color:#f066}.border-amber-600\/50{border-color:#d9770680}.border-blue-500\/20{border-color:#3b82f633}.border-blue-500\/30{border-color:#3b82f64d}.border-card{--tw-border-opacity: 1;border-color:rgb(26 26 26 / var(--tw-border-opacity, 1))}.border-card-border{--tw-border-opacity: 1;border-color:rgb(51 51 51 / var(--tw-border-opacity, 1))}.border-cyan-400\/40{border-color:#22d3ee66}.border-dark{--tw-border-opacity: 1;border-color:rgb(13 13 13 / var(--tw-border-opacity, 1))}.border-gray-400{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.border-gray-400\/50{border-color:#9ca3af80}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.border-green-500\/50{border-color:#22c55e80}.border-orange-500\/30{border-color:#f973164d}.border-orange-700{--tw-border-opacity: 1;border-color:rgb(194 65 12 / var(--tw-border-opacity, 1))}.border-primary{--tw-border-opacity: 1;border-color:rgb(255 0 102 / var(--tw-border-opacity, 1))}.border-primary\/30{border-color:#ff00664d}.border-primary\/40{border-color:#f066}.border-purple-500\/30{border-color:#a855f74d}.border-purple-500\/40{border-color:#a855f766}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-red-500\/20{border-color:#ef444433}.border-red-500\/30{border-color:#ef44444d}.border-red-500\/50{border-color:#ef444480}.border-text-muted{--tw-border-opacity: 1;border-color:rgb(102 102 102 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-yellow-400{--tw-border-opacity: 1;border-color:rgb(250 204 21 / var(--tw-border-opacity, 1))}.border-yellow-400\/40{border-color:#facc1566}.border-yellow-500{--tw-border-opacity: 1;border-color:rgb(234 179 8 / var(--tw-border-opacity, 1))}.border-yellow-500\/30{border-color:#eab3084d}.border-yellow-500\/50{border-color:#eab30880}.border-t-primary{--tw-border-opacity: 1;border-top-color:rgb(255 0 102 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.\!bg-red-600{--tw-bg-opacity: 1 !important;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))!important}.bg-\[\#141414\]\/95{background-color:#141414f2}.bg-\[\#FF424D\]{--tw-bg-opacity: 1;background-color:rgb(255 66 77 / var(--tw-bg-opacity, 1))}.bg-\[rgb\(20\,20\,25\)\]{--tw-bg-opacity: 1;background-color:rgb(20 20 25 / var(--tw-bg-opacity, 1))}.bg-\[rgba\(255\,0\,102\,0\.15\)\]{background-color:#ff006626}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/30{background-color:#0000004d}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-black\/80{background-color:#000c}.bg-black\/85{background-color:#000000d9}.bg-black\/90{background-color:#000000e6}.bg-black\/95{background-color:#000000f2}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-500\/20{background-color:#3b82f633}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-card{--tw-bg-opacity: 1;background-color:rgb(26 26 26 / var(--tw-bg-opacity, 1))}.bg-card-border{--tw-bg-opacity: 1;background-color:rgb(51 51 51 / var(--tw-bg-opacity, 1))}.bg-card-hover{--tw-bg-opacity: 1;background-color:rgb(34 34 34 / var(--tw-bg-opacity, 1))}.bg-card-hover\/50{background-color:#22222280}.bg-card\/30{background-color:#1a1a1a4d}.bg-card\/50{background-color:#1a1a1a80}.bg-card\/80{background-color:#1a1a1acc}.bg-cyan-400\/20{background-color:#22d3ee33}.bg-cyan-400\/\[0\.12\]{background-color:#22d3ee1f}.bg-cyan-500\/20{background-color:#06b6d433}.bg-dark{--tw-bg-opacity: 1;background-color:rgb(13 13 13 / var(--tw-bg-opacity, 1))}.bg-dark-100{--tw-bg-opacity: 1;background-color:rgb(31 31 31 / var(--tw-bg-opacity, 1))}.bg-dark-200{--tw-bg-opacity: 1;background-color:rgb(26 26 26 / var(--tw-bg-opacity, 1))}.bg-dark\/30{background-color:#0d0d0d4d}.bg-dark\/50{background-color:#0d0d0d80}.bg-dark\/80{background-color:#0d0d0dcc}.bg-dark\/90{background-color:#0d0d0de6}.bg-dark\/95{background-color:#0d0d0df2}.bg-gray-500\/20{background-color:#6b728033}.bg-green-400\/20{background-color:#4ade8033}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-500\/10{background-color:#22c55e1a}.bg-green-500\/15{background-color:#22c55e26}.bg-green-500\/20{background-color:#22c55e33}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.bg-orange-500\/20{background-color:#f9731633}.bg-pink-500\/20{background-color:#ec489933}.bg-primary{--tw-bg-opacity: 1;background-color:rgb(255 0 102 / var(--tw-bg-opacity, 1))}.bg-primary\/10{background-color:#ff00661a}.bg-primary\/15{background-color:#ff006626}.bg-primary\/20{background-color:#f063}.bg-purple-500\/20{background-color:#a855f733}.bg-purple-500\/\[0\.12\]{background-color:#a855f71f}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/10{background-color:#ef44441a}.bg-red-500\/15{background-color:#ef444426}.bg-red-500\/20{background-color:#ef444433}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-red-900\/20{background-color:#7f1d1d33}.bg-secondary{--tw-bg-opacity: 1;background-color:rgb(102 0 255 / var(--tw-bg-opacity, 1))}.bg-secondary\/20{background-color:#60f3}.bg-text-muted\/15{background-color:#66666626}.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:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-white\/30{background-color:#ffffff4d}.bg-white\/5{background-color:#ffffff0d}.bg-yellow-400\/20{background-color:#facc1533}.bg-yellow-400\/\[0\.12\]{background-color:#facc151f}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.bg-yellow-500\/10{background-color:#eab3081a}.bg-yellow-500\/20{background-color:#eab30833}.bg-yellow-600{--tw-bg-opacity: 1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1))}.bg-gradient-primary{background-image:linear-gradient(135deg,#f06,#60f)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-\[\#ff424d\]{--tw-gradient-from: #ff424d var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 66 77 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-600{--tw-gradient-from: #d97706 var(--tw-gradient-from-position);--tw-gradient-to: rgb(217 119 6 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-600\/20{--tw-gradient-from: rgb(217 119 6 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(217 119 6 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/50{--tw-gradient-from: rgb(0 0 0 / .5) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/60{--tw-gradient-from: rgb(0 0 0 / .6) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/90{--tw-gradient-from: rgb(0 0 0 / .9) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500\/10{--tw-gradient-from: rgb(59 130 246 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-300{--tw-gradient-from: #d1d5db var(--tw-gradient-from-position);--tw-gradient-to: rgb(209 213 219 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-300\/20{--tw-gradient-from: rgb(209 213 219 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(209 213 219 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-500\/10{--tw-gradient-from: rgb(249 115 22 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-500{--tw-gradient-from: #ec4899 var(--tw-gradient-from-position);--tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary{--tw-gradient-from: #ff0066 var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 0 102 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-500\/10{--tw-gradient-from: rgb(168 85 247 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-500\/50{--tw-gradient-from: rgb(168 85 247 / .5) var(--tw-gradient-from-position);--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white{--tw-gradient-from: #fff var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-400{--tw-gradient-from: #facc15 var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-500\/20{--tw-gradient-from: rgb(234 179 8 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-purple-500\/20{--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(168 85 247 / .2) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-\[\#f96854\]{--tw-gradient-to: #f96854 var(--tw-gradient-to-position)}.to-amber-500{--tw-gradient-to: #f59e0b var(--tw-gradient-to-position)}.to-amber-700{--tw-gradient-to: #b45309 var(--tw-gradient-to-position)}.to-amber-700\/10{--tw-gradient-to: rgb(180 83 9 / .1) var(--tw-gradient-to-position)}.to-gray-400{--tw-gradient-to: #9ca3af var(--tw-gradient-to-position)}.to-gray-400\/10{--tw-gradient-to: rgb(156 163 175 / .1) var(--tw-gradient-to-position)}.to-pink-500{--tw-gradient-to: #ec4899 var(--tw-gradient-to-position)}.to-primary\/10{--tw-gradient-to: rgb(255 0 102 / .1) var(--tw-gradient-to-position)}.to-purple-500{--tw-gradient-to: #a855f7 var(--tw-gradient-to-position)}.to-purple-500\/10{--tw-gradient-to: rgb(168 85 247 / .1) var(--tw-gradient-to-position)}.to-secondary{--tw-gradient-to: #6600ff var(--tw-gradient-to-position)}.to-text-secondary{--tw-gradient-to: #b3b3b3 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.to-yellow-600\/10{--tw-gradient-to: rgb(202 138 4 / .1) var(--tw-gradient-to-position)}.bg-cover{background-size:cover}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-center{background-position:center}.fill-current{fill:currentColor}.fill-primary{fill:#f06}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-6{padding-bottom:1.5rem}.pl-10{padding-left:2.5rem}.pl-4{padding-left:1rem}.pr-10{padding-right:2.5rem}.pr-12{padding-right:3rem}.pr-2{padding-right:.5rem}.pt-12{padding-top:3rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-display{font-family:Space Grotesk,Inter,-apple-system,BlinkMacSystemFont,sans-serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-8xl{font-size:6rem;line-height:1}.text-\[0\.65rem\]{font-size:.65rem}.text-\[10px\]{font-size:10px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-cyan-400{--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.text-cyan-500{--tw-text-opacity: 1;color:rgb(6 182 212 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.text-pink-400{--tw-text-opacity: 1;color:rgb(244 114 182 / var(--tw-text-opacity, 1))}.text-pink-500{--tw-text-opacity: 1;color:rgb(236 72 153 / var(--tw-text-opacity, 1))}.text-primary{--tw-text-opacity: 1;color:rgb(255 0 102 / 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-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-secondary{--tw-text-opacity: 1;color:rgb(102 0 255 / var(--tw-text-opacity, 1))}.text-text-muted{--tw-text-opacity: 1;color:rgb(102 102 102 / var(--tw-text-opacity, 1))}.text-text-primary{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-text-secondary{--tw-text-opacity: 1;color:rgb(179 179 179 / var(--tw-text-opacity, 1))}.text-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/40{color:#fff6}.text-white\/50{color:#ffffff80}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.text-yellow-400\/70{color:#facc15b3}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.placeholder-text-muted::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(102 102 102 / var(--tw-placeholder-opacity, 1))}.placeholder-text-muted::placeholder{--tw-placeholder-opacity: 1;color:rgb(102 102 102 / var(--tw-placeholder-opacity, 1))}.accent-primary{accent-color:#ff0066}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px 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\,0\,0\,0\.5\)\]{--tw-shadow: 0 0 40px rgba(0,0,0,.5);--tw-shadow-colored: 0 0 40px 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_4px_20px_rgba\(192\,192\,192\,0\.3\)\]{--tw-shadow: 0 4px 20px rgba(192,192,192,.3);--tw-shadow-colored: 0 4px 20px 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_4px_20px_rgba\(205\,127\,50\,0\.3\)\]{--tw-shadow: 0 4px 20px rgba(205,127,50,.3);--tw-shadow-colored: 0 4px 20px 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_8px_30px_rgba\(255\,215\,0\,0\.4\)\]{--tw-shadow: 0 8px 30px rgba(255,215,0,.4);--tw-shadow-colored: 0 8px 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-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-primary{--tw-shadow: 0 0 20px rgba(255, 0, 102, .3);--tw-shadow-colored: 0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-amber-600\/20{--tw-shadow-color: rgb(217 119 6 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-gray-400\/20{--tw-shadow-color: rgb(156 163 175 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-primary{--tw-shadow-color: #ff0066;--tw-shadow: var(--tw-shadow-colored)}.shadow-primary\/30{--tw-shadow-color: rgb(255 0 102 / .3);--tw-shadow: var(--tw-shadow-colored)}.shadow-primary\/40{--tw-shadow-color: rgb(255 0 102 / .4);--tw-shadow: var(--tw-shadow-colored)}.shadow-yellow-500\/20{--tw-shadow-color: rgb(234 179 8 / .2);--tw-shadow: var(--tw-shadow-colored)}.outline{outline-style:solid}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-yellow-500\/50{--tw-ring-color: rgb(234 179 8 / .5)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_0_10px_rgba\(192\,192\,192\,0\.8\)\]{--tw-drop-shadow: drop-shadow(0 0 10px rgba(192,192,192,.8));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_0_10px_rgba\(205\,127\,50\,0\.8\)\]{--tw-drop-shadow: drop-shadow(0 0 10px rgba(205,127,50,.8));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_0_15px_rgba\(255\,215\,0\,0\.8\)\]{--tw-drop-shadow: drop-shadow(0 0 15px rgba(255,215,0,.8));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_0_8px_rgba\(255\,0\,102\,0\.6\)\]{--tw-drop-shadow: drop-shadow(0 0 8px rgba(255,0,102,.6));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-lg{--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.text-gradient{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.animate-slide-up{animation:slideUp .3s ease-out forwards}.animate-slideIn{animation:slideIn .3s ease-out forwards}:root{--primary-color: #ff0066;--secondary-color: #6600ff;--background: #0d0d0d;--card-bg: #1a1a1a;--text-primary: #ffffff;--text-secondary: #b3b3b3;--border-color: #333333;--gradient: linear-gradient(135deg, var(--primary-color), var(--secondary-color))}html{overflow-x:hidden;overflow-y:scroll;height:100%;max-width:100%}html,body,#root{max-width:100vw;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--background);color:var(--text-primary);line-height:1.5;min-height:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,.font-display{font-family:Space Grotesk,Inter,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.02em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--card-bg)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}::-moz-selection{background:var(--primary-color);color:#fff}::selection{background:var(--primary-color);color:#fff}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastSlideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast-enter{animation:toastSlideIn .3s ease-out forwards}.toast-exit{animation:toastSlideOut .3s ease-in forwards}@keyframes shimmer{0%{background-position:200% center}to{background-position:-200% center}}@keyframes gold-glow{0%,to{filter:drop-shadow(0 0 8px rgba(255,215,0,.4))}50%{filter:drop-shadow(0 0 16px rgba(255,215,0,.8))}}.video-card{background:var(--card-bg);border-radius:8px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.video-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.video-thumbnail{position:relative;display:block;width:100%;padding-top:56.25%;overflow:hidden;background:#1a1a1a}.video-thumbnail img,.thumbnail-img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.video-card:hover .thumbnail-img{transform:scale(1.05)}.video-duration{position:absolute;bottom:8px;right:8px;background:#000000d9;color:#fff;padding:3px 6px;border-radius:4px;font-size:.75rem;font-weight:600;z-index:5}.preview-video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:2}.preview-progress{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,#f06,#60f);z-index:10;transition:width .1s linear}.preview-volume-control{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:8px;z-index:15;animation:fadeIn .3s ease forwards}.preview-volume-control.expanded{background:#000c;border-radius:20px;padding:4px 4px 4px 12px}.preview-mute-btn{width:36px;height:36px;border-radius:50%;background:#000c;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease;flex-shrink:0}.preview-volume-control.expanded .preview-mute-btn{background:transparent}.preview-volume-control.expanded .preview-mute-btn:hover{background:#ffffff1a}.preview-volume-slider-container{display:flex;align-items:center;width:80px;animation:slideIn .2s ease forwards}@keyframes slideIn{0%{width:0;opacity:0}to{width:80px;opacity:1}}.preview-volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:#ffffff4d;border-radius:2px;outline:none;cursor:pointer}.preview-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:linear-gradient(135deg,#f06,#60f);border-radius:50%;cursor:pointer;-webkit-transition:transform .15s ease;transition:transform .15s ease}.preview-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.preview-volume-slider::-moz-range-thumb{width:14px;height:14px;background:linear-gradient(135deg,#f06,#60f);border-radius:50%;border:none;cursor:pointer;-moz-transition:transform .15s ease;transition:transform .15s ease}.preview-volume-slider::-moz-range-thumb:hover{transform:scale(1.2)}.preview-volume-slider::-webkit-slider-runnable-track{height:4px;background:linear-gradient(to right,#f06,#60f);border-radius:2px}.preview-volume-slider::-moz-range-track{height:4px;background:#ffffff4d;border-radius:2px}.preview-play-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#f06,#60f);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;z-index:10;box-shadow:0 4px 20px #f066}.preview-loading .loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:#f06;border-radius:50%;animation:spin .8s linear infinite}.video-info-wrapper{display:flex;padding:.75rem;gap:.5rem;min-height:180px}.video-info{flex:1;display:flex;flex-direction:column;min-width:0}.video-title{font-size:.95rem;font-weight:600;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.5rem;transition:color .2s ease}.video-title:hover{color:var(--primary-color)}.video-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.35rem}.video-category{font-size:.7rem;padding:2px 8px;background:linear-gradient(135deg,#f063,#60f3);color:#f69;border-radius:12px;font-weight:500}.tag{font-size:.65rem;padding:2px 6px;background:#00c8c826;color:#0cc;border-radius:10px;cursor:pointer;transition:all .2s ease}.tag:hover{background:#00c8c84d}.tag-more{background:#64646433;color:#888;cursor:default}.video-artist-row{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.35rem}.video-artist-pill{font-size:.65rem;padding:2px 6px;background:#ffc80026;color:#fc0;border-radius:10px}.video-stars-row{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.35rem}.video-star-pill{font-size:.65rem;padding:2px 6px;background:#b464ff26;color:#c8f;border-radius:10px}.video-more-pill{font-size:.65rem;padding:2px 6px;background:#64646433;color:#888;border-radius:10px}.video-stats-row{display:flex;gap:1rem;margin-top:auto;margin-bottom:.5rem}.stat-item{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-secondary)}.stat-icon{font-size:.8rem}.video-meta-row{display:flex;align-items:center;gap:.5rem}.video-uploader{display:flex;align-items:center;gap:.4rem;transition:opacity .2s ease}.video-uploader:hover{opacity:.8}.uploader-avatar{width:24px;height:24px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.uploader-name{font-size:.8rem;color:var(--text-secondary)}.video-creator{font-size:.7rem;color:#888;font-style:italic}.hearts-bar-arcade.heat-level-1 .hearts-bar-avg{color:#38bdf8}.hearts-bar-arcade.heat-level-2 .hearts-bar-avg{color:#2dd4bf}.hearts-bar-arcade.heat-level-3 .hearts-bar-avg{color:#facc15}.hearts-bar-arcade.heat-level-4 .hearts-bar-avg{color:#fb923c}.hearts-bar-arcade.heat-level-5 .hearts-bar-avg{color:#ef4444;animation:pulseText .8s ease-in-out infinite alternate}@keyframes burningHeart{0%{text-shadow:0 0 8px rgba(239,68,68,.8),0 0 16px rgba(239,68,68,.5),0 -4px 12px rgba(255,150,50,.6);transform:scale(1)}to{text-shadow:0 0 12px rgba(239,68,68,1),0 0 24px rgba(239,68,68,.7),0 -6px 18px rgba(255,200,50,.8),0 -10px 24px rgba(255,100,50,.4);transform:scale(1.15)}}@keyframes pulseText{0%{opacity:.9}to{opacity:1}}.leaderboard-page{width:100%;max-width:900px;margin:0 auto;padding:0}.leaderboard-content{width:100%}.leaderboard-hero{position:relative;background:linear-gradient(135deg,#ff006626,#6600ff26);border-radius:16px;padding:3rem 2rem;text-align:center;margin-bottom:2rem;border:1px solid rgba(255,0,102,.3);overflow:hidden}.leaderboard-hero .hero-glow{position:absolute;top:-50%;left:50%;transform:translate(-50%);width:100%;height:200%;background:radial-gradient(ellipse at center,rgba(255,215,0,.1) 0%,transparent 60%);pointer-events:none;animation:leaderboard-hero-pulse 4s ease-in-out infinite}@keyframes leaderboard-hero-pulse{0%,to{opacity:.5;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.1)}}.leaderboard-title{font-size:3rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,gold,#ffec8b 30%,#fff,#ffec8b 70%,gold);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gold-shine 5s linear infinite}@keyframes gold-shine{0%{background-position:0% center}to{background-position:200% center}}.leaderboard-subtitle{font-size:1.1rem;color:var(--text-secondary);margin:0}.leaderboard-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.leaderboard-tab{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:#ffffff0d;border:2px solid transparent;border-radius:12px;color:var(--text-secondary);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.leaderboard-tab:hover{background:#ffffff1a;color:var(--text-primary);transform:translateY(-2px)}.leaderboard-tab.active{background:linear-gradient(135deg,#f063,#60f3);border-color:var(--primary-color);color:var(--text-primary)}.leaderboard-tab .tab-icon{display:flex;align-items:center}.leaderboard-tab .tab-icon svg{transition:transform .3s ease}.leaderboard-tab.active .tab-icon svg{transform:scale(1.1)}.leaderboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary)}.leaderboard-podium{display:flex;justify-content:center;align-items:flex-end;gap:1.5rem;padding:4rem 1rem 3rem;min-height:420px;margin-bottom:2rem;overflow:visible;width:100%;max-width:700px;margin-left:auto;margin-right:auto}.podium-position{display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#1e1e1e,#141414);border-radius:16px;padding:1.5rem 1.25rem;transition:transform .3s ease,box-shadow .3s ease;position:relative;text-decoration:none;border:2px solid transparent;opacity:0;animation:podium-enter .6s ease-out forwards;min-width:160px;flex:1;max-width:200px}.podium-third{order:3;align-self:flex-end;border-color:#cd7f32;box-shadow:0 0 20px #cd7f3233,inset 0 1px #cd7f321a;animation-delay:.5s}.podium-third .podium-avatar-container{width:90px;height:90px}.podium-third .podium-rank-badge{background:linear-gradient(135deg,#cd7f32,#e6a860)}.podium-second{order:1;align-self:flex-end;margin-bottom:30px;border-color:silver;box-shadow:0 0 20px #c0c0c033,inset 0 1px #c0c0c01a;animation-delay:.3s}.podium-second .podium-avatar-container{width:110px;height:110px}.podium-second .podium-rank-badge{background:linear-gradient(135deg,#a8a8a8,#e8e8e8);color:#333}.podium-first{order:2;align-self:flex-end;margin-bottom:60px;z-index:10;border-color:gold;box-shadow:0 0 30px #ffd7004d,inset 0 1px #ffd70026;animation:podium-enter-first .6s ease-out forwards;animation-delay:.1s;padding:1.75rem 1.5rem}.podium-first .podium-avatar-container{width:140px;height:140px}.podium-first .podium-rank-badge{background:linear-gradient(135deg,#b8860b,gold);font-size:1.25rem;width:36px;height:36px}@keyframes podium-enter{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes podium-enter-first{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.podium-crown{position:absolute;top:-45px;filter:drop-shadow(0 0 15px rgba(255,215,0,.6));animation:crown-float 3s ease-in-out infinite}@keyframes crown-float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}.podium-glow{position:absolute;width:250%;height:250%;top:-75%;left:-75%;background:radial-gradient(ellipse at center,rgba(255,215,0,.15) 0%,transparent 60%);animation:podium-glow-pulse 4s ease-in-out infinite;pointer-events:none;z-index:-2}@keyframes podium-glow-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.podium-medal{margin-bottom:.5rem;display:flex;align-items:center;justify-content:center}.podium-medal svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.podium-first .podium-medal{width:40px;height:40px;color:gold}.podium-first .podium-medal svg{filter:drop-shadow(0 0 8px rgba(255,215,0,.5));width:100%;height:100%}.podium-second .podium-medal{width:32px;height:32px;color:silver}.podium-second .podium-medal svg{filter:drop-shadow(0 0 6px rgba(192,192,192,.4));width:100%;height:100%}.podium-third .podium-medal{width:28px;height:28px;color:#cd7f32}.podium-third .podium-medal svg{filter:drop-shadow(0 0 6px rgba(205,127,50,.4));width:100%;height:100%}.podium-avatar-link{text-decoration:none}.podium-avatar-container{position:relative;border-radius:50%;overflow:visible;margin-bottom:.75rem}.podium-position .podium-avatar{width:100%!important;height:100%!important}.podium-position .podium-avatar img{width:100%!important;height:100%!important;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid rgba(255,255,255,.1);transition:transform .3s ease}.podium-position:hover .podium-avatar{transform:scale(1.05)}.podium-rank-badge{position:absolute;bottom:-8px;right:-8px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;color:#fff;border:2px solid #1a1a1a;box-shadow:0 2px 8px #0000004d}.podium-username{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-decoration:none;transition:color .2s ease}.podium-username:hover{color:var(--primary-color)}.podium-first .podium-username{font-size:1.3rem;color:gold}.podium-second .podium-username{color:#e0e0e0}.podium-third .podium-username{color:#e6a860}.podium-stat-value{font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:.25rem}.podium-first .podium-stat-value{font-size:1.75rem;color:gold}.podium-second .podium-stat-value{color:#e0e0e0}.podium-third .podium-stat-value{color:#e6a860}.podium-stat-label{font-size:.8rem;color:#999;text-transform:uppercase;letter-spacing:.5px}.podium-videos{font-size:.75rem;color:#777;margin-top:.5rem}.podium-first:hover{box-shadow:0 0 40px #ffd70066,0 12px 40px #00000080;transform:translateY(-8px)}.podium-second:hover{box-shadow:0 0 30px #c0c0c04d,0 12px 40px #00000080;transform:translateY(-8px)}.podium-third:hover{box-shadow:0 0 30px #cd7f324d,0 12px 40px #00000080;transform:translateY(-8px)}.leaderboard-list{max-width:800px;margin:0 auto;padding:0 1rem}.leaderboard-row{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;margin-bottom:.75rem;transition:all .2s ease;opacity:0;animation:row-enter .4s ease-out forwards}.leaderboard-row:hover{background:#ffffff0f;transform:translate(4px);border-color:#ff00664d}@keyframes row-enter{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.row-rank{min-width:40px;font-size:1.25rem;font-weight:700;color:var(--text-secondary);text-align:center}.leaderboard-row[data-rank="4"] .row-rank,.leaderboard-row[data-rank="5"] .row-rank{color:var(--primary-color)}.leaderboard-row .row-avatar{width:48px!important;height:48px!important;flex-shrink:0}.leaderboard-row .row-avatar img{width:100%!important;height:100%!important;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid rgba(255,255,255,.1)}.row-info{flex:1;min-width:0}.row-username{display:block;font-size:1rem;font-weight:600;color:var(--text-primary);text-decoration:none;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-username:hover{color:var(--primary-color)}.row-videos{font-size:.8rem;color:var(--text-secondary)}.row-stat{text-align:right}.row-stat-value{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.row-stat-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase}@media (max-width: 768px){.leaderboard-title{font-size:2rem}.leaderboard-subtitle{font-size:.95rem}.leaderboard-tabs{gap:.5rem}.leaderboard-tab{padding:.75rem 1rem;font-size:.9rem}.leaderboard-tab .tab-label{display:none}.leaderboard-tab .tab-icon svg{width:24px;height:24px}.leaderboard-podium{flex-direction:column;align-items:center;gap:1.5rem;padding:1rem;min-height:auto}.podium-position{width:100%;max-width:280px;margin-top:0!important;margin-bottom:0!important}.podium-first{order:1}.podium-second{order:2}.podium-third{order:3}.podium-first .podium-avatar-container,.podium-second .podium-avatar-container,.podium-third .podium-avatar-container{width:100px;height:100px}.podium-crown{top:-35px}.podium-crown svg{width:36px;height:36px}.podium-first,.podium-second,.podium-third{animation:podium-enter-mobile .5s ease-out forwards}.podium-first{animation-delay:.1s}.podium-second{animation-delay:.2s}.podium-third{animation-delay:.3s}@keyframes podium-enter-mobile{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.leaderboard-row{padding:.875rem 1rem;gap:.75rem}.row-rank{min-width:32px;font-size:1rem}.leaderboard-row .row-avatar{width:40px!important;height:40px!important}.row-username{font-size:.9rem}.row-stat-value{font-size:1rem}}@media (max-width: 480px){.leaderboard-hero{padding:2rem 1rem}.leaderboard-title{font-size:1.75rem}.podium-position{max-width:240px;padding:1rem}.leaderboard-row{flex-wrap:wrap}.row-info{flex:1 1 calc(100% - 100px)}.row-stat{flex:1 1 100%;text-align:left;margin-top:.5rem;padding-left:52px}}.ambilight-container{position:relative;isolation:isolate;padding:20px;margin:-20px}.ambilight-glow{position:absolute;top:-120px;right:-120px;bottom:-120px;left:-120px;z-index:-1;pointer-events:none;opacity:0;transition:opacity .5s ease-out}.ambilight-glow.active{opacity:1}.ambilight-glow:before{content:"";position:absolute;top:0;left:5%;right:5%;height:70%;background:radial-gradient(ellipse 100% 60% at 50% 0%,var(--ambilight-top, transparent) 0%,transparent 60%);opacity:var(--ambilight-intensity, .8);filter:blur(var(--ambilight-blur, 100px))}.ambilight-glow:after{content:"";position:absolute;bottom:0;left:5%;right:5%;height:70%;background:radial-gradient(ellipse 100% 60% at 50% 100%,var(--ambilight-bottom, transparent) 0%,transparent 60%);opacity:var(--ambilight-intensity, .8);filter:blur(var(--ambilight-blur, 100px))}.ambilight-glow-left,.ambilight-glow-right{position:absolute;top:5%;bottom:5%;width:60%;pointer-events:none;filter:blur(var(--ambilight-blur, 100px))}.ambilight-glow-left{left:0;background:radial-gradient(ellipse 60% 100% at 0% 50%,var(--ambilight-left, transparent) 0%,transparent 60%);opacity:var(--ambilight-intensity, .8)}.ambilight-glow-right{right:0;background:radial-gradient(ellipse 60% 100% at 100% 50%,var(--ambilight-right, transparent) 0%,transparent 60%);opacity:var(--ambilight-intensity, .8)}.ambilight-corner{position:absolute;width:50%;height:50%;pointer-events:none;opacity:calc(var(--ambilight-intensity, .8) * .7);filter:blur(calc(var(--ambilight-blur, 100px) * 1.2))}.ambilight-corner.top-left{top:0;left:0;background:radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--ambilight-top, transparent) 50%,var(--ambilight-left, transparent)) 0%,transparent 50%)}.ambilight-corner.top-right{top:0;right:0;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--ambilight-top, transparent) 50%,var(--ambilight-right, transparent)) 0%,transparent 50%)}.ambilight-corner.bottom-left{bottom:0;left:0;background:radial-gradient(circle at 0% 100%,color-mix(in srgb,var(--ambilight-bottom, transparent) 50%,var(--ambilight-left, transparent)) 0%,transparent 50%)}.ambilight-corner.bottom-right{bottom:0;right:0;background:radial-gradient(circle at 100% 100%,color-mix(in srgb,var(--ambilight-bottom, transparent) 50%,var(--ambilight-right, transparent)) 0%,transparent 50%)}@keyframes ambilightPulse{0%,to{opacity:var(--ambilight-intensity, .8)}50%{opacity:calc(var(--ambilight-intensity, .8) * 1.15)}}.ambilight-glow.active .ambilight-glow-left,.ambilight-glow.active .ambilight-glow-right{animation:ambilightPulse 3s ease-in-out infinite}body.theater-active{overflow:hidden}body.theater-active .theater-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;z-index:40}body.theater-active .theater-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}body.theater-active .theater-player{width:100%;max-width:1600px;max-height:90vh}body.theater-active .ambilight-container{padding:40px;margin:-40px}body.theater-active .ambilight-glow{top:-200px;right:-200px;bottom:-200px;left:-200px}.ad-banner-container{display:flex;justify-content:center;align-items:center;margin:0 auto 1.5rem;width:100%;position:relative;z-index:1}.ad-banner-container:has(.ad-banner-desktop:empty):has(.ad-banner-mobile:empty){display:none}.ad-banner{display:flex;justify-content:center;align-items:center;max-width:100%}.ad-banner:empty{display:none}.ad-banner-desktop{display:block}.ad-banner-desktop:empty{display:none}.ad-banner-mobile{display:none}.ad-banner-mobile:empty{display:none}@media (max-width: 768px){.ad-banner-desktop{display:none}.ad-banner-mobile{display:block}.ad-banner-mobile:empty{display:none}}.native-ad-card{background:var(--card-bg);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;position:relative;z-index:1;min-height:280px;border:1px solid rgba(255,255,255,.05)}.native-ad-content{flex:1;display:flex;align-items:center;justify-content:center;padding:.5rem;min-height:270px}.native-ad-content>*{max-width:100%;max-height:100%}.ad-label{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:var(--text-secondary);font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;padding:.25rem .5rem;text-align:center}.native-ad-content iframe,.native-ad-card iframe{max-width:100%!important;border:none}@media (max-width: 480px){.native-ad-card{min-height:200px}.native-ad-content{min-height:190px}}.ad-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#ff00661a,#ff00661a 10px,#6600ff1a 10px,#6600ff1a 20px);border:2px dashed var(--primary-color);border-radius:8px;color:var(--text-secondary);font-size:.9rem;font-weight:500;gap:.25rem}.ad-placeholder-note{font-size:.7rem;opacity:.7}.ad-placeholder-desktop{width:908px;max-width:100%;height:258px}.ad-placeholder-mobile{display:none;width:300px;max-width:100%;height:100px}@media (max-width: 768px){.ad-placeholder-desktop{display:none}.ad-placeholder-mobile{display:flex}}.ad-placeholder-native{width:100%;height:270px}.first\:rounded-t-lg:first-child{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.last\:rounded-b-lg:last-child{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.focus-within\:w-\[50px\]:focus-within{width:50px}.hover\:-translate-y-0\.5:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-2:hover{--tw-translate-y: -.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:rotate-90:hover{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-125:hover{--tw-scale-x: 1.25;--tw-scale-y: 1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-card-border\/80:hover{border-color:#333c}.hover\:border-cyan-400\/60:hover{border-color:#22d3ee99}.hover\:border-gray-300:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.hover\:border-orange-600:hover{--tw-border-opacity: 1;border-color:rgb(234 88 12 / var(--tw-border-opacity, 1))}.hover\:border-primary:hover{--tw-border-opacity: 1;border-color:rgb(255 0 102 / var(--tw-border-opacity, 1))}.hover\:border-primary\/20:hover{border-color:#f063}.hover\:border-primary\/30:hover{border-color:#ff00664d}.hover\:border-primary\/40:hover{border-color:#f066}.hover\:border-primary\/50:hover{border-color:#ff006680}.hover\:border-purple-500\/60:hover{border-color:#a855f799}.hover\:border-secondary:hover{--tw-border-opacity: 1;border-color:rgb(102 0 255 / var(--tw-border-opacity, 1))}.hover\:border-text-muted:hover{--tw-border-opacity: 1;border-color:rgb(102 102 102 / var(--tw-border-opacity, 1))}.hover\:border-yellow-400:hover{--tw-border-opacity: 1;border-color:rgb(250 204 21 / var(--tw-border-opacity, 1))}.hover\:border-yellow-400\/60:hover{border-color:#facc1599}.hover\:\!bg-red-700:hover{--tw-bg-opacity: 1 !important;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))!important}.hover\:bg-\[\#e63946\]:hover{--tw-bg-opacity: 1;background-color:rgb(230 57 70 / var(--tw-bg-opacity, 1))}.hover\:bg-\[rgba\(255\,0\,102\,0\.25\)\]:hover{background-color:#ff006640}.hover\:bg-black\/80:hover{background-color:#000c}.hover\:bg-blue-500:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.hover\:bg-card:hover{--tw-bg-opacity: 1;background-color:rgb(26 26 26 / var(--tw-bg-opacity, 1))}.hover\:bg-card-border:hover{--tw-bg-opacity: 1;background-color:rgb(51 51 51 / var(--tw-bg-opacity, 1))}.hover\:bg-card-border\/50:hover{background-color:#33333380}.hover\:bg-card-hover:hover{--tw-bg-opacity: 1;background-color:rgb(34 34 34 / var(--tw-bg-opacity, 1))}.hover\:bg-cyan-400\/25:hover{background-color:#22d3ee40}.hover\:bg-dark-50:hover{--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-green-500:hover{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.hover\:bg-green-600:hover{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.hover\:bg-orange-500:hover{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.hover\:bg-orange-600:hover{--tw-bg-opacity: 1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))}.hover\:bg-primary:hover{--tw-bg-opacity: 1;background-color:rgb(255 0 102 / var(--tw-bg-opacity, 1))}.hover\:bg-primary\/10:hover{background-color:#ff00661a}.hover\:bg-primary\/20:hover{background-color:#f063}.hover\:bg-primary\/30:hover{background-color:#ff00664d}.hover\:bg-primary\/80:hover{background-color:#f06c}.hover\:bg-purple-500\/25:hover{background-color:#a855f740}.hover\:bg-red-500:hover{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.hover\:bg-red-500\/10:hover{background-color:#ef44441a}.hover\:bg-red-500\/20:hover{background-color:#ef444433}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-secondary-600:hover{--tw-bg-opacity: 1;background-color:rgb(92 0 230 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:bg-white\/\[0\.02\]:hover{background-color:#ffffff05}.hover\:bg-yellow-400\/25:hover{background-color:#facc1540}.hover\:text-\[\#5865F2\]:hover{--tw-text-opacity: 1;color:rgb(88 101 242 / var(--tw-text-opacity, 1))}.hover\:text-\[\#FF424D\]:hover{--tw-text-opacity: 1;color:rgb(255 66 77 / var(--tw-text-opacity, 1))}.hover\:text-\[\#FF4500\]:hover{--tw-text-opacity: 1;color:rgb(255 69 0 / var(--tw-text-opacity, 1))}.hover\:text-pink-500:hover{--tw-text-opacity: 1;color:rgb(236 72 153 / var(--tw-text-opacity, 1))}.hover\:text-primary:hover{--tw-text-opacity: 1;color:rgb(255 0 102 / var(--tw-text-opacity, 1))}.hover\:text-primary-400:hover{--tw-text-opacity: 1;color:rgb(255 77 138 / var(--tw-text-opacity, 1))}.hover\:text-primary\/70:hover{color:#ff0066b3}.hover\:text-primary\/80:hover{color:#f06c}.hover\:text-red-300:hover{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.hover\:text-red-400:hover{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.hover\:text-red-500:hover{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.hover\:text-secondary:hover{--tw-text-opacity: 1;color:rgb(102 0 255 / var(--tw-text-opacity, 1))}.hover\:text-text-primary:hover,.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-\[0_12px_40px_rgba\(255\,215\,0\,0\.6\)\]:hover{--tw-shadow: 0 12px 40px rgba(255,215,0,.6);--tw-shadow-colored: 0 12px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-primary\/10:hover{--tw-shadow-color: rgb(255 0 102 / .1);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-primary\/40:hover{--tw-shadow-color: rgb(255 0 102 / .4);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-primary\/60:hover{--tw-shadow-color: rgb(255 0 102 / .6);--tw-shadow: var(--tw-shadow-colored)}.focus\:border-primary:focus{--tw-border-opacity: 1;border-color:rgb(255 0 102 / var(--tw-border-opacity, 1))}.focus\:border-red-500:focus{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-primary:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 0 102 / var(--tw-ring-opacity, 1))}.focus\:ring-red-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus\:ring-offset-dark:focus{--tw-ring-offset-color: #0d0d0d}.active\:bg-red-800:active{--tw-bg-opacity: 1;background-color:rgb(153 27 27 / var(--tw-bg-opacity, 1))}.active\:bg-secondary-700:active{--tw-bg-opacity: 1;background-color:rgb(82 0 204 / var(--tw-bg-opacity, 1))}.active\:opacity-80:active{opacity:.8}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:h-1\.5{height:.375rem}.group:hover .group-hover\:w-\[50px\]{width:50px}.group:hover .group-hover\:scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-primary{--tw-text-opacity: 1;color:rgb(255 0 102 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width: 640px){.sm\:mx-1{margin-left:.25rem;margin-right:.25rem}.sm\:mb-2{margin-bottom:.5rem}.sm\:ml-1{margin-left:.25rem}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:h-20{height:5rem}.sm\:h-5{height:1.25rem}.sm\:h-9{height:2.25rem}.sm\:w-20{width:5rem}.sm\:w-5{width:1.25rem}.sm\:w-9{width:2.25rem}.sm\:min-w-\[32px\]{min-width:32px}.sm\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.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\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-1{gap:.25rem}.sm\:gap-2{gap:.5rem}.sm\:gap-3{gap:.75rem}.sm\:p-2{padding:.5rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:pb-4{padding-bottom:1rem}.sm\:pt-16{padding-top:4rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.md\:-mt-20{margin-top:-5rem}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-28{height:7rem}.md\:h-36{height:9rem}.md\:h-48{height:12rem}.md\:w-44{width:11rem}.md\:w-56{width:14rem}.md\:w-72{width:18rem}.md\:w-80{width:20rem}.md\:max-w-\[176px\]{max-width:176px}.md\:max-w-\[224px\]{max-width:224px}.md\:max-w-\[75\%\]{max-width:75%}.md\:flex-shrink-0{flex-shrink:0}.md\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:gap-6{gap:1.5rem}.md\:p-10{padding:2.5rem}.md\:p-3{padding:.75rem}.md\:p-4{padding:1rem}.md\:p-6{padding:1.5rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width: 1024px){.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:h-14{height:3.5rem}.lg\:w-14{width:3.5rem}.lg\:w-96{width:24rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:gap-10{gap:2.5rem}.lg\:p-6{padding:1.5rem}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 1792px){.\33xl\:col-span-3{grid-column:span 3 / span 3}.\33xl\:w-48{width:12rem}.\33xl\:max-w-\[1600px\]{max-width:1600px}.\33xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.\33xl\:gap-8{gap:2rem}}@media (min-width: 2560px){.\34xl\:w-56{width:14rem}.\34xl\:max-w-\[2000px\]{max-width:2000px}}.\[\&\:\:-moz-range-thumb\]\:h-2\.5::-moz-range-thumb{height:.625rem}.\[\&\:\:-moz-range-thumb\]\:w-2\.5::-moz-range-thumb{width:.625rem}.\[\&\:\:-moz-range-thumb\]\:cursor-pointer::-moz-range-thumb{cursor:pointer}.\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb{border-radius:9999px}.\[\&\:\:-moz-range-thumb\]\:border-0::-moz-range-thumb{border-width:0px}.\[\&\:\:-moz-range-thumb\]\:bg-white::-moz-range-thumb{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.\[\&\:\:-moz-range-thumb\]\:shadow-\[0_0_4px_rgba\(0\,0\,0\,0\.5\)\]::-moz-range-thumb{--tw-shadow: 0 0 4px rgba(0,0,0,.5);--tw-shadow-colored: 0 0 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.\[\&\:\:-webkit-slider-thumb\]\:h-2\.5::-webkit-slider-thumb{height:.625rem}.\[\&\:\:-webkit-slider-thumb\]\:w-2\.5::-webkit-slider-thumb{width:.625rem}.\[\&\:\:-webkit-slider-thumb\]\:cursor-pointer::-webkit-slider-thumb{cursor:pointer}.\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none}.\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb{border-radius:9999px}.\[\&\:\:-webkit-slider-thumb\]\:bg-white::-webkit-slider-thumb{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.\[\&\:\:-webkit-slider-thumb\]\:shadow-\[0_0_4px_rgba\(0\,0\,0\,0\.5\)\]::-webkit-slider-thumb{--tw-shadow: 0 0 4px rgba(0,0,0,.5);--tw-shadow-colored: 0 0 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter-btn-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;max-width:100%}.filter-btn-row{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.filter-btn{position:relative;background:linear-gradient(#1a1a1af2,#1a1a1af2) padding-box,var(--gradient) border-box;color:var(--primary-color);border:2px solid transparent;border-radius:18px;padding:.4rem 1rem;font-size:.9rem;cursor:pointer;box-shadow:0 1px 6px #6600ff1a;transition:background .2s,color .2s,box-shadow .2s,border-color .2s;white-space:nowrap}.filter-btn:hover{box-shadow:0 2px 8px #ff006626}.filter-btn.selected{background:var(--secondary-color);color:#fff;border:2px solid var(--secondary-color);box-shadow:0 0 0 2px var(--secondary-color),0 2px 12px #6600ff2e}.filter-btn.disabled,.filter-btn-container.disabled .filter-btn,.filter-btn-row.disabled .filter-btn{opacity:.3;cursor:not-allowed;pointer-events:none;filter:grayscale(.8)}.filter-group.disabled label{opacity:.5}.advanced-filter-btn{padding:.5rem 1.2rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:5px;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .3s;align-self:flex-end}.advanced-filter-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.advanced-filter-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding-top:3vh;padding-bottom:20vh;opacity:0;visibility:hidden;transition:opacity .3s ease,background .3s ease,backdrop-filter .3s ease,visibility .3s}.advanced-filter-modal.open{opacity:1;visibility:visible;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.advanced-filter-content{background:var(--card-bg, #1a1a1a);border-radius:16px;box-shadow:0 8px 32px #00000080;border:1px solid var(--border-color, #333);width:95vw;max-width:480px;max-height:85vh;overflow-y:auto;color:var(--text-primary);transform:scale(.9) translateY(-20px);opacity:0;transition:transform .3s ease,opacity .3s ease}.advanced-filter-modal.open .advanced-filter-content{transform:scale(1) translateY(0);opacity:1}.advanced-filter-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color, #333);position:sticky;top:0;background:var(--card-bg, #1a1a1a);z-index:10}.advanced-filter-title{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.advanced-filter-close{background:none;border:none;color:var(--text-secondary, #888);font-size:1.25rem;cursor:pointer;padding:.25rem;transition:color .2s}.advanced-filter-close:hover{color:var(--text-primary)}.advanced-filter-body{padding:0}.filter-section{border-bottom:1px solid var(--border-color, #333);overflow:visible}.filter-section[data-expanded=false]{overflow:hidden}.filter-section:last-child{border-bottom:none}.filter-section-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;cursor:pointer;transition:background .2s}.filter-section-header:hover{background:#ffffff08}.filter-section-chevron{font-size:.75rem;color:var(--text-secondary, #888);transition:transform .3s ease}.filter-section[data-expanded=true] .filter-section-chevron{transform:rotate(0)}.filter-section[data-expanded=false] .filter-section-chevron{transform:rotate(-90deg)}.filter-section-title{font-size:.95rem;font-weight:500;color:var(--text-primary);flex:1}.filter-badge{background:var(--primary-color, #667eea);color:#fff;font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:10px;min-width:1.25rem;text-align:center;transition:transform .2s ease}.filter-badge:hover{transform:scale(1.1)}.filter-section-content{padding:0 1.5rem 1.25rem;max-height:1000px;opacity:1;transition:max-height .3s ease,opacity .25s ease,padding .3s ease}.filter-section[data-expanded=false] .filter-section-content{max-height:0;opacity:0;padding-top:0;padding-bottom:0;overflow:hidden}.filter-description{font-size:.8rem;color:var(--text-secondary, #888);margin:0 0 .75rem}.advanced-filter-btn-row{display:flex;flex-wrap:wrap;gap:.5rem}.adv-btn{background:transparent;color:var(--text-secondary, #888);border:1px solid var(--border-color, #333);border-radius:6px;padding:.4rem .75rem;font-size:.85rem;cursor:pointer;transition:all .2s}.adv-btn:hover{border-color:var(--primary-color, #667eea);color:var(--primary-color, #667eea)}.adv-btn.selected{background:var(--primary-color, #667eea);color:#fff;border-color:var(--primary-color, #667eea)}.adv-category-list{display:flex;flex-wrap:wrap;gap:.5rem}.adv-category-btn{background:transparent;color:var(--text-secondary, #888);border:1px solid var(--border-color, #333);border-radius:6px;padding:.35rem .7rem;font-size:.85rem;cursor:pointer;transition:all .2s}.adv-category-btn:hover{border-color:var(--primary-color, #667eea);color:var(--primary-color, #667eea)}.adv-category-btn.selected{background:var(--primary-color, #667eea);color:#fff;border-color:var(--primary-color, #667eea)}.filter-slider-group{margin-bottom:1rem}.filter-slider-group:last-child{margin-bottom:0}.filter-slider-row{display:flex;align-items:center;gap:1rem}.filter-slider-row label{font-size:.85rem;color:var(--text-secondary, #888);min-width:80px}.filter-slider-row input[type=range]{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border-color, #333);border-radius:2px;outline:none;touch-action:none}.filter-slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--primary-color, #667eea);border-radius:50%;cursor:pointer;-webkit-transition:transform .2s;transition:transform .2s}.filter-slider-row input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.filter-slider-row input[type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--primary-color, #667eea);border-radius:50%;cursor:pointer;border:none}.filter-slider-value{font-size:.85rem;color:var(--primary-color, #667eea);font-weight:500;min-width:50px;text-align:right}.adv-duration-labels{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-secondary, #666);margin-top:.25rem;padding:0 80px 0 90px}.chip-input-group{margin-bottom:1rem}.chip-input-group:last-child{margin-bottom:0}.chip-input-group>label{display:block;font-size:.85rem;color:var(--text-secondary, #888);margin-bottom:.5rem}.chip-input-container{position:relative;background:#0003;border:1px solid var(--border-color, #333);border-radius:8px;padding:.5rem;display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;min-height:38px}.chip-input-container:focus-within{border-color:var(--primary-color, #667eea)}.chip-list{display:flex;flex-wrap:wrap;gap:.35rem}.filter-chip{display:inline-flex;align-items:center;gap:.35rem;background:var(--primary-color, #667eea);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;animation:chipAppear .2s ease}@keyframes chipAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.filter-chip-remove{background:none;border:none;color:#ffffffb3;font-size:.9rem;cursor:pointer;padding:0;line-height:1;transition:color .15s,transform .15s}.filter-chip-remove:hover{color:#fff;transform:scale(1.2)}.chip-input{flex:1;min-width:100px;background:transparent;border:none;color:var(--text-primary);font-size:.85rem;outline:none;padding:.25rem}.chip-input::-moz-placeholder{color:var(--text-secondary, #666)}.chip-input::placeholder{color:var(--text-secondary, #666)}.chip-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--card-bg, #1a1a1a);border:1px solid var(--border-color, #333);border-top:none;border-radius:0 0 8px 8px;max-height:0;overflow:hidden;z-index:100;opacity:0;transform:translateY(-10px);transition:max-height .25s ease,opacity .2s ease,transform .2s ease}.chip-dropdown.show{max-height:200px;overflow-y:auto;opacity:1;transform:translateY(0)}.chip-dropdown-item{padding:.5rem .75rem;cursor:pointer;font-size:.85rem;color:var(--text-primary);transition:background .15s}.chip-dropdown-item:hover,.chip-dropdown-item.selected{background:#667eea26;color:var(--primary-color, #667eea)}.chip-dropdown-item mark{background:var(--primary-color, #667eea);color:#fff;padding:0 2px;border-radius:2px}.chip-dropdown-empty{padding:.75rem;font-size:.85rem;color:var(--text-secondary, #888);text-align:center;font-style:italic}.popular-suggestions{margin-top:.5rem;font-size:.75rem;color:var(--text-secondary, #666)}.popular-suggestions span{color:var(--primary-color, #667eea);cursor:pointer;margin-right:.5rem}.popular-suggestions span:hover{text-decoration:underline}.filter-checkbox-group{display:flex;flex-direction:column;gap:.75rem}.filter-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background .15s}.filter-checkbox:hover{background:#ffffff08}.filter-checkbox input[type=checkbox]{display:none}.checkbox-custom{width:20px;height:20px;border:2px solid var(--border-color, #444);border-radius:4px;position:relative;transition:all .2s;flex-shrink:0}.filter-checkbox input[type=checkbox]:checked+.checkbox-custom{background:var(--primary-color, #667eea);border-color:var(--primary-color, #667eea)}.filter-checkbox input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.75rem;font-weight:700}.checkbox-label{font-size:.9rem;color:var(--text-primary)}.advanced-filter-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid var(--border-color, #333);position:sticky;bottom:0;background:var(--card-bg, #1a1a1a)}.adv-reset-btn{background:none;border:none;color:var(--text-secondary, #888);font-size:.9rem;cursor:pointer;padding:.5rem 1rem;transition:color .2s}.adv-reset-btn:hover{color:var(--text-primary)}.adv-apply-btn{background:var(--primary-color, #667eea);color:#fff;border:none;font-size:.9rem;font-weight:500;padding:.6rem 1.5rem;border-radius:6px;cursor:pointer;transition:all .2s}.adv-apply-btn:hover{opacity:.9;transform:translateY(-1px)}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--card-bg, #1a1a1a);border:1px solid var(--border-color, #333);border-top:none;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;z-index:100}.autocomplete-item{padding:.5rem .75rem;cursor:pointer;color:var(--text-primary);transition:background .15s;font-size:.85rem}.autocomplete-item:hover,.autocomplete-item.selected{background:#667eea26;color:var(--primary-color, #667eea)}.autocomplete-item mark{background:var(--primary-color, #667eea);color:#fff;padding:0 2px;border-radius:2px}.ad-zone{background:var(--card-bg);border:1px dashed var(--border-color);border-radius:16px;margin-bottom:1.5rem;padding:.75rem 0}.ad-banner-top{min-height:90px}.ad-sidebar{min-height:600px;position:sticky;top:90px;display:block}.ad-footer{min-height:90px}.native-ad-card.video-card{display:flex;flex-direction:column}.native-ad-card .video-thumbnail.ad-thumbnail{padding-top:0!important;height:auto!important;display:flex;align-items:flex-start;justify-content:center;background:transparent;overflow:visible}.native-ad-card .ad-thumbnail iframe{position:static!important;display:block!important;border:0!important}.native-ad-card .ad-thumbnail ins{position:static!important;display:block!important}.native-ad-card.ad-placeholder .ad-placeholder-content{width:308px;height:270px;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;border-radius:8px}.native-ad-card.ad-placeholder .ad-placeholder-text{color:var(--text-secondary);font-size:1rem;opacity:.5}@media (max-width: 1024px){.ad-sidebar{display:none!important}}:root{--primary-color: #ff0066;--secondary-color: #6600ff;--dark-bg: #0a0a0a;--card-bg: #1a1a1a;--text-primary: #ffffff;--text-secondary: #b3b3b3;--border-color: #333333;--hover-color: #ff3385;--gradient: linear-gradient(135deg, var(--primary-color), var(--secondary-color))}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--dark-bg);color:var(--text-primary);line-height:1.6}.header{background:var(--card-bg);padding:1rem 0;border-bottom:2px solid var(--border-color);position:sticky;top:0;z-index:1000}.header-content{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none}.logo-image{height:45px;width:auto;-o-object-fit:contain;object-fit:contain}.logo-text{font-size:1.8rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.search-bar{flex:1;min-width:280px;max-width:500px;margin:0 1.5rem;position:relative;display:flex;align-items:center}.search-bar input{width:100%;padding:.75rem 3rem .75rem 1rem;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:25px;color:var(--text-primary);font-size:.95rem;transition:border-color .3s}.search-bar input:focus{outline:none;border-color:var(--primary-color)}.search-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:var(--primary-color);border:none;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background .2s,transform .2s}.search-btn:hover{background:var(--primary-hover);transform:translateY(-50%) scale(1.05)}.search-btn:active{transform:translateY(-50%) scale(.95)}.nav-links{display:flex;gap:1rem;align-items:center}.nav-links a{color:var(--text-secondary);text-decoration:none;transition:color .3s;white-space:nowrap}.nav-links a:hover{color:var(--primary-color)}.social-links{display:flex;align-items:center;gap:.5rem;padding:0 .5rem;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);margin:0 .5rem}.social-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:var(--text-secondary);transition:all .2s ease}.social-link svg{width:18px;height:18px}.social-link:hover{transform:translateY(-2px)}.social-link[title=Discord]:hover{color:#5865f2;background:#5865f21a}.social-link[title=Reddit]:hover{color:#ff4500;background:#ff45001a}.social-link[title="X (Twitter)"]:hover{color:#fff;background:#ffffff1a}.social-link-kofi:hover{color:#ff5e5b;background:#ff5e5b1a}.social-link-patreon:hover{color:#ff424d;background:#ff424d1a}.nav-more-dropdown{position:relative}.nav-more-toggle{display:flex;align-items:center;gap:.25rem;background:none;border:none;color:var(--text-secondary);font-size:.95rem;cursor:pointer;padding:.5rem .75rem;border-radius:6px;transition:all .2s ease}.nav-more-toggle:hover{color:var(--text-primary);background:#ffffff0d}.nav-more-arrow{width:18px;height:18px;transition:transform .2s ease}.nav-more-dropdown.open .nav-more-arrow{transform:rotate(180deg)}.nav-more-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:.5rem;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;z-index:1000;box-shadow:0 4px 20px #0000004d}.nav-more-dropdown.open .nav-more-menu{opacity:1;visibility:visible;transform:translateY(0)}.nav-more-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;color:var(--text-secondary);text-decoration:none;border-radius:6px;transition:all .15s ease}.nav-more-item svg{width:18px;height:18px;opacity:.7}.nav-more-item:hover{color:var(--text-primary);background:#ffffff0d}.nav-more-item:hover svg{opacity:1}.nav-more-divider{height:1px;background:var(--border-color);margin:.5rem 0}.nav-more-social-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:.25rem .75rem;margin-bottom:.25rem}.nav-more-social{display:flex;gap:.25rem;padding:.25rem .5rem}.nav-more-social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;color:var(--text-secondary);transition:all .2s ease}.nav-more-social-link svg{width:18px;height:18px}.nav-more-social-link:hover{transform:translateY(-2px)}.nav-more-social-link[title=Discord]:hover{color:#5865f2;background:#5865f226}.nav-more-social-link[title=Reddit]:hover{color:#ff4500;background:#ff450026}.nav-more-social-link[title="X (Twitter)"]:hover{color:#fff;background:#ffffff1a}.nav-more-social-link.social-link-patreon:hover{color:#ff424d;background:#ff424d26}.nav-more-social-link.social-link-kofi:hover{color:#ff5e5b;background:#ff5e5b26}.nav-feature-link{color:var(--text-secondary);text-decoration:none;padding:.4rem .6rem;border-radius:6px;font-size:.85rem;white-space:nowrap;transition:color .2s,background .2s}.nav-feature-link:hover{color:var(--text-primary);background:#ffffff0d}.nav-adfree-link{background:linear-gradient(135deg,#667eea1a,#f725851a);border:1px solid rgba(247,37,133,.3);color:#f72585}.nav-adfree-link:hover{background:linear-gradient(135deg,#667eea33,#f7258533);color:#fff}.hamburger-btn{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:8px;background:transparent;border:none;cursor:pointer;z-index:1001}.hamburger-line{width:24px;height:2px;background:var(--text-primary);transition:transform .3s ease,opacity .3s ease}.hamburger-btn.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-btn.active .hamburger-line:nth-child(2){opacity:0}.hamburger-btn.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.user-info{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--card-bg);border-radius:20px;border:1px solid var(--border-color);margin-left:auto}.nav-avatar{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid rgba(102,126,234,.5)}.username{color:var(--text-primary);font-weight:500}.user-dropdown{position:relative}.user-dropdown-toggle{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:.5rem;border-radius:6px;transition:background .3s ease}.user-dropdown-toggle:hover{background:#ffffff1a}.user-dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000080;min-width:150px;overflow:hidden;z-index:1000}.dropdown-item{display:block;padding:.75rem 1rem;color:var(--text-primary);text-decoration:none;transition:background .3s ease}.dropdown-item:hover{background:#ffffff1a}.container{max-width:1400px;margin:0 auto;padding:2rem}.filters-section{background:var(--card-bg);padding:1rem 1.5rem;border-radius:16px;margin-bottom:2rem}.filters-toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.filters-toggle:hover{opacity:.8}.filters-toggle-icon{font-size:.75rem;color:var(--text-secondary);transition:transform .3s ease}.filters-section.expanded .filters-toggle-icon{transform:rotate(90deg)}.filters-toggle-text{font-size:1rem;font-weight:600;color:var(--text-primary)}.filters-active-badge{background:var(--primary-color, #667eea);color:#fff;font-size:.75rem;font-weight:600;padding:.15rem .5rem;border-radius:10px;min-width:20px;text-align:center}.filters-content{padding-top:1rem;border-top:1px solid var(--border-color, #333);margin-top:.5rem;overflow-y:hidden;overflow-x:visible;max-height:0;opacity:0;transition:max-height .4s ease-out,opacity .3s ease-out,padding-top .4s ease-out,margin-top .4s ease-out;padding-top:0;margin-top:0;border-top:none}.filters-section.expanded .filters-content{max-height:600px;opacity:1;padding-top:1rem;margin-top:.5rem;border-top:1px solid var(--border-color, #333);overflow:visible}.filters-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;margin-bottom:1rem}.filters-row.sort-row{margin-bottom:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.filter-group select,.filter-group input{padding:.5rem 1rem;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:5px;color:var(--text-primary);font-size:.9rem;min-width:150px}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:var(--primary-color)}.clear-filters-btn{padding:.6rem 1.2rem;background:transparent;border:1px solid var(--border-color);border-radius:5px;color:var(--text-secondary);cursor:pointer;transition:all .3s;align-self:flex-end}.clear-filters-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.stats-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.5rem 0}.stats-info{color:var(--text-secondary);font-size:.95rem}.view-toggle{display:flex;gap:.5rem}.view-btn{padding:.5rem 1rem;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:5px;transition:all .3s}.view-btn.active,.view-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-bottom:2rem;min-height:400px;align-content:start}.video-card{background:var(--card-bg);border-radius:12px;overflow:hidden;max-width:400px;width:100%;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease;border:1px solid rgba(255,255,255,.06)}.video-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0006;border-color:#ff00664d}a.video-link{text-decoration:none;color:inherit;display:block;cursor:pointer}a.video-link:hover,a.video-link:focus,a.video-link:active{text-decoration:none;color:inherit}a.video-title.video-link{display:-webkit-box;cursor:pointer}.video-thumbnail{position:relative;width:100%;padding-top:56.25%;background:#111;overflow:hidden}.video-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .35s ease,filter .35s ease}.video-card:hover .video-thumbnail img{transform:scale(1.05);filter:brightness(1.1)}.video-duration{position:absolute;bottom:8px;right:8px;background:#000000e6;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:600;color:#fff;z-index:5}.video-stats-row{display:flex;align-items:center;gap:1rem;padding-top:.25rem;margin-top:auto}.video-stats-row .stat-item{display:flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:500;color:var(--text-secondary);background:none;padding:0;border:none}.video-stats-row .stat-item .stat-icon{font-size:.9rem;opacity:.7}.video-stats-row .stat-item.rating .stat-icon,.video-stats-row .stat-item.likes .stat-icon{font-weight:700;-webkit-text-stroke:.5px currentColor}.video-stats-row .stat-item .stat-icon.date-icon{filter:grayscale(100%);opacity:.6}.preview-progress{position:absolute;bottom:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));z-index:10;transition:width .1s linear}.preview-video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:5}.preview-mute-btn{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background:#000000bf;border:none;cursor:pointer;z-index:15;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s ease,transform .1s ease;opacity:0;animation:fadeIn .3s ease forwards}.preview-mute-btn svg{width:18px;height:18px;fill:currentColor}.preview-mute-btn:hover{background:#000000f2;transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.preview-play-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color, #ff0066),var(--secondary-color, #6600ff));border:none;display:flex;align-items:center;justify-content:center;z-index:10;opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none;box-shadow:0 4px 20px #f066}.preview-play-indicator.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.preview-play-indicator .play-icon{width:24px;height:24px;fill:#fff;margin-left:3px}.preview-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.preview-loading .loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.video-info-wrapper{display:flex;height:290px;min-height:290px;max-height:290px;overflow:hidden}.video-info{padding:.75rem .85rem;display:flex;flex-direction:column;flex-grow:1;overflow:hidden;min-width:0}.video-info .video-title{flex-shrink:0;margin-bottom:.5rem}.video-info .video-tags,.video-info .video-artist-row,.video-info .video-stars-row{flex-shrink:0;margin-bottom:.35rem}.video-info .video-stats-row{flex-shrink:0;margin-top:auto;margin-bottom:.5rem}.video-info .video-meta-row{flex-shrink:0}.hearts-bar-arcade{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.3rem;padding:.5rem .4rem;padding-bottom:55px;flex-shrink:0}.hearts-bar-segments{display:flex;flex-direction:column-reverse;gap:4px}.hearts-bar-avg{font-size:.7rem;font-weight:600;color:inherit;opacity:.9;margin-top:.15rem}.hearts-bar-arcade.heat-level-0 .hearts-bar-avg{color:#64646e99}.hearts-segment{width:18px;height:18px;background:#3c3c4699;border:1px solid rgba(100,100,100,.4);border-radius:2px;transition:all .3s ease;position:relative}.hearts-segment.level-1.filled{background:linear-gradient(180deg,#7dd3fc,#38bdf8,#0ea5e9);border-color:#38bdf899;box-shadow:0 0 8px #38bdf880,inset 0 1px #c8f0ff66}.hearts-segment.level-2.filled{background:linear-gradient(180deg,#5eead4,#2dd4bf,#14b8a6);border-color:#2dd4bf99;box-shadow:0 0 8px #2dd4bf80,inset 0 1px #c8fff066}.hearts-segment.level-3.filled{background:linear-gradient(180deg,#fde047,#facc15,#eab308);border-color:#facc1599;box-shadow:0 0 8px #facc1580,inset 0 1px #fffac866}.hearts-segment.level-4.filled{background:linear-gradient(180deg,#fdba74,#fb923c,#f97316);border-color:#fb923c99;box-shadow:0 0 10px #fb923c99,inset 0 1px #ffdcb466}.hearts-segment.level-5.filled{background:linear-gradient(180deg,#ff6b6b,#ef4444,#dc2626);border-color:#ef4444cc;box-shadow:0 0 12px #ef4444b3,0 0 20px #ef444466,inset 0 1px #ffb4b480;animation:segmentBurn 1.5s ease-in-out infinite alternate}@keyframes segmentBurn{0%{box-shadow:0 0 12px #ef4444b3,0 0 20px #ef444466}to{box-shadow:0 0 16px #ef4444e6,0 0 28px #ef444480}}.hearts-segment.level-1.half{background:linear-gradient(180deg,#38bdf866,#0ea5e966);border-color:#38bdf84d}.hearts-segment.level-2.half{background:linear-gradient(180deg,#2dd4bf66,#14b8a666);border-color:#2dd4bf4d}.hearts-segment.level-3.half{background:linear-gradient(180deg,#facc1566,#eab30866);border-color:#facc154d}.hearts-segment.level-4.half{background:linear-gradient(180deg,#fb923c66,#f9731666);border-color:#fb923c4d}.hearts-segment.level-5.half{background:linear-gradient(180deg,#ef444466,#dc262666);border-color:#ef44444d}.hearts-bar-arcade .hearts-bar-icon{font-size:1.4rem;line-height:1;color:#888;text-shadow:none;transition:all .3s ease}.hearts-bar-arcade.heat-level-0 .hearts-bar-icon{color:#64646e99;text-shadow:none}.hearts-bar-arcade.heat-level-1 .hearts-bar-icon{color:#38bdf8;text-shadow:0 0 6px rgba(56,189,248,.5)}.hearts-bar-arcade.heat-level-2 .hearts-bar-icon{color:#2dd4bf;text-shadow:0 0 6px rgba(45,212,191,.5)}.hearts-bar-arcade.heat-level-3 .hearts-bar-icon{color:#facc15;text-shadow:0 0 8px rgba(250,204,21,.6)}.hearts-bar-arcade.heat-level-4 .hearts-bar-icon{color:#fb923c;text-shadow:0 0 10px rgba(251,146,60,.7)}.hearts-bar-arcade.heat-level-5 .hearts-bar-icon{color:#ef4444;text-shadow:0 0 8px rgba(239,68,68,.8),0 0 16px rgba(239,68,68,.5),0 -4px 12px rgba(255,150,50,.6);animation:burningHeart .8s ease-in-out infinite alternate}@keyframes burningHeart{0%{text-shadow:0 0 8px rgba(239,68,68,.8),0 0 16px rgba(239,68,68,.5),0 -4px 12px rgba(255,150,50,.6);transform:scale(1)}to{text-shadow:0 0 12px rgba(239,68,68,1),0 0 24px rgba(239,68,68,.7),0 -6px 18px rgba(255,200,50,.8),0 -10px 24px rgba(255,100,50,.4);transform:scale(1.1)}}.video-title{font-size:.95rem;font-weight:600;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;margin:0;transition:color .2s ease}.video-card:hover .video-title{color:var(--primary-color)}a.video-title{text-decoration:none;color:inherit}a.video-thumbnail{display:block;text-decoration:none}.video-link{cursor:pointer}.video-tags{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.tag,.video-category{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:4px;font-size:.7rem;font-weight:600;border:1px solid;transition:all .2s ease;cursor:pointer}.tag{background:#22d3ee1f;border-color:#22d3ee66;color:#22d3ee}.tag:hover{background:#22d3ee40;border-color:#22d3ee99}.video-category{background:#ff006626;border-color:#f066;color:#f06;text-transform:uppercase;letter-spacing:.3px}.video-category:hover{background:#ff006640}.tag.tag-more{background:#ffffff14;border-color:#fff3;color:#999}.video-pills-row,.video-artist-row,.video-stars-row{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.video-artist-pill{display:inline;background:#facc151f;border:1px solid rgba(250,204,21,.4);color:#facc15;padding:.2rem .55rem;border-radius:4px;font-size:.7rem;font-weight:600;line-height:1.8;box-decoration-break:clone;-webkit-box-decoration-break:clone}.video-artist-pill:hover{background:#facc1540;border-color:#facc1599}.video-star-pill{display:inline;background:#a855f71f;border:1px solid rgba(168,85,247,.4);color:#a855f7;padding:.2rem .55rem;border-radius:4px;font-size:.7rem;font-weight:600;line-height:1.8;box-decoration-break:clone;-webkit-box-decoration-break:clone}.video-star-pill:hover{background:#a855f740;border-color:#a855f799}.video-more-pill{display:inline-flex;align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#999;padding:.2rem .55rem;border-radius:4px;font-size:.7rem;font-weight:600;white-space:nowrap}.video-meta-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding-top:.35rem;border-top:1px solid rgba(255,255,255,.06);margin-top:.15rem}.video-meta-row .video-uploader{display:inline-flex;align-items:center;gap:.45rem;color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.video-meta-row .video-uploader:hover{color:var(--primary-color)}.uploader-avatar{width:22px;height:22px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid rgba(255,0,102,.3)}.uploader-name{font-size:.8rem;font-weight:500}.video-creator{font-size:.75rem;color:#777;padding-left:.5rem;border-left:1px solid rgba(255,255,255,.15)}.loading{text-align:center;padding:3rem;color:var(--text-secondary)}.spinner{border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.load-more-section{display:flex;justify-content:center;margin-top:2rem}.load-more-btn{padding:1rem 3rem;background:var(--gradient);border:none;border-radius:25px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .3s,box-shadow .3s}.load-more-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #f066}.load-more-btn:disabled{opacity:.5;cursor:not-allowed}.footer{background:var(--card-bg);border-top:2px solid var(--border-color);padding:2rem;margin-top:4rem;text-align:center}.footer-content{max-width:1400px;margin:0 auto;color:var(--text-secondary);font-size:.9rem}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem;flex-wrap:wrap}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--primary-color)}.no-results{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.no-results h2{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}@media (max-width: 768px){.header{--scroll-progress: 0;padding:calc(.75rem - (.35rem * var(--scroll-progress))) 0}.header-content{flex-wrap:wrap;gap:calc(.75rem * (1 - var(--scroll-progress)));padding:0 1rem}.header .logo{order:1}.hamburger-btn{display:flex;order:2;margin-left:auto}.search-bar{order:3;flex-basis:100%;width:100%;max-width:100%;margin:0;opacity:calc(1 - var(--scroll-progress));max-height:calc(50px * (1 - var(--scroll-progress)));overflow:hidden}.header.collapsing .search-bar{pointer-events:none}.nav-links{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:var(--card-bg);flex-direction:column;align-items:flex-start;padding:80px 1.5rem 2rem;gap:0;box-shadow:-4px 0 20px #00000080;transition:right .3s ease;z-index:1000;overflow-y:auto}.nav-links.open{right:0}.nav-links a{width:100%;padding:1rem 0;border-bottom:1px solid var(--border-color);font-size:1.1rem}.nav-links .social-links{width:100%;justify-content:center;padding:1rem 0;margin:0;border-left:none;border-right:none;border-bottom:1px solid var(--border-color);gap:1rem}.nav-links .social-link{width:40px;height:40px}.nav-links .social-link svg{width:22px;height:22px}.nav-links .user-info{width:100%;margin:0;padding:0;background:transparent;border:none}.nav-links .user-dropdown{width:100%}.nav-links .user-dropdown-toggle{width:100%;padding:1rem 0;justify-content:flex-start;font-size:1.1rem;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.nav-links .user-dropdown-toggle .nav-avatar{width:28px;height:28px}.nav-links .user-dropdown-toggle:after{content:"";width:8px;height:8px;border-right:2px solid var(--text-secondary);border-bottom:2px solid var(--text-secondary);transform:rotate(45deg);transition:transform .3s ease;margin-left:.5rem}.nav-links .user-dropdown.open .user-dropdown-toggle{border-bottom:none}.nav-links .user-dropdown.open .user-dropdown-toggle:after{transform:rotate(-135deg)}.nav-links .user-dropdown-menu{position:static;background:transparent;border:none;box-shadow:none;margin:0;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease}.nav-links .user-dropdown.open .user-dropdown-menu{display:block!important;max-height:200px}.nav-links .user-dropdown-menu .dropdown-item{padding:.75rem 0 .75rem 1.5rem;border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:1rem}.nav-links .user-dropdown-menu .dropdown-item:hover{color:var(--text-primary);background:#ffffff0d}.nav-links .nav-more-dropdown{width:100%}.nav-links .nav-more-toggle{width:100%;padding:1rem 0;justify-content:flex-start;font-size:1.1rem;border-bottom:1px solid var(--border-color);color:var(--text-primary);border-radius:0}.nav-links .nav-more-toggle:hover{background:transparent}.nav-links .nav-more-arrow{margin-left:auto}.nav-links .nav-more-dropdown.open .nav-more-toggle{border-bottom:none}.nav-links .nav-more-menu{position:static!important;background:transparent!important;border:none!important;box-shadow:none!important;margin:0;padding:0;min-width:unset;max-height:0;overflow:hidden;opacity:1!important;visibility:visible!important;transform:none!important;transition:max-height .3s ease}.nav-links .nav-more-dropdown.open .nav-more-menu{max-height:500px;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)!important}.nav-links .nav-more-item{padding:.75rem 0 .75rem 1.5rem;border-bottom:none}.nav-links .nav-more-divider{margin:.5rem 0 .5rem 1.5rem}.nav-links .nav-more-social-label{padding-left:1.5rem}.nav-links .nav-more-social{padding-left:1.5rem;flex-wrap:wrap}.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:999}.nav-overlay.visible{opacity:1;visibility:visible}.video-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.filters-section{padding:.75rem 1rem;margin-left:0;margin-right:0;overflow:visible}.filters-content{padding-left:0;padding-right:0;overflow:visible}.filters-section.expanded .filters-content{padding-top:1.25rem;padding-left:0;padding-right:0;overflow:visible;max-height:1200px}.filters-row{flex-direction:column;align-items:stretch;gap:1.25rem;margin-bottom:1.25rem}.filter-group{gap:.75rem;overflow:visible}.filter-group label{font-size:.9rem}.filter-group select,.filter-group input{width:100%}.filter-btn-container,.filter-btn-row{gap:.4rem;flex-wrap:wrap;justify-content:flex-start;overflow:visible}.filter-btn{padding:.5rem .75rem;font-size:.8rem}.advanced-filter-btn{width:100%;padding:.75rem 1rem}.stats-bar{flex-direction:column;gap:1rem;align-items:flex-start}}@media (max-width: 480px){.video-grid{grid-template-columns:1fr}.container{padding:1rem}.video-info-wrapper{height:260px;min-height:260px;max-height:260px}}.age-gate-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:10000;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.age-gate-content{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:2px solid #667eea;border-radius:16px;padding:3rem 2.5rem;max-width:500px;width:90%;text-align:center;box-shadow:0 8px 32px #667eea4d;animation:ageGateFadeIn .4s ease-out}@keyframes ageGateFadeIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.age-gate-icon{font-size:4rem;margin-bottom:1.5rem;animation:ageGatePulse 2s ease-in-out infinite}@keyframes ageGatePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.age-gate-title{font-size:2rem;color:#fff;margin-bottom:1rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.age-gate-message{color:#b3b3b3;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.age-gate-warning{background:#f4433633;border:1px solid #f44336;border-radius:8px;padding:1rem;margin-bottom:2rem;color:#ff6b6b;font-size:.95rem;font-weight:500}.age-gate-buttons{display:flex;gap:1rem;flex-direction:column}.age-gate-btn{padding:1rem 2rem;font-size:1.1rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.age-gate-enter{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.age-gate-enter:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.age-gate-enter:active{transform:translateY(0)}.age-gate-exit{background:#ffffff1a;color:#b3b3b3;border:1px solid rgba(255,255,255,.2)}.age-gate-exit:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff}.age-gate-legal{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);font-size:.85rem;color:gray;line-height:1.5}.age-gate-legal a{color:#667eea;text-decoration:none}.age-gate-legal a:hover{text-decoration:underline}@media (max-width: 768px){.age-gate-content{padding:2rem 1.5rem}.age-gate-title{font-size:1.75rem}.age-gate-message{font-size:1rem}.age-gate-icon{font-size:3rem}}@media (max-width: 480px){.age-gate-content{padding:1.5rem 1rem}.age-gate-title{font-size:1.5rem}.age-gate-btn{padding:.875rem 1.5rem;font-size:1rem}}.hero-section{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:12px;padding:3rem 2rem;text-align:center;margin-bottom:2rem;border:1px solid rgba(102,126,234,.2)}.tabs-container{margin-bottom:2rem}.tabs-nav{display:flex;gap:.5rem;border-bottom:2px solid rgba(255,255,255,.1);flex-wrap:wrap}.tab-btn{background:none;border:none;color:#fff9;padding:1rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;position:relative;bottom:-2px}.tab-btn:hover{color:#ffffffe6;background:#ffffff0d}.tab-btn.active{color:#667eea;border-bottom-color:#667eea}.tab-content{display:none;animation:fadeIn .3s ease}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-content{max-width:800px;margin:0 auto}.hero-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.hero-subtitle{font-size:1.1rem;color:#ffffffb3;margin:0}.video-section{margin-bottom:2.5rem}.section-title{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:1rem;padding-left:.5rem;border-left:4px solid #667eea}.video-scroll-container{display:flex;gap:1rem;overflow-x:auto;padding:.5rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.video-scroll-container::-webkit-scrollbar{height:8px}.video-scroll-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.video-scroll-container::-webkit-scrollbar-thumb{background:#667eea80;border-radius:4px}.video-scroll-container::-webkit-scrollbar-thumb:hover{background:#667eeab3}@media (max-width: 768px){.hero-section{padding:2rem 1.5rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.section-title{font-size:1.25rem}}@media (max-width: 480px){.hero-section{padding:1.5rem 1rem}.hero-title{font-size:1.5rem}.hero-subtitle{font-size:.9rem}}.rating-display{display:flex;align-items:center;gap:.5rem}.rating-display .stars{display:flex;gap:.1rem;font-size:1.2rem;line-height:1}.rating-display .star{color:gold;text-shadow:0 0 2px rgba(255,215,0,.5)}.rating-display .star.empty{color:#444}.rating-display .star.half:before{content:"★";position:absolute;width:50%;overflow:hidden;color:gold}.rating-display .rating-text{color:var(--text-color);font-size:.9rem;opacity:.9}.rating-interactive{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#ffffff08;border-radius:8px;border:1px solid rgba(102,0,255,.2)}.rating-interactive .stars{display:flex;gap:.3rem;font-size:2rem;line-height:1}.rating-interactive .stars.interactive .star{cursor:pointer;transition:all .2s ease;color:#444}.rating-interactive .stars.interactive .star:hover{transform:scale(1.2)}.rating-interactive .stars.interactive .star.filled{color:gold;text-shadow:0 0 8px rgba(255,215,0,.6)}.rating-interactive .rating-label{color:var(--text-color);font-size:.9rem;text-align:center;opacity:.8}.rating-compact{display:flex;align-items:center;gap:.25rem;font-size:.85rem}.rating-compact .star-icon{color:gold;font-size:1rem;text-shadow:0 0 2px rgba(255,215,0,.5)}.rating-compact .rating-value{color:var(--text-color);font-weight:600}.rating-compact .rating-count{color:var(--text-color);opacity:.6;font-size:.8rem}.rating-compact .no-rating{color:var(--text-color);opacity:.5;font-size:.85rem}.rating-histogram{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding:1rem;background:#ffffff05;border-radius:8px}.rating-histogram .no-ratings{text-align:center;color:var(--text-color);opacity:.5;padding:1rem}.histogram-row{display:grid;grid-template-columns:40px 1fr 100px;align-items:center;gap:.75rem}.histogram-label{color:gold;font-weight:600;font-size:.9rem;text-align:right}.histogram-bar-container{background:#ffffff0d;height:20px;border-radius:4px;overflow:hidden;position:relative}.histogram-bar{height:100%;background:linear-gradient(90deg,#60fc,#60f6);border-radius:4px;transition:width .3s ease}.histogram-count{color:var(--text-color);font-size:.85rem;opacity:.8;text-align:right}.rating-stats-section{margin-top:2rem;padding:1.5rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(102,0,255,.2)}.rating-stats-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.rating-stats-title{font-size:1.2rem;font-weight:600;color:var(--text-color)}.rating-average{display:flex;align-items:center;gap:.5rem}.rating-average-number{font-size:2.5rem;font-weight:700;color:gold;text-shadow:0 0 10px rgba(255,215,0,.3)}.rating-average-outof{font-size:1rem;color:var(--text-color);opacity:.6}.rating-total-count{font-size:.9rem;color:var(--text-color);opacity:.7;margin-top:.25rem}.video-info .rating-section{display:flex;align-items:center;gap:1rem;margin-top:.5rem;padding:.75rem;background:#ffffff05;border-radius:8px}.video-info .stat-item.rating{display:flex;align-items:center;gap:.5rem}.rating-filter{margin-top:1rem}.rating-filter label{display:block;margin-bottom:.5rem;color:var(--text-color);font-size:.9rem}.rating-filter-value{color:gold;font-weight:600;margin-left:.5rem}.rating-slider{width:100%;height:6px;border-radius:3px;background:#ffffff1a;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.rating-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));cursor:pointer;box-shadow:0 0 8px #6600ff80}.rating-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));cursor:pointer;box-shadow:0 0 8px #6600ff80;border:none}@media (max-width: 768px){.rating-interactive .stars{font-size:1.5rem}.rating-average-number{font-size:2rem}.histogram-row{grid-template-columns:35px 1fr 80px;gap:.5rem}}.comments-container{background:var(--card-bg);border-radius:12px;padding:2rem;margin:2rem 0;border:1px solid var(--border-color)}.comments-section{max-width:100%}.comments-title{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary)}.comment-form{margin-bottom:2rem}.comment-input{width:100%;background:var(--bg-color);border:2px solid var(--border-color);border-radius:8px;padding:.75rem;color:var(--text-primary);font-family:inherit;font-size:.95rem;resize:vertical;min-height:80px;transition:border-color .3s}.comment-input:focus{outline:none;border-color:var(--primary-color)}.comment-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;margin-top:.5rem}.comment-char-count{font-size:.85rem;color:var(--text-secondary);margin-right:auto}.btn-comment-submit,.btn-comment-cancel{padding:.5rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s;border:none}.btn-comment-submit{background:var(--primary-color);color:#fff}.btn-comment-submit:hover{background:#7c3aed}.btn-comment-cancel{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-comment-cancel:hover{background:#ffffff0d}.comment-login-prompt{text-align:center;padding:2rem;background:#6600ff1a;border-radius:8px;margin-bottom:2rem}.comment-login-prompt a{color:var(--primary-color);text-decoration:none;font-weight:600}.comment-login-prompt a:hover{text-decoration:underline}.comments-list{display:flex;flex-direction:column;gap:1.5rem}.no-comments{text-align:center;color:var(--text-secondary);padding:2rem;font-style:italic}.comment{background:var(--bg-color);border-radius:8px;padding:1rem;border:1px solid var(--border-color)}.comment.reply{margin-left:2rem;margin-top:1rem;background:#6600ff0d}.comment-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.comment-author{font-weight:600;color:var(--primary-color);text-decoration:none}.comment-author:hover{text-decoration:underline}.admin-badge{background:linear-gradient(135deg,#ff6b6b,red);color:#fff;font-size:.7rem;padding:.15rem .4rem;border-radius:4px;font-weight:600;text-transform:uppercase}.comment-date{font-size:.85rem;color:var(--text-secondary)}.comment-edited{font-size:.8rem;color:var(--text-secondary);font-style:italic}.comment-body{color:var(--text-primary);line-height:1.6;margin-bottom:.75rem;white-space:pre-wrap;word-wrap:break-word}.comment-actions{display:flex;gap:.75rem;flex-wrap:wrap}.comment-action-btn{background:transparent;border:none;color:var(--text-secondary);font-size:.9rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .3s;display:flex;align-items:center;gap:.25rem}.comment-action-btn:hover{background:#ffffff0d;color:var(--text-primary)}.comment-action-btn.liked{color:var(--primary-color)}.comment-delete-btn:hover{color:#f44}.comment-likes,.comment-replies{color:var(--text-secondary);font-size:.9rem}.reply-form{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.comment-replies{margin-top:1rem}@media (max-width: 768px){.comments-container{padding:1.5rem}.comment.reply{margin-left:1rem}.comment-header{flex-direction:column;align-items:flex-start;gap:.25rem}.comment-actions{gap:.5rem}}.heart-selector{position:absolute;bottom:100%;left:50%;transform:translate(-50%);display:flex;gap:.3rem;padding:.5rem .75rem;margin-bottom:12px;z-index:1000;background:#141419f2;border:1px solid rgba(255,107,107,.3);border-radius:8px;box-shadow:0 4px 20px #0006,0 0 15px #ff6b6b26}.heart-selector:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(20,20,25,.95)}.heart-selector:before{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid rgba(255,107,107,.3)}@media (max-width: 480px){.heart-selector{left:0;transform:none;gap:.2rem;padding:.4rem .6rem}.heart-selector:after,.heart-selector:before{left:20px;transform:none}.heart-icon{font-size:1.3rem}}.heart-icon{font-size:1.6rem;cursor:pointer;color:#ff6b6b59;transition:transform .15s ease,color .15s ease;opacity:0;animation:heartAppear .25s ease forwards;text-shadow:0 2px 8px rgba(0,0,0,.3)}@keyframes heartAppear{0%{opacity:0;transform:scale(0) translateY(8px)}70%{transform:scale(1.15) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.heart-icon:hover{transform:scale(1.2)}.heart-icon.filled{color:#ff6b6b}.heart-icon.hovered{color:#ff6b6b;transform:scale(1.15)}.hearts-display{color:#ff6b6b;letter-spacing:1px}.stat-item.hearts .stat-icon{color:#ff6b6b}
