@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }:host,html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}progress{vertical-align:initial}.select-none{-webkit-user-select:none;user-select:none}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.bg-transparent{background-color:initial}.from-accent\/15{--tw-gradient-from:#ff007f26 var(--tw-gradient-from-position);--tw-gradient-to:#ff007f00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary{--tw-gradient-from:#d90429 var(--tw-gradient-from-position);--tw-gradient-to:#d9042900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-500{--tw-gradient-from:#ef4444 var(--tw-gradient-from-position);--tw-gradient-to:#ef444400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-primary\/15{--tw-gradient-to:#d9042926 var(--tw-gradient-to-position)}.object-cover{object-fit:cover}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--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_15px_40px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow:0 15px 40px #00000080;--tw-shadow-colored:0 15px 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_15px_40px_rgba\(0\,0\,0\,0\.6\)\]{--tw-shadow:0 15px 40px #0009;--tw-shadow-colored:0 15px 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_20px_50px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow:0 20px 50px #00000080;--tw-shadow-colored:0 20px 50px 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_2px_5px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow:0 2px 5px #00000080;--tw-shadow-colored:0 2px 5px 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-\[4px_0_8px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:4px 0 8px #0006;--tw-shadow-colored:4px 0 8px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-accent\/20{--tw-shadow-color:#ff007f33;--tw-shadow:var(--tw-shadow-colored)}.shadow-black\/20{--tw-shadow-color:#0003;--tw-shadow:var(--tw-shadow-colored)}.shadow-black\/30{--tw-shadow-color:#0000004d;--tw-shadow:var(--tw-shadow-colored)}.shadow-primary\/20{--tw-shadow-color:#d9042933;--tw-shadow:var(--tw-shadow-colored)}.shadow-red-500\/15{--tw-shadow-color:#ef444426;--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid #0000;outline-offset:2px}.hover\:from-red-600:hover{--tw-gradient-from:#dc2626 var(--tw-gradient-from-position);--tw-gradient-to:#dc262600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Outfit,-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,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-0{bottom:0}.bottom-\[calc\(128px\+env\(safe-area-inset-bottom\,0px\)\)\]{bottom:calc(128px + env(safe-area-inset-bottom,0px))}.bottom-\[calc\(136px\+env\(safe-area-inset-bottom\,0px\)\)\]{bottom:calc(136px + env(safe-area-inset-bottom,0px))}.left-0{left:0}.left-1\/2{left:50%}.left-3\.5{left:.875rem}.right-0{right:0}.right-3\.5{right:.875rem}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-3\.5{top:.875rem}.top-4{top:1rem}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[60\]{z-index:60}.z-\[9999\]{z-index:9999}.col-span-2{grid-column:span 2/span 2}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.row-start-3{grid-row-start:3}.-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.-mt-2{margin-top:-.5rem}.-mt-6{margin-top:-1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.mr-4{margin-right:1rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.table-cell{display:table-cell}.table-row-group{display:table-row-group}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[50\%\]{height:50%}.h-\[56px\]{height:56px}.h-\[calc\(120px\+env\(safe-area-inset-bottom\,0px\)\)\]{height:calc(120px + env(safe-area-inset-bottom,0px))}.h-full{height:100%}.min-h-0{min-height:0}.min-h-\[140px\]{min-height:140px}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[50\%\]{width:50%}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[28px\]{min-width:28px}.min-w-\[32px\]{min-width:32px}.min-w-\[650px\]{min-width:650px}.max-w-\[120px\]{max-width:120px}.max-w-\[320px\]{max-width:320px}.max-w-\[380px\]{max-width:380px}.max-w-\[600px\]{max-width:600px}.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-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) 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{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[24px_44px_1fr_60px_68px\]{grid-template-columns:24px 44px 1fr 60px 68px}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-\[auto_1fr_auto\]{grid-template-rows:auto 1fr auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-x{border-left-width:1px;border-right-width:1px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-accent{--tw-border-opacity:1;border-color:rgb(255 0 127/var(--tw-border-opacity,1))}.border-accent\/20{border-color:#ff007f33}.border-accent\/40{border-color:#ff007f66}.border-blue-500\/15{border-color:#3b82f626}.border-blue-500\/25{border-color:#3b82f640}.border-border{border-color:#ff007f14}.border-emerald-500\/20{border-color:#10b98133}.border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-green-500\/15{border-color:#22c55e26}.border-green-500\/20{border-color:#22c55e33}.border-green-500\/25{border-color:#22c55e40}.border-neutral-800{--tw-border-opacity:1;border-color:rgb(38 38 38/var(--tw-border-opacity,1))}.border-primary\/15{border-color:#d9042926}.border-purple-500\/15{border-color:#a855f726}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-red-500\/15{border-color:#ef444426}.border-red-500\/20{border-color:#ef444433}.border-red-500\/25{border-color:#ef444440}.border-transparent{border-color:transparent}.border-white\/10{border-color:#ffffff1a}.border-white\/5{border-color:#ffffff0d}.border-white\/\[0\.07\]{border-color:#ffffff12}.border-white\/\[0\.08\]{border-color:#ffffff14}.border-white\/\[0\.1\]{border-color:#ffffff1a}.border-yellow-500\/20{border-color:#eab30833}.border-t-transparent{border-top-color:transparent}.bg-\[\#121212\]{--tw-bg-opacity:1;background-color:rgb(18 18 18/var(--tw-bg-opacity,1))}.bg-\[\#121212\]\/95{background-color:#121212f2}.bg-\[\#161616\]\/90{background-color:#161616e6}.bg-\[\#161616\]\/95{background-color:#161616f2}.bg-\[\#181818\]{--tw-bg-opacity:1;background-color:rgb(24 24 24/var(--tw-bg-opacity,1))}.bg-accent{--tw-bg-opacity:1;background-color:rgb(255 0 127/var(--tw-bg-opacity,1))}.bg-accent\/10{background-color:#ff007f1a}.bg-accent\/20{background-color:#ff007f33}.bg-base{--tw-bg-opacity:1;background-color:rgb(18 18 18/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/20{background-color:#0003}.bg-black\/30{background-color:#0000004d}.bg-black\/60{background-color:#0009}.bg-blue-500\/10{background-color:#3b82f61a}.bg-card{background-color:#1c0e1599}.bg-emerald-500\/10{background-color:#10b9811a}.bg-green-500\/10{background-color:#22c55e1a}.bg-neutral-800{--tw-bg-opacity:1;background-color:rgb(38 38 38/var(--tw-bg-opacity,1))}.bg-neutral-900{--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity,1))}.bg-primary{--tw-bg-opacity:1;background-color:rgb(217 4 41/var(--tw-bg-opacity,1))}.bg-purple-500\/10{background-color:#a855f71a}.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-transparent{background-color:transparent}.bg-txt-main{--tw-bg-opacity:1;background-color:rgb(255 240 245/var(--tw-bg-opacity,1))}.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\/5{background-color:#ffffff0d}.bg-white\/\[0\.03\]{background-color:#ffffff08}.bg-white\/\[0\.04\]{background-color:#ffffff0a}.bg-white\/\[0\.06\]{background-color:#ffffff0f}.bg-white\/\[0\.07\]{background-color:#ffffff12}.bg-white\/\[0\.08\]{background-color:#ffffff14}.bg-yellow-500\/5{background-color:#eab3080d}.bg-\[linear-gradient\(135deg\,rgba\(255\,255\,255\,0\.05\)\,rgba\(255\,255\,255\,0\.01\)\)\]{background-image:linear-gradient(135deg,#ffffff0d,#ffffff03)}.bg-\[linear-gradient\(135deg\,rgba\(255\,255\,255\,0\.07\)\,rgba\(255\,255\,255\,0\.025\)\)\]{background-image:linear-gradient(135deg,#ffffff12,#ffffff06)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-accent\/15{--tw-gradient-from:rgba(255,0,127,.15) var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,0,127,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary{--tw-gradient-from:#d90429 var(--tw-gradient-from-position);--tw-gradient-to:rgba(217,4,41,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-500{--tw-gradient-from:#ef4444 var(--tw-gradient-from-position);--tw-gradient-to:rgba(239,68,68,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-accent{--tw-gradient-to:#ff007f var(--tw-gradient-to-position)}.to-primary\/15{--tw-gradient-to:rgba(217,4,41,.15) var(--tw-gradient-to-position)}.to-rose-600{--tw-gradient-to:#e11d48 var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.\!p-6{padding:1.5rem!important}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.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-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.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-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.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-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-0{padding-bottom:0}.pb-2{padding-bottom:.5rem}.pb-2\.5{padding-bottom:.625rem}.pb-3{padding-bottom:.75rem}.pb-5{padding-bottom:1.25rem}.pb-\[calc\(140px\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))}.pb-\[env\(safe-area-inset-bottom\,0px\)\]{padding-bottom:env(safe-area-inset-bottom,0)}.pl-1{padding-left:.25rem}.pl-10{padding-left:2.5rem}.pl-2{padding-left:.5rem}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Outfit,-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-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[9px\]{font-size:9px}.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-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.normal-case{text-transform:none}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-normal{letter-spacing:0}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.\!text-primary{--tw-text-opacity:1!important;color:rgb(217 4 41/var(--tw-text-opacity,1))!important}.text-accent{--tw-text-opacity:1;color:rgb(255 0 127/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153/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-neutral-300{--tw-text-opacity:1;color:rgb(212 212 212/var(--tw-text-opacity,1))}.text-neutral-400{--tw-text-opacity:1;color:rgb(163 163 163/var(--tw-text-opacity,1))}.text-neutral-500{--tw-text-opacity:1;color:rgb(115 115 115/var(--tw-text-opacity,1))}.text-primary{--tw-text-opacity:1;color:rgb(217 4 41/var(--tw-text-opacity,1))}.text-purple-400{--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/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-txt-dim{--tw-text-opacity:1;color:rgb(115 95 106/var(--tw-text-opacity,1))}.text-txt-main{--tw-text-opacity:1;color:rgb(255 240 245/var(--tw-text-opacity,1))}.text-txt-muted{--tw-text-opacity:1;color:rgb(188 169 179/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-white{accent-color:#fff}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(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_15px_40px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow:0 15px 40px rgba(0,0,0,.5);--tw-shadow-colored:0 15px 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_15px_40px_rgba\(0\,0\,0\,0\.6\)\]{--tw-shadow:0 15px 40px rgba(0,0,0,.6);--tw-shadow-colored:0 15px 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_20px_50px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow:0 20px 50px rgba(0,0,0,.5);--tw-shadow-colored:0 20px 50px 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_2px_5px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow:0 2px 5px rgba(0,0,0,.5);--tw-shadow-colored:0 2px 5px 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-\[4px_0_8px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:4px 0 8px rgba(0,0,0,.4);--tw-shadow-colored:4px 0 8px var(--tw-shadow-color)}.shadow-\[4px_0_8px_rgba\(0\,0\,0\,0\.4\)\],.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(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-accent\/20{--tw-shadow-color:rgba(255,0,127,.2);--tw-shadow:var(--tw-shadow-colored)}.shadow-black\/20{--tw-shadow-color:rgba(0,0,0,.2);--tw-shadow:var(--tw-shadow-colored)}.shadow-black\/30{--tw-shadow-color:rgba(0,0,0,.3);--tw-shadow:var(--tw-shadow-colored)}.shadow-primary\/20{--tw-shadow-color:rgba(217,4,41,.2);--tw-shadow:var(--tw-shadow-colored)}.shadow-red-500\/15{--tw-shadow-color:rgba(239,68,68,.15);--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-md{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-sm,.backdrop-blur-xl{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.delay-150{transition-delay:.15s}.delay-75{transition-delay:75ms}.duration-150{transition-duration:.15s}:root{--bg-black:#000;--bg-base:#121212;--bg-card:rgba(28,14,21,.6);--bg-card-hover:rgba(45,20,32,.85);--bg-sidebar:#121212;--text-main:#fff0f5;--text-muted:#bca9b3;--text-dim:#735f6a;--primary:#d90429;--primary-glow:rgba(217,4,41,.4);--accent:#ff007f;--accent-glow:rgba(255,0,127,.3);--success:#ff007f;--danger:#ef233c;--border:rgba(255,0,127,.08);--border-active:rgba(255,0,127,.2);--font-sans:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--player-height:90px}*{box-sizing:border-box;margin:0;padding:0}#__nuxt,body,html{height:100%}body{background-color:#000;color:var(--text-main);font-family:var(--font-sans);overflow:hidden;width:100vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[role=button]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:none;box-shadow:0 0 0 2px #d90429}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:9999px;-webkit-transition:background .15s ease;transition:background .15s ease}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.app-container{display:grid;grid-template-columns:280px 1fr;grid-template-rows:1fr var(--player-height);height:100vh;background:var(--bg-black);gap:8px;padding:8px 8px 0}.app-sidebar{grid-column:1;grid-row:1;background:transparent;gap:8px;z-index:10}.app-sidebar,.sidebar-block{display:flex;flex-direction:column}.sidebar-block{background:var(--bg-base);border-radius:8px;padding:20px 16px;border:1px solid var(--border)}.sidebar-menu{gap:16px}.sidebar-library{flex-grow:1;overflow:hidden;gap:16px;min-height:0}.app-logo{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:800;color:var(--text-main);padding-left:4px}.app-logo-icon{font-size:24px;color:var(--primary)}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.sidebar-nav-item{display:flex;align-items:center;gap:16px;padding:10px 12px;color:var(--text-muted);text-decoration:none;font-weight:700;font-size:14px;border-radius:8px;transition:all .2s;cursor:pointer}.sidebar-nav-item:hover{color:var(--text-main);background:var(--bg-card-hover)}.sidebar-nav-item.active{color:var(--text-main);background:#ff007f1a;border:1px solid rgba(255,0,127,.15)}.sidebar-nav-item i{font-size:18px}.sidebar-playlists-header{display:flex;align-items:center;justify-content:space-between;padding:0 4px;color:var(--text-muted)}.library-title{font-size:14px;font-weight:700}.sidebar-playlists-header button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:20px;transition:color .2s;line-height:1}.sidebar-playlists-header button:hover{color:var(--accent)}.playlist-link{font-size:14px;color:var(--text-muted);text-decoration:none;padding:8px 12px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s,background-color .2s;cursor:pointer}.playlist-link.active,.playlist-link:hover{color:var(--text-main);background:var(--bg-card-hover)}.playlist-link.active{color:var(--success);font-weight:600}.app-content{grid-column:2;grid-row:1;overflow-y:auto;padding:24px 32px;height:100%;background:var(--bg-base);border-radius:8px}main{background:radial-gradient(circle at 60% 10%,#d9042914 0,#0a0508 70%)!important}.library-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;gap:20px}.search-wrapper{position:relative;flex-grow:1;max-width:480px}.search-input{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:10px 20px 10px 44px;color:var(--text-main);font-family:var(--font-sans);font-size:14px;transition:all .25s;outline:none}.search-input:focus{border-color:var(--primary);box-shadow:0 0 12px var(--primary-glow);background:var(--bg-card-hover)}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.view-tabs{display:flex;background:#0003;border:1px solid var(--border);padding:4px;border-radius:20px;gap:2px}.tab-btn{background:none;border:none;color:var(--text-muted);font-family:var(--font-sans);font-size:13px;font-weight:600;padding:8px 18px;border-radius:16px;cursor:pointer;transition:all .2s}.tab-btn.active,.tab-btn:hover{color:var(--text-main)}.tab-btn.active{background:var(--primary);box-shadow:0 4px 10px var(--primary-glow)}.play-all-btn{background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);color:var(--text-main);border:none;font-family:var(--font-sans);font-weight:700;font-size:14px;padding:10px 24px;border-radius:20px;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px var(--primary-glow);transition:all .3s cubic-bezier(.25,.8,.25,1)}.play-all-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--accent-glow),0 0 10px var(--primary-glow)}.play-all-btn:active{transform:translateY(0)}.song-list-container{display:flex;flex-direction:column;gap:6px}.song-row{display:grid;grid-template-columns:40px 60px 2fr 1fr 1fr 60px 80px;align-items:center;padding:10px 20px;background:transparent;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.song-row:hover{background:#ffffff0f;transform:scale(1.003)}.song-row.is-playing{background:#ffffff0a}.song-row.is-playing .song-title{color:var(--success)}.song-index{color:var(--text-dim);font-weight:500;font-size:14px;display:flex;align-items:center;justify-content:flex-start;width:24px}.song-row:hover .song-index span{display:none}.song-row:hover .song-index:after{content:"▶";font-size:10px;color:var(--text-main);padding-left:2px}.song-row.is-playing:hover .song-index span{display:none}.song-row.is-playing:hover .song-index:after{content:"⏸";font-size:10px;color:var(--success);padding-left:2px}.song-row.is-playing .song-index{color:var(--success)}.song-cover-wrapper{position:relative;width:40px;height:40px;border-radius:4px;overflow:hidden}.song-cover{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.song-cover-placeholder{width:100%;height:100%;background:#282828;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:16px}.song-info{display:flex;flex-direction:column;padding-left:8px;overflow:hidden}.song-title{font-weight:500;color:var(--text-main);font-size:15px}.song-artist,.song-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-artist{font-size:13px;color:var(--text-muted);margin-top:2px}.song-album,.song-genre{font-size:14px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:12px}.song-duration{font-size:14px;color:var(--text-muted);text-align:right;padding-right:8px}.song-actions-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px;display:flex;justify-content:center;align-items:center;height:32px;width:32px;border-radius:50%;transition:all .2s;justify-self:end}.song-actions-btn:hover{background:#ffffff0d;color:var(--text-main)}.playing-equalizer{display:flex;align-items:flex-end;gap:3px;width:14px;height:14px}.playing-bar{width:3px;height:100%;background:var(--success);border-radius:1px;animation:bounce-bar .8s ease-in-out infinite alternate}.playing-bar:nth-child(2){animation-delay:.25s}.playing-bar:nth-child(3){animation-delay:.5s}@keyframes bounce-bar{0%{height:20%}to{height:100%}}.albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px}.album-card{background:var(--bg-card);border:none;border-radius:8px;padding:16px;cursor:pointer;transition:background-color .3s ease;display:flex;flex-direction:column;position:relative}.album-card:hover{background:var(--bg-card-hover)}.album-card-cover-wrapper{position:relative;aspect-ratio:1;width:100%;border-radius:6px;overflow:hidden;box-shadow:0 8px 24px #00000080;margin-bottom:16px}.album-card-cover{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.album-card-play-overlay{position:absolute;bottom:8px;right:8px;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease;z-index:5}.album-card:hover .album-card-play-overlay{opacity:1;transform:translateY(0)}.album-play-btn{background:var(--primary);color:var(--text-main)!important;border:none;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 16px #0006;font-size:20px;transition:transform .1s,background-color .2s}.album-play-btn:hover{transform:scale(1.05);background:var(--accent)}.album-card-title{font-weight:600;font-size:15px;color:var(--text-main)}.album-card-artist,.album-card-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-card-artist{font-size:13px;color:var(--text-muted);margin-top:4px}.album-card-count{font-size:13px;color:var(--text-dim);margin-top:6px;font-weight:500}.artist-row{display:flex;align-items:center;padding:12px 24px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;margin-bottom:8px;transition:all .2s}.artist-row:hover{background:var(--bg-card-hover);border-color:var(--border-active);transform:translate(4px)}.artist-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);display:flex;align-items:center;justify-content:center;color:var(--text-main);font-weight:800;font-size:20px;margin-right:18px;box-shadow:0 4px 10px #0000004d}.artist-name{font-weight:600;font-size:16px;flex-grow:1}.artist-count{font-size:14px;color:var(--text-muted);margin-right:24px}.artist-row button{background:var(--primary);border:none;color:var(--text-main);font-family:var(--font-sans);font-weight:600;padding:8px 16px;border-radius:16px;cursor:pointer;transition:background .2s}.artist-row button:hover{background:var(--accent)}.playlists-grid{gap:24px}.playlist-card{transition:all .3s cubic-bezier(.25,.8,.25,1);flex-direction:column;position:relative}.playlist-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.playlist-card-icon{font-size:40px;margin-bottom:16px;width:64px;height:64px;border-radius:8px;background:linear-gradient(135deg,#ff007f33,#d9042933);display:flex;align-items:center;justify-content:center;border:1px solid hsla(0,0%,100%,.05)}.playlist-card-title{font-size:18px}.playlist-card-desc{font-size:13px;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:38px}.playlist-card-meta{font-size:12px;color:var(--text-dim);margin-top:12px;display:flex;justify-content:space-between;align-items:center}.playlist-card-delete{background:none;border:none;color:var(--text-dim);font-size:16px;cursor:pointer;transition:color .2s;padding:4px}.playlist-card-delete:hover{color:var(--danger)}.playlist-detail-header{background:linear-gradient(180deg,rgba(217,4,41,.15),transparent);border:1px solid var(--border);padding:32px;gap:24px;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.playlist-detail-artwork,.playlist-detail-header{border-radius:12px;display:flex;align-items:center}.playlist-detail-artwork{font-size:64px;width:100px;height:100px;background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);justify-content:center;box-shadow:0 8px 24px #0006}.playlist-detail-info{display:flex;flex-direction:column;flex-grow:1}.playlist-detail-type{font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:700;color:var(--success);margin-bottom:6px}.playlist-detail-title{font-size:32px;font-weight:800;color:var(--text-main);line-height:1.2}.playlist-detail-desc{font-size:14px;color:var(--text-muted);margin-top:6px}.playlist-detail-meta{font-size:13px;color:var(--text-dim);margin-top:10px}.playlist-detail-actions{display:flex;gap:12px}.playlist-detail-back{background:var(--bg-card);border:1px solid var(--border);color:var(--text-main);padding:8px 16px;border-radius:16px;font-family:var(--font-sans);font-weight:600;cursor:pointer;transition:all .2s}.playlist-detail-back:hover{background:var(--bg-card-hover);border-color:var(--border-active)}.app-player{grid-column:1/span 2;grid-row:2;background:var(--bg-card);border-top:1px solid var(--border);display:grid;grid-template-columns:280px 1fr 240px;align-items:center;padding:0 24px;z-index:100}.track-info{display:flex;align-items:center;gap:14px;overflow:hidden}.cover-thumb{-o-object-fit:cover;object-fit:cover;box-shadow:0 4px 8px #0006}.cover-placeholder,.cover-thumb{width:56px;height:56px;border-radius:6px}.cover-placeholder{background:linear-gradient(135deg,#1d0c15,#070103);border:1px solid var(--border)}.track-text{display:flex;flex-direction:column;overflow:hidden}.track-title{font-weight:600;color:var(--text-main);font-size:14px}.track-artist,.track-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist{font-size:12px;color:var(--text-muted);margin-top:2px}.player-controls-container{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:580px;margin:0 auto}.controls{gap:18px}.controls,.controls button{display:flex;align-items:center}.controls button{background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;transition:all .2s;justify-content:center;height:32px;width:32px;border-radius:50%}.controls button:hover:not(:disabled){color:var(--text-main);background:#ffffff0a}.controls button:disabled{opacity:.3;cursor:not-allowed}.controls button.active{color:var(--success);text-shadow:0 0 8px rgba(0,245,212,.4)}.play-btn{background:var(--text-main)!important;color:var(--bg-darker)!important;font-size:15px!important;height:38px!important;width:38px!important;border-radius:50%;box-shadow:0 4px 10px #0000004d;transition:transform .2s,background-color .2s!important}.play-btn:hover{transform:scale(1.08);background:#fff!important}.play-btn:active{transform:scale(.95)}.progress{display:flex;align-items:center;gap:10px;width:100%}.time{font-size:11px;color:var(--text-dim);font-weight:600;width:34px;text-align:center}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff14;border-radius:3px;height:4px;outline:none;cursor:pointer;width:100%;transition:height .1s}input[type=range]:hover{height:6px}input[type=range]::-webkit-slider-runnable-track{width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:var(--text-main);box-shadow:0 0 10px #00000080;-webkit-transition:transform .1s;transition:transform .1s}input[type=range]:hover::-webkit-slider-thumb{background:var(--success);transform:scale(1.2)}.volume{display:flex;align-items:center;gap:10px;justify-self:end;width:140px}.volume span{color:var(--text-muted);font-size:14px}.login-page{display:flex;align-items:center;justify-content:center;min-height:100%;width:100%;background:#000;box-sizing:border-box}.login-card{background:#121212;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:40px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:20px;box-shadow:0 15px 35px #00000080}.login-card h1{font-size:26px;font-weight:800;text-align:center;color:#fff;margin-bottom:2px}.login-card input{background:#00000059;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:12px 16px;color:#fff;font-family:var(--font-sans);font-size:15px;outline:none;transition:all .25s}.login-card input:focus{border-color:#ffffff4d;box-shadow:0 0 12px #ffffff0d}.login-card .error{color:#ef233c;font-size:13px;text-align:center;font-weight:500}.login-card button{background:#fff;color:#000;border:none;font-family:var(--font-sans);font-weight:700;font-size:15px;padding:13px;border-radius:500px;cursor:pointer;transition:all .2s}.login-card button:hover{background:#e2e2e2;transform:scale(1.02)}.login-card button:disabled{opacity:.6;cursor:not-allowed}.admin-page-container{display:flex;flex-direction:column;gap:32px}.admin-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:20px}.admin-header h1{font-size:28px;font-weight:800}.admin-nav-tabs{display:flex;gap:12px}.admin-tab-link{text-decoration:none;color:var(--text-muted);font-weight:600;font-size:14px;padding:8px 18px;border-radius:16px;border:1px solid transparent;transition:all .2s}.admin-tab-link:hover{color:var(--text-main);background:var(--bg-card)}.admin-tab-link.active-link{background:var(--primary);color:var(--text-main);box-shadow:0 4px 12px var(--primary-glow)}.upload-zone{border:2px dashed var(--border);background:var(--bg-card);border-radius:12px;padding:48px;text-align:center;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.upload-zone:hover{border-color:var(--primary);background:var(--bg-card-hover);box-shadow:0 0 20px var(--primary-glow)}.upload-icon{font-size:48px;animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.formats{font-size:12px;color:var(--text-dim);font-weight:600}.upload-actions{display:flex;gap:16px;margin-top:24px}.upload-actions button{background:var(--primary);border:none;color:var(--text-main);font-family:var(--font-sans);font-weight:700;font-size:14px;padding:12px 24px;border-radius:20px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px var(--primary-glow)}.upload-actions button:hover:not(:disabled){background:var(--accent);box-shadow:0 6px 15px var(--accent-glow)}.upload-actions button:disabled{opacity:.5;cursor:not-allowed}.upload-actions button.secondary{background:var(--bg-card);border:1px solid var(--border);box-shadow:none}.upload-actions button.secondary:hover{background:var(--bg-card-hover);border-color:var(--border-active)}.upload-queue{margin-top:32px;display:flex;flex-direction:column;gap:8px;background:#00000026;border-radius:8px;padding:16px;border:1px solid var(--border)}.queue-item{display:grid;grid-template-columns:2fr 100px 1fr;padding:10px 16px;border-radius:6px;background:#ffffff05;align-items:center}.queue-item.pending{border-left:3px solid var(--text-dim)}.queue-item.uploading{border-left:3px solid var(--primary);background:#d904290d}.queue-item.done{border-left:3px solid var(--success);background:#00f5d40d}.queue-item.error{border-left:3px solid var(--danger);background:#ff47570d}.status-badge{font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.05em;padding:2px 8px;border-radius:4px;justify-self:start}.pending .status-badge{background:var(--text-dim);color:var(--bg-darker)}.uploading .status-badge{background:var(--primary);color:var(--text-main)}.done .status-badge{background:var(--success);color:var(--bg-darker)}.error .status-badge{background:var(--danger);color:var(--text-main)}.queue-item .message{font-size:13px;color:var(--text-muted)}.admin-library{display:flex;flex-direction:column;gap:20px}.song-table{width:100%;border-collapse:collapse;text-align:left}.song-table td,.song-table th{padding:14px 16px;border-bottom:1px solid var(--border)}.song-table th{color:var(--text-dim);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.song-table tr:hover td{background:#ffffff05}.song-table .actions{display:flex;gap:8px}.song-table button{background:var(--bg-card);border:1px solid var(--border);color:var(--text-main);padding:6px 12px;border-radius:6px;cursor:pointer;font-family:var(--font-sans);font-weight:600;font-size:13px;transition:all .2s}.song-table button:hover{background:var(--bg-card-hover);border-color:var(--border-active)}.song-table button.danger{color:var(--danger);border-color:#ff475733}.song-table button.danger:hover{background:#ff47571a;border-color:var(--danger)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{background:var(--bg-dark);border:1px solid var(--border-active);border-radius:16px;padding:32px;width:100%;max-width:460px;box-shadow:0 10px 30px #000c,0 0 1px var(--primary);display:flex;flex-direction:column;gap:20px}.modal h2{font-size:22px;font-weight:800;margin-bottom:8px}.modal label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-muted);font-weight:600}.modal input,.modal textarea{background:#0000004d;border:1px solid var(--border);border-radius:8px;padding:10px 14px;color:var(--text-main);font-family:var(--font-sans);font-size:14px;outline:none;transition:border-color .2s}.modal input:focus,.modal textarea:focus{border-color:var(--primary)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:12px}.modal-actions button{padding:10px 20px;border-radius:8px;font-family:var(--font-sans);font-weight:700;font-size:14px;cursor:pointer;border:none;transition:all .2s}.modal-actions button:first-child{background:var(--primary);color:var(--text-main)}.modal-actions button:first-child:hover{background:var(--accent)}.modal-actions button:last-child{background:var(--bg-card);border:1px solid var(--border);color:var(--text-main)}.modal-actions button:last-child:hover{background:var(--bg-card-hover)}.loading{color:var(--text-muted)}.error,.loading{text-align:center;padding:48px;font-weight:500;font-size:15px}.error{color:var(--danger)}.admin-users-page{padding:32px;display:flex;flex-direction:column;gap:32px}.admin-subtitle{color:var(--text-muted);font-size:15px;margin-top:6px}.admin-users-content{display:flex;flex-direction:column;gap:32px}.admin-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.admin-card h2{font-size:18px;font-weight:700;margin-bottom:8px;color:var(--text-main)}.section-desc{color:var(--text-muted);font-size:14px;margin-bottom:20px}.invite-controls{display:flex;gap:16px;align-items:center}.select-wrapper{position:relative}.select-wrapper select{background:#0006;border:1px solid var(--border);border-radius:8px;color:var(--text-main);padding:10px 32px 10px 16px;font-family:var(--font-sans);font-size:14px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .25s;outline:none}.select-wrapper select:focus{border-color:var(--primary);box-shadow:0 0 8px var(--primary-glow)}.select-wrapper:after{content:"▼";font-size:10px;color:var(--text-muted);position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none}.select-wrapper.small select{padding:6px 28px 6px 12px;font-size:13px}.invite-link-display{display:flex;margin-top:16px;gap:12px;background:#0000004d;padding:8px 12px;border-radius:8px;border:1px dashed var(--border)}.invite-link-display input{flex:1;background:transparent;border:none;color:var(--text-muted);font-family:monospace;font-size:13px;outline:none}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);color:var(--text-main);border:none;font-family:var(--font-sans);font-weight:700;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--primary-glow)}.btn-secondary{background:#ffffff14;color:var(--text-main);border:1px solid var(--border);font-family:var(--font-sans);font-weight:600;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#ffffff1f}.users-table{width:100%;border-collapse:collapse;text-align:left}.users-table th{font-size:13px;font-weight:700;text-transform:uppercase;color:var(--text-muted)}.users-table td,.users-table th{padding:16px;border-bottom:1px solid var(--border)}.users-table td{font-size:14px;color:var(--text-main);vertical-align:middle}.users-table tr:last-child td{border-bottom:none}.users-table tr.inactive td{opacity:.5}.td-username{gap:12px}.td-username,.user-avatar{display:flex;align-items:center}.user-avatar{background:#ffffff14;width:32px;height:32px;border-radius:50%;justify-content:center;font-size:14px}.status-badge,.username-text{font-weight:600}.status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px}.status-badge.active{background:#2ecc7126;color:#2ecc71;border:1px solid rgba(46,204,113,.3)}.status-badge.inactive{background:#e74c3c26;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.btn-action{background:transparent;border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-sans);font-weight:600;font-size:13px;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .2s;margin-right:8px}.btn-action:hover{border-color:var(--text-main);color:var(--text-main)}.btn-action.danger{color:var(--danger);border-color:#d904294d}.btn-action.danger:hover{background:var(--danger);color:var(--text-main);border-color:var(--danger)}.invites-list{display:flex;flex-direction:column;gap:12px}.invite-item-row{justify-content:space-between;background:#ffffff05;border:1px solid var(--border);padding:14px 20px;border-radius:8px}.invite-item-row,.invite-meta{display:flex;align-items:center}.invite-meta{gap:16px}.role-tag{display:inline-block;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase}.role-tag.admin{background:#ff007f26;color:var(--accent);border:1px solid rgba(255,0,127,.3)}.role-tag.member{background:#d9042926;color:var(--primary);border:1px solid rgba(217,4,41,.3)}.invite-code{font-family:monospace}.invite-code,.invite-expiry{font-size:13px;color:var(--text-muted)}.empty-state{text-align:center;padding:24px;color:var(--text-muted);font-size:14px;border:1px dashed var(--border);border-radius:8px}.app-mobile-bottom-nav,.app-mobile-header{display:none}.playlists-view-container{display:flex;flex-direction:column;gap:24px}.playlists-view-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:16px}.playlists-view-header h2{font-size:24px;font-weight:800;background:linear-gradient(135deg,var(--text-main) 0,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.create-playlist-btn{background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);color:var(--text-main);border:none;font-family:var(--font-sans);font-weight:700;font-size:14px;padding:8px 16px;border-radius:16px;cursor:pointer;box-shadow:0 4px 10px var(--primary-glow);transition:all .2s}.create-playlist-btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px var(--accent-glow)}.playlists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.playlist-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:16px}.playlist-card:hover{background:var(--bg-card-hover);border-color:var(--border-active);transform:translateY(-2px);box-shadow:0 6px 18px #00000040}.playlist-card-icon{font-size:32px;background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.playlist-card-content{display:flex;flex-direction:column;overflow:hidden;flex-grow:1}.playlist-card-title{font-weight:700;font-size:16px;color:var(--text-main)}.playlist-card-desc,.playlist-card-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-card-desc{font-size:12px;color:var(--text-muted);margin-top:2px}.playlist-card-meta{font-size:10px;text-transform:uppercase;color:var(--success);font-weight:700;margin-top:4px}.empty-view{text-align:center;padding:48px;color:var(--text-dim)}@media(max-width:768px){.app-container{grid-template-columns:1fr!important;grid-template-rows:60px 1fr 76px 64px!important;height:100vh;overflow:hidden}.desktop-sidebar{display:none!important}.app-mobile-header{grid-row:1;grid-column:1;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--bg-sidebar);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100}.mobile-logo{gap:8px;font-size:20px;font-weight:800;color:var(--text-main)}.mobile-actions,.mobile-logo{display:flex;align-items:center}.mobile-actions{gap:12px}.mobile-action-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-main);cursor:pointer;font-size:16px;transition:all .2s}.mobile-action-btn:hover{background:var(--bg-card-hover);border-color:var(--border-active)}.app-content{grid-row:2;grid-column:1;padding:12px 8px!important;overflow-y:auto;height:100%;-webkit-overflow-scrolling:touch}.admin-card{padding:16px 12px!important;border-radius:12px!important}.library-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:20px}.search-wrapper{max-width:100%!important}.view-tabs{justify-content:space-between;width:100%;gap:6px}.tab-btn{flex:1;text-align:center;padding:8px 10px!important;font-size:13px!important}.play-all-btn{width:100%;justify-content:center;padding:10px!important}.song-row{grid-template-columns:30px 48px 1fr 50px 40px!important;padding:8px 10px!important;gap:4px}.song-row:hover{transform:none!important}.song-index{font-size:12px}.song-cover-wrapper{width:38px;height:38px}.song-info{padding-left:4px}.song-title{font-size:14px}.song-artist{font-size:12px}.song-album,.song-genre{display:none!important}.song-duration{font-size:12px;padding-right:0}.song-actions-btn{font-size:15px}.playlist-detail-header{flex-direction:column;text-align:center;padding:20px;gap:16px}.playlist-detail-artwork{width:80px;height:80px;font-size:48px;margin:0 auto}.playlist-detail-actions{flex-direction:column;width:100%}.playlist-detail-actions button{width:100%;justify-content:center}.albums-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important;gap:12px!important}.album-card{padding:10px!important;border-radius:8px}.album-card-title{font-size:13px!important}.album-card-artist{font-size:11px!important}.album-card-count{font-size:10px!important}.artist-row{padding:10px 14px!important}.playlists-grid{grid-template-columns:1fr!important;gap:10px!important}.playlist-card{padding:12px 16px!important;border-radius:8px}.app-player{grid-row:3;grid-column:1;height:76px!important;grid-template-columns:1fr auto!important;padding:0 16px!important;gap:12px;background:#0a0514f2;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.track-info{max-width:70%}.cover-placeholder,.cover-thumb{width:44px!important;height:44px!important}.player-controls-container{width:auto!important;margin:0!important;flex-direction:row!important;align-items:center;gap:8px}.controls{gap:8px!important}.controls button[title=Previous],.controls button[title=Repeat],.controls button[title=Shuffle]{display:none!important}.controls button[title=Next]{font-size:16px;width:28px;height:28px}.play-btn{width:34px!important;height:34px!important;font-size:13px!important}.progress{position:absolute!important;top:0!important;left:0!important;right:0!important;width:100%!important;gap:0!important}.progress .time{display:none!important}.progress .seek-bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0!important;width:100%!important;height:3px!important;border-radius:0!important;background:#ffffff26!important}.progress .seek-bar::-webkit-slider-thumb{width:6px!important;height:6px!important;border-radius:50%!important;background:var(--primary)!important}.volume{display:none!important}.app-mobile-bottom-nav{grid-row:4;grid-column:1;display:flex;justify-content:space-around;align-items:center;background:var(--bg-sidebar);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-muted);text-decoration:none;font-size:10px;font-weight:600;transition:all .2s;cursor:pointer;flex:1;height:100%;padding:8px 0}.mobile-nav-item i{font-size:18px;transition:transform .2s}.mobile-nav-item.active,.mobile-nav-item:hover{color:var(--text-main)}.mobile-nav-item.active{color:var(--accent)}.mobile-nav-item.active i{transform:scale(1.1);text-shadow:0 0 10px var(--accent-glow)}.app-top-nav{display:none!important}.admin-page-container{gap:20px!important;padding-top:8px!important}.admin-header{flex-direction:column!important;align-items:flex-start!important;gap:16px!important;border-bottom:1px solid var(--border)!important;padding-bottom:16px!important;width:100%!important}.admin-nav-tabs{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;overflow-x:auto!important;width:100%!important;padding-bottom:8px!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none}.admin-nav-tabs::-webkit-scrollbar{display:none!important}.admin-tab-link{flex:0 0 auto!important;text-align:center!important;padding:6px 14px!important;font-size:12px!important;border-radius:12px!important;white-space:nowrap!important}.modal-content{width:90%!important}.login-card,.modal-content{padding:24px!important;margin:0 auto}.login-card{width:100%!important;max-width:380px!important}.table-responsive{border:none!important;overflow-x:auto!important;width:100%!important;-webkit-overflow-scrolling:touch!important;padding-bottom:8px!important}.song-table,.users-table{display:table!important;width:100%!important;border-collapse:collapse!important;min-width:650px!important}.song-table thead,.users-table thead{display:table-header-group!important}.song-table tbody,.users-table tbody{display:table-row-group!important}.song-table tr,.users-table tr{display:table-row!important;background:transparent!important;border:none!important;padding:0!important;margin:0!important}.song-table td,.song-table th,.users-table td,.users-table th{display:table-cell!important;padding:10px 12px!important;font-size:13px!important;border-bottom:1px solid var(--border)!important;white-space:nowrap!important;background:var(--bg-card)!important;text-align:left!important}.song-table th,.users-table th{font-weight:700!important;color:var(--text-muted)!important;text-transform:uppercase!important;font-size:11px!important;letter-spacing:.05em!important;background:var(--bg-base)!important}.song-table td:first-child,.song-table th:first-child,.users-table td:first-child,.users-table th:first-child{position:sticky!important;left:0!important;z-index:10!important;background:#181818!important;box-shadow:4px 0 8px #0006!important;border-right:1px solid var(--border)!important}.song-table td.actions,.users-table td.actions{display:flex!important;align-items:center!important;gap:6px!important;border-bottom:none!important}.song-table td.actions button,.users-table td.actions button{padding:6px 12px!important;font-size:11px!important;font-weight:700!important;border-radius:6px!important}}.app-container.auth-container{grid-template-columns:1fr!important;grid-template-rows:1fr!important;padding:0!important;gap:0!important}.auth-container .app-content{border-radius:0!important;padding:0!important;grid-column:1!important;grid-row:1!important}.admin-actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:24px}.admin-action-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;flex-direction:column;align-items:flex-start;text-align:left;height:100%}.admin-action-card:hover{background:var(--bg-card-hover);border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 30px #0006,0 0 15px var(--primary-glow)}.admin-action-icon{font-size:28px;margin-bottom:16px;width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#ff007f26,#d9042926);display:flex;align-items:center;justify-content:center;border:1px solid hsla(0,0%,100%,.05)}.admin-action-title{font-weight:800;font-size:18px;color:var(--text-main);margin-bottom:8px}.admin-action-desc{font-size:13px;color:var(--text-muted);line-height:1.6}.sidebar-playlists-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto;flex-grow:1;padding-right:4px;margin-top:8px}.playlist-link-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;color:var(--text-muted);text-decoration:none;cursor:pointer;transition:all .2s}.playlist-link-row:hover{background:var(--bg-card-hover);color:var(--text-main)}.playlist-link-row.active{background:#ff007f1a;border:1px solid rgba(255,0,127,.15);color:var(--text-main)}.playlist-row-icon{font-size:16px;width:40px;height:40px;border-radius:6px;background:#ff007f14;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,0,127,.15);color:var(--primary);flex-shrink:0}.playlist-row-details{display:flex;flex-direction:column;overflow:hidden}.playlist-row-name{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-main)}.playlist-row-meta{font-size:12px;color:var(--text-dim);margin-top:2px}.app-top-nav{position:sticky;top:0;z-index:100;background:var(--bg-base);border-bottom:1px solid var(--border);margin:-24px -32px 24px;padding:16px 32px;justify-content:space-between;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-top-nav,.top-nav-left{display:flex;align-items:center}.top-nav-left{gap:16px;flex-grow:1;max-width:480px}.nav-circle-btn{width:40px;height:40px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border);color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s}.nav-circle-btn:hover{background:var(--bg-card-hover);border-color:var(--accent);transform:scale(1.05)}.top-search-wrapper{position:relative;flex-grow:1}.top-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--text-dim)}.top-search-input{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:500px;padding:10px 16px 10px 38px;color:var(--text-main);font-family:var(--font-sans);font-size:14px;outline:none;transition:all .25s}.top-search-input:focus{border-color:var(--accent);background:var(--bg-card-hover);box-shadow:0 0 10px #ff007f40}.top-nav-right{display:flex;align-items:center;gap:12px}.top-nav-btn{padding:8px 16px;border-radius:500px;font-weight:700;font-size:13px;border:1px solid transparent;cursor:pointer;transition:all .2s;text-decoration:none}.login-badge{background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);color:var(--text-main)}.login-badge:hover{transform:scale(1.03)}.admin-badge,.logout-badge{background:var(--bg-card);border-color:var(--border);color:var(--text-main)}.admin-badge:hover,.logout-badge:hover{background:var(--bg-card-hover);border-color:var(--accent)}.filter-pills-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.filter-pills{display:flex;gap:8px}.pill-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-main);padding:8px 16px;border-radius:500px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.pill-btn:hover{background:var(--bg-card-hover);border-color:var(--accent)}.pill-btn.active{background:var(--primary);border-color:var(--primary);color:var(--text-main);box-shadow:0 0 10px var(--primary-glow)}.play-all-pill-btn{background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);color:var(--text-main);border:none;padding:10px 20px;border-radius:500px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px var(--primary-glow);display:flex;align-items:center;gap:8px}.play-all-pill-btn:hover{transform:scale(1.04);box-shadow:0 6px 16px var(--accent-glow)}@keyframes slide-up-toast{0%{transform:translate(-50%,120%) scale(.92);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes slide-up-toast-md{0%{transform:translateY(120%) scale(.92);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.animate-slide-up{animation:slide-up-toast .45s cubic-bezier(.16,1,.3,1) forwards}@media(min-width:768px){.animate-slide-up{animation:slide-up-toast-md .45s cubic-bezier(.16,1,.3,1) forwards}}@keyframes volume-fade-mobile{0%{transform:translate(-50%,8px) scale(.95);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.animate-volume-mobile{animation:volume-fade-mobile .15s cubic-bezier(.16,1,.3,1) forwards}@keyframes volume-fade-desktop{0%{transform:translateY(8px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.animate-volume-desktop{animation:volume-fade-desktop .15s cubic-bezier(.16,1,.3,1) forwards}.premium-volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%}.premium-volume-slider:focus{outline:none}.premium-volume-slider::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--accent) 0,var(--accent) var(--volume-pct,0),hsla(0,0%,100%,.15) var(--volume-pct,0),hsla(0,0%,100%,.15) 100%);border-radius:4px;height:4px;-webkit-transition:background-color .15s ease;transition:background-color .15s ease}.volume-container:hover .premium-volume-slider::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--accent) 0,var(--accent) var(--volume-pct,0),hsla(0,0%,100%,.3) var(--volume-pct,0),hsla(0,0%,100%,.3) 100%)}.premium-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-4px;background-color:#fff;border-radius:50%;height:12px;width:12px;opacity:0;-webkit-transition:opacity .15s ease,transform .1s ease;transition:opacity .15s ease,transform .1s ease;box-shadow:0 2px 6px #0006}.volume-container:hover .premium-volume-slider::-webkit-slider-thumb{opacity:1}.premium-volume-slider:active::-webkit-slider-thumb{transform:scale(1.15)}.premium-volume-slider::-moz-range-track{background:linear-gradient(to right,var(--accent) 0,var(--accent) var(--volume-pct,0),hsla(0,0%,100%,.15) var(--volume-pct,0),hsla(0,0%,100%,.15) 100%);border-radius:4px;height:4px}.volume-container:hover .premium-volume-slider::-moz-range-track{background:linear-gradient(to right,var(--accent) 0,var(--accent) var(--volume-pct,0),hsla(0,0%,100%,.3) var(--volume-pct,0),hsla(0,0%,100%,.3) 100%)}.premium-volume-slider::-moz-range-thumb{background-color:#fff;border:none;border-radius:50%;height:12px;width:12px;opacity:0;-moz-transition:opacity .15s ease;transition:opacity .15s ease;box-shadow:0 2px 6px #0006}.volume-container:hover .premium-volume-slider::-moz-range-thumb{opacity:1}@media(max-width:640px){.premium-volume-slider::-webkit-slider-thumb{opacity:1}.premium-volume-slider::-moz-range-thumb{opacity:1}}.premium-seek-bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%}.premium-seek-bar:focus{outline:none}.premium-seek-bar::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--accent) 0,var(--accent) var(--seek-pct,0),hsla(0,0%,100%,.15) var(--seek-pct,0),hsla(0,0%,100%,.15) 100%);border-radius:4px;height:4px;-webkit-transition:background-color .15s ease;transition:background-color .15s ease}.premium-seek-bar:hover::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--accent) 0,var(--accent) var(--seek-pct,0),hsla(0,0%,100%,.3) var(--seek-pct,0),hsla(0,0%,100%,.3) 100%)}.premium-seek-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-4px;background-color:#fff;border-radius:50%;height:12px;width:12px;opacity:0;-webkit-transition:opacity .15s ease;transition:opacity .15s ease;box-shadow:0 2px 6px #0006}.premium-seek-bar:hover::-webkit-slider-thumb{opacity:1}.premium-seek-bar::-moz-range-track{background:linear-gradient(to right,var(--accent) 0,var(--accent) var(--seek-pct,0),hsla(0,0%,100%,.15) var(--seek-pct,0),hsla(0,0%,100%,.15) 100%);border-radius:4px;height:4px}.premium-seek-bar:hover::-moz-range-track{background:linear-gradient(to right,var(--accent) 0,var(--accent) var(--seek-pct,0),hsla(0,0%,100%,.3) var(--seek-pct,0),hsla(0,0%,100%,.3) 100%)}.premium-seek-bar::-moz-range-thumb{background-color:#fff;border:none;border-radius:50%;height:12px;width:12px;opacity:0;-moz-transition:opacity .15s ease;transition:opacity .15s ease;box-shadow:0 2px 6px #0006}.premium-seek-bar:hover::-moz-range-thumb{opacity:1}.placeholder\:text-neutral-500::-moz-placeholder{--tw-text-opacity:1;color:rgb(115 115 115/var(--tw-text-opacity,1))}.placeholder\:text-neutral-500::placeholder{--tw-text-opacity:1;color:rgb(115 115 115/var(--tw-text-opacity,1))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-105:hover,.hover\:scale-\[1\.02\]:hover{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-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02}.hover\:border-accent:hover{--tw-border-opacity:1;border-color:rgb(255 0 127/var(--tw-border-opacity,1))}.hover\:border-neutral-700:hover{--tw-border-opacity:1;border-color:rgb(64 64 64/var(--tw-border-opacity,1))}.hover\:border-white\/\[0\.12\]:hover{border-color:#ffffff1f}.hover\:bg-accent\/30:hover{background-color:#ff007f4d}.hover\:bg-card:hover{background-color:#1c0e1599}.hover\:bg-card-hover:hover{background-color:#2d1420d9}.hover\:bg-neutral-200:hover{--tw-bg-opacity:1;background-color:rgb(229 229 229/var(--tw-bg-opacity,1))}.hover\:bg-neutral-700:hover{--tw-bg-opacity:1;background-color:rgb(64 64 64/var(--tw-bg-opacity,1))}.hover\:bg-primary:hover{--tw-bg-opacity:1;background-color:rgb(217 4 41/var(--tw-bg-opacity,1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/15:hover{background-color:#ffffff26}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:bg-white\/\[0\.07\]:hover{background-color:#ffffff12}.hover\:bg-white\/\[0\.12\]:hover{background-color:#ffffff1f}.hover\:bg-white\/\[0\.15\]:hover{background-color:#ffffff26}.hover\:bg-white\/\[0\.1\]:hover{background-color:#ffffff1a}.hover\:bg-opacity-90:hover{--tw-bg-opacity:.9}.hover\:from-red-600:hover{--tw-gradient-from:#dc2626 var(--tw-gradient-from-position);--tw-gradient-to:rgba(220,38,38,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:to-rose-700:hover{--tw-gradient-to:#be123c var(--tw-gradient-to-position)}.hover\:text-accent:hover{--tw-text-opacity:1;color:rgb(255 0 127/var(--tw-text-opacity,1))}.hover\:text-neutral-200:hover{--tw-text-opacity:1;color:rgb(229 229 229/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-txt-main:hover{--tw-text-opacity:1;color:rgb(255 240 245/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.focus\:border-accent:focus{--tw-border-opacity:1;border-color:rgb(255 0 127/var(--tw-border-opacity,1))}.focus\:border-white\/30:focus{border-color:#ffffff4d}.focus\:bg-card-hover:focus{background-color:#2d1420d9}.focus\:bg-white\/\[0\.09\]:focus{background-color:#ffffff17}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:block{display:block}.group:hover .group-hover\:hidden{display:none}.group:hover .group-hover\:opacity-100{opacity:1}@media(min-width:640px){.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:w-48{width:12rem}.sm\:w-96{width:24rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:self-auto{align-self:auto}.sm\:\!p-10{padding:2.5rem!important}}@media(min-width:768px){.md\:relative{position:relative}.md\:bottom-28{bottom:7rem}.md\:bottom-auto{bottom:auto}.md\:left-auto{left:auto}.md\:right-6{right:1.5rem}.md\:right-auto{right:auto}.md\:top-\[88px\]{top:88px}.md\:z-50{z-index:50}.md\:z-auto{z-index:auto}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-start-2{grid-column-start:2}.md\:row-start-1{grid-row-start:1}.md\:row-start-2{grid-row-start:2}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-14{height:3.5rem}.md\:h-44{height:11rem}.md\:h-\[90px\]{height:90px}.md\:w-14{width:3.5rem}.md\:w-40{width:10rem}.md\:w-44{width:11rem}.md\:w-auto{width:auto}.md\:translate-x-0{--tw-translate-x:0px;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-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[24px_44px_3fr_2fr_1fr_60px_68px\]{grid-template-columns:24px 44px 3fr 2fr 1fr 60px 68px}.md\:grid-cols-\[280px_1fr\]{grid-template-columns:280px 1fr}.md\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.md\:grid-rows-\[1fr_90px\]{grid-template-rows:1fr 90px}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:justify-start{justify-content:flex-start}.md\:justify-between{justify-content:space-between}.md\:gap-0{gap:0}.md\:gap-2{gap:.5rem}.md\:gap-6{gap:1.5rem}.md\:rounded-xl{border-radius:.75rem}.md\:border-r-0{border-right-width:0}.md\:bg-base{--tw-bg-opacity:1;background-color:rgb(18 18 18/var(--tw-bg-opacity,1))}.md\:bg-card{background-color:#1c0e1599}.md\:p-0{padding:0}.md\:p-2{padding:.5rem}.md\:p-3{padding:.75rem}.md\:p-6{padding:1.5rem}.md\:p-7{padding:1.75rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:pb-0{padding-bottom:0}.md\:text-left{text-align:left}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xs{font-size:.75rem;line-height:1rem}.md\:shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}@media(min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1280px){.xl\:w-auto{width:auto}.xl\:min-w-\[92px\]{min-width:92px}.xl\:flex-row{flex-direction:row}.xl\:items-center{align-items:center}.xl\:justify-between{justify-content:space-between}}.playlist-cover-container[data-v-3eece294]{aspect-ratio:1/1}.snackbar-list-enter-active[data-v-68a69498],.snackbar-list-leave-active[data-v-68a69498]{transition:all .4s cubic-bezier(.16,1,.3,1)}.snackbar-list-enter-from[data-v-68a69498]{opacity:0;transform:translate(100%) scale(.92)}.snackbar-list-leave-to[data-v-68a69498]{opacity:0;transform:translateY(-20px) scale(.95)}