.login-page{background:radial-gradient(circle,#0a0a1a 0%,#000 100%);flex-direction:column;place-content:center;align-items:center;gap:6px;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.login-footer{z-index:10;color:#ffffff80;margin:0;font-size:11px;position:relative}.login-footer a{color:#ffffffb3;text-decoration:none}.login-sky{pointer-events:none;z-index:0;position:absolute;inset:0}.real-star{opacity:0;pointer-events:none;border-radius:50%;position:absolute}@keyframes login-star-appear{0%{opacity:0;transform:scale(.3)}to{opacity:var(--max-opacity);transform:scale(1)}}@keyframes login-star-twinkle{0%{opacity:calc(var(--max-opacity) * .25);filter:drop-shadow(0 0 1px)}to{opacity:var(--max-opacity);filter:drop-shadow(0 0 calc(var(--star-size) * 1.3) currentColor)}}.login-shooting-star{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(#a0d8ff), to(#fff));filter:blur(1px);opacity:0;z-index:1;background:linear-gradient(90deg,#0000,#a0d8ff,#fff);border-radius:50%;width:140px;height:2px;animation-name:login-shoot;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute}@keyframes login-shoot{0%{opacity:0;transform:translate(-300px)translateY(-150px)rotate(32deg)}10%{opacity:1}35%{opacity:1}to{opacity:0;transform:translate(1500px)translateY(900px)rotate(32deg)}}.login-card{z-index:10;-webkit-backdrop-filter:blur(4px);color:#fff;text-align:center;background:#0a0a1a26;border:1px solid #ffffff1f;border-radius:16px;width:320px;padding:32px 28px;font-family:system-ui,-apple-system,sans-serif;position:relative;box-shadow:0 0 60px #785aff26}.login-logo{justify-content:center;align-items:center;gap:10px;margin-bottom:-6px;display:flex}.login-logo-img{flex:none;width:40px;height:40px}.login-card h1{letter-spacing:.05em;color:#0000;text-align:left;background:linear-gradient(90deg,red 0%,#800020 40%,#fca5a5 50%,#800020 60%,red 100%) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;margin:3px 0 0;font-family:Bebas Neue,sans-serif;font-size:1.5rem;line-height:1;animation:6s cubic-bezier(.45,0,.15,1) infinite loadingGradientLeft}@keyframes loadingGradientLeft{0%{background-position:100% 0}35%{background-position:0 0}65%{background-position:0 0}to{background-position:100% 0}}.login-sub{color:#ffffff80;margin-bottom:24px;font-size:13px}.login-field{text-align:left;margin-bottom:16px;display:block}.login-field span{color:#fff9;margin-bottom:6px;font-size:12px;display:block}.login-field input{box-sizing:border-box;color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-size:14px;transition:border-color .25s,box-shadow .25s,background .25s}.login-field input:focus{border-color:#3db8f5;box-shadow:0 0 0 3px #3db8f526}.login-field input:-webkit-autofill{-webkit-text-fill-color:#fcfcfc;caret-color:#fcfcfc;transition:background-color 9999s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #1e1830}.login-field input:-webkit-autofill:hover{-webkit-text-fill-color:#fcfcfc;caret-color:#fcfcfc;transition:background-color 9999s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #1e1830}.login-field input:-webkit-autofill:focus{-webkit-text-fill-color:#fcfcfc;caret-color:#fcfcfc;transition:background-color 9999s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #1e1830}.login-field input:disabled{opacity:.5}.login-field input[type=password]::-ms-reveal{filter:invert();opacity:.6}.login-error{color:orange;background:#ff8d001a;border:1px solid #ffa50040;border-radius:8px;margin-bottom:16px;padding:8px 10px;font-size:13px}.login-card button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#800020 0%,#ff4081 50%,#800020 100%) 0 0/200% 100%;border:none;border-radius:12px;width:100%;margin-top:4px;padding:14px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .3s;animation:4s infinite btnGradient;position:relative;overflow:hidden;box-shadow:0 8px 24px #ff40814d}.login-card button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #ff408180}.login-card button:active:not(:disabled){transform:translateY(0)scale(.98)}.login-card button:disabled{opacity:.6;cursor:not-allowed}@keyframes btnGradient{0%,to{background-position:0%}50%{background-position:100%}}@font-face{font-family:Audiowide;src:url(/static/font/Audiowide.woff2)format("woff2"),url(/static/font/Audiowide.woff)format("woff");font-weight:400;font-style:normal}@font-face{font-family:Zappa;src:url(/static/font/Zappa.woff2)format("woff2"),url(/static/font/Zappa.woff)format("woff");font-weight:400;font-style:normal}#page-spinner{display:none}body.loading #page-spinner{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.hud-loader-container{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:160px;height:160px;display:flex;position:relative}.hud-loader{filter:drop-shadow(0 0 8px #ffa5004d);border:4px solid orange;border-radius:50%;width:140px;height:140px;animation:2s linear infinite spin;position:absolute;box-shadow:0 0 20px orange,0 0 30px #ff00004d,0 0 40px #ff8d0080}.hud-loader-inner{opacity:.3;border:2px dashed #ff8d00;border-radius:50%;width:90px;height:90px;animation:3.5s linear infinite spin-rev;position:absolute;box-shadow:inset 0 0 16px orange}.hud-loader-bar{border-top:3px solid red;border-right:3px solid #0000;border-bottom:3px solid transparent transparent;border-left:3px solid transparent transparent transparent;filter:blur(.5px);border-radius:50%;width:120px;height:120px;animation:1s linear infinite spin;position:absolute}.hud-dot{background-color:orange;border-radius:50%;width:16px;height:16px;margin-left:-8px;animation:1.2s infinite alternate pulse-dot;position:absolute;top:10%;left:50%;box-shadow:0 0 12px orange,0 0 24px red,0 0 40px #ff8d00}.hud-text{text-align:center;letter-spacing:.06em;color:orange;text-shadow:0 0 8px orange,0 0 2px red;width:100%;font-family:Audiowide,Consolas,monospace;font-size:1.1rem;animation:1.2s infinite alternate flicker;position:absolute;bottom:-40px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-rev{to{transform:rotate(-360deg)}}@keyframes pulse-dot{0%{box-shadow:0 0 10px orange,0 0 24px red,0 0 20px #ff8d00}to{box-shadow:0 0 16px orange,0 0 40px red,0 0 32px #ff8d00}}@keyframes flicker{0%,to{opacity:1}45%{opacity:.7}55%{opacity:.6}60%{opacity:.9}80%{opacity:1}}body{letter-spacing:.5px;color:#ccc;text-align:left;background-color:#0c041b;margin:0;padding:0;font-family:Zappa,sans-serif;font-size:14px;overflow-x:hidden}header{background-color:#130a29;justify-content:center;align-items:center;width:100%;height:80px;margin-bottom:50px;margin-left:0;margin-right:0;display:flex;position:relative;top:50px}header h1{text-transform:uppercase;color:#ccc;text-align:center;max-width:1000px;margin:0;font-family:Zappa,sans-serif;font-size:clamp(14px,5vw,30px);font-weight:700}.flip{display:inline-block;transform:scaleX(-1)}h4,h3{font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:clamp(14px,5vw,20px);line-height:1}.spacer{height:80px}p{font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:2px;color:#fcfcfc;font-size:13px;line-height:1.2}a{color:#fcfcfc;text-decoration:none}blockquote p{font-size:1.2rem}blockquote{color:#f8f8f2;background:#0c041b1a;border:1px solid #30293d;border-left-width:5px;border-radius:12px;margin:2rem 0;padding:2rem 2.5rem;font-family:Georgia,Times New Roman,serif;font-style:italic;line-height:1.2;position:relative}blockquote:after,blockquote:before{color:inherit;font-family:Times New Roman,serif;font-size:4rem;line-height:1;position:absolute;top:30px}blockquote:after{content:"“";left:5px}blockquote:before{content:"”";right:15px}blockquote cite{color:#ffd369;text-align:right;margin-top:1rem;font-style:normal;font-weight:700;display:block}.container{border-radius:5px;max-width:1000px;height:0;min-height:1000px;margin:0 auto;position:relative}.global-background-slider{z-index:0;pointer-events:none;border-radius:5px;width:1000px;height:1000px;position:fixed;top:53px;left:50%;overflow:hidden;transform:translate(-50%)}#slider-b ul{background-image:url(/static/covers/satyabe.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh}.global-background-slider ul{width:100%;height:100%;margin:0;padding:0;list-style:none;position:relative}.sepia-filter{-webkit-backdrop-filter:grayscale(.7)brightness(.8);backdrop-filter:grayscale(.7)brightness(.8);z-index:1;pointer-events:none;width:100%;height:100%;position:absolute}.pattern-overlay{pointer-events:none;z-index:2;background:linear-gradient(#0c041b00 50%,#0c041bb3 75%,#0c041b),url(/static/images/pattern.png);width:100%;height:100%;position:absolute}.global-background-slider li{opacity:0;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;animation:45s ease-in-out infinite AmadeusZappa;position:absolute;transform:scale(1)}.global-background-slider li:first-child{animation-delay:0s}.global-background-slider li:nth-child(2){animation-delay:15s}.global-background-slider li:nth-child(3){animation-delay:30s}@keyframes AmadeusZappa{0%{opacity:0;transform:scale(1)}5%{opacity:.5;transform:scale(1.02)}15%{opacity:1;transform:scale(1.06)}30%{opacity:1;transform:scale(1.12)}45%{opacity:.6;transform:scale(1.12)}55%{opacity:0;transform:scale(1.15)}to{opacity:0;transform:scale(1)}}footer{z-index:2;background-color:#130a29;justify-content:center;align-items:center;width:100%;padding:0;font-size:14px;display:flex;position:fixed;bottom:0;height:50px!important}.content{margin:0;padding:0}@media screen and (width<=768px){header{height:70px;margin-bottom:85px;top:65px}footer{height:50px;padding:0;font-size:12px}}.title-album{text-align:left}.title-album h2,.title-album h3,.title-album .tagline1{margin-left:10px}.title-album h3{color:#ccc;margin-top:10px;margin-bottom:4px;font-weight:700}.tagline1{color:#999;text-shadow:2px 2px 3px #000000b3;font-size:clamp(10px,1.1vw,14px);line-height:.1}.noresult{position:fixed;top:15%;left:50%;transform:translate(-50%)}.noresult,.title-container{text-align:center;word-wrap:break-word;max-width:1000px;margin:0 auto;padding:0 20px}.title-container .tagline{color:#fc0;word-wrap:break-word;text-shadow:1px 1px 1px #0009;font-size:.9375em;line-height:1.6}.tagline-center{text-align:center}@media (width<=768px){.title-container h2{font-size:1.25em;line-height:1.4}.tagline1{line-height:1.2}.title-container .tagline{text-align:justify;font-size:.75em;line-height:1.5}}.container h2,.title-container h2{color:#fcfcfc;text-shadow:2px 2px 2px #0009;text-transform:capitalize;margin:.3em 0;font-family:Zappa,sans-serif;font-size:clamp(15px,5vw,30px);font-weight:700}h4,h3{color:#fc0;letter-spacing:2px;text-shadow:2px 2px 2px #0009;margin-left:20px;font-family:Zappa,sans-serif;font-weight:400}.small{color:#fcfcfc;font-size:12px;font-style:italic;font-weight:400}a.change-color{color:#fcfcfc;text-decoration:none;animation:5s infinite changeColor}@keyframes changeColor{0%{color:#fcfcfc}25%{color:#ffe47a}50%{color:#fc0}75%{color:#ffe47a}to{color:#fcfcfc}}.no-effect .star{color:inherit;text-shadow:none;font-weight:400;animation:none}.star{color:#ffffffb3;text-shadow:0 0 5px orange,0 0 15px orange,0 0 20px orange,0 0 40px orange,0 0 60px red,0 0 10px #ff8d00,0 0 98px red;font-weight:700;animation:12s infinite blink}@keyframes blink{20%,24%,55%{color:#111;text-shadow:none}0%,19%,21%,23%,25%,54%,56%,to{text-shadow:0 0 5px orange,0 0 15px orange,0 0 20px orange,0 0 40px orange,0 0 60px red,0 0 10px #ff8d00,0 0 98px red;color:#fff6a9}}#searchInput{color:#fcfcfc;background-color:#222;border:none;border-radius:4px;width:100%;max-width:1000px;margin-bottom:10px;padding:8px}#albumResults{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));justify-items:center;gap:10px;display:grid}.playlist-info-container{align-items:center;gap:20px;max-width:95%;margin:0 auto;padding:20px 0;display:flex;position:relative}.playlist-container>h2,.playlist-container>.playlist-wrapper{max-width:95%;margin:0 auto}.playlist-details{color:#ccc;max-width:100%}.playlist-details h3{color:#fff}.playlist-details p,.playlist-details h3{margin:4px 0}#seeArtist,#seeMoreBtn,#seeMorePlayed,#seeMoreFeatured{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:flex-end;padding:0 16px;font-size:clamp(12px,1.8vw,14px);display:flex}.folder.hidden,.played-wrapper .folder.hidden,.artist-wrapper .folder.hidden,.recent-wrapper .folder.hidden,.playlist-wrapper .folder.hidden,.featured-wrapper .folder.hidden{display:none}#togglePlayed:checked~.folder-container .folder:nth-child(n+7),#toggleArtist:checked~.folder-container .folder:nth-child(n+7),#toggleAlbums:checked~.folder-container .folder:nth-child(n+7),#togglePlaylist:checked~.folder-container .folder:nth-child(n+6),#toggleFeatured:checked~.folder-container .folder:nth-child(n+7),.played-wrapper #togglePlayed:checked~.folder-container .folder.hidden,.artist-wrapper #toggleArtist:checked~.folder-container .folder.hidden,.recent-wrapper #toggleAlbums:checked~.folder-container .folder.hidden,.playlist-wrapper #togglePlaylist:checked~.folder-container .folder.hidden,.featured-wrapper #toggleFeatured:checked~.folder-container .folder.hidden{display:block}#toggleArtist:not(:checked)+#seeArtist:after,#togglePlayed:not(:checked)+#seeMorePlayed:after,#toggleAlbums:not(:checked)+#seeMoreBtn:after,#toggleFeatured:not(:checked)+#seeMoreFeatured:after{content:"See More"}#toggleArtist:checked+#seeArtist:after,#togglePlayed:checked+#seeMorePlayed:after,#toggleAlbums:checked+#seeMoreBtn:after,#toggleFeatured:checked+#seeMoreFeatured:after{content:"See Less"}#togglePlaylist:checked+#seePlaylist:after,#togglePlaylist:not(:checked)+#seePlaylist:after{cursor:pointer;font-size:20px}#togglePlaylist:not(:checked)+#seePlaylist:after{content:"See Related Playlist"}#togglePlaylist:checked+#seePlaylist:after{content:"Hide"}.home-container{flex-wrap:wrap;justify-content:center;max-width:1000px;margin:70px auto 80px;padding:0;position:relative}.folder-container{background:#130a29;border-radius:5px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));justify-content:center;gap:7px;margin:0 auto;padding:7px;display:grid}.related-container{background:0 0}.related,.artist,.folder{text-align:center}.related-icon,.artist-icon,.folder-icon{aspect-ratio:1;width:100%;max-width:150px;position:relative}.artist-fallback{color:#ccc;background:#1a1a1a;border-left:4px solid #ff4f4f;border-radius:8px;margin-top:20px;padding:20px;font-style:italic}.related-icon img{box-shadow:0 49px 74px -12px #0000008a}.artist-icon img,.related-icon img{-webkit-backdrop-filter:sepia(90%);backdrop-filter:sepia(90%);background:#ffffff1a;border-radius:50%;max-width:90%;max-height:90%;margin:0 auto;padding:9px;transition:transform .3s}.artist-icon.playing img{animation:5s linear infinite spin-vinyl}@keyframes spin-vinyl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.delete-btn:hover,.artist-icon:hover{transform:scale(1.1)}.artist-icon img,.related-icon img,.folder-icon img{-o-object-fit:cover;object-fit:cover}.delete-btn{color:#fff;cursor:pointer;text-align:center;background:#ff5722;border:none;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-family:Arial;font-size:30px;line-height:30px;display:flex;position:absolute;top:5px;right:5px}.mask{text-transform:uppercase;color:#fcfcfc;text-shadow:4px 4px 10px #000c;z-index:1;background:#0000004d;border-radius:5px;padding:5px 10px;font-family:Audiowide;font-size:clamp(40px,6vw,66px);font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aa,.aaa,.folder-name{color:#fcfcfc;text-align:center;text-shadow:1px 1px #333;margin-top:5px;font-size:clamp(10px,1.1vw,14px)}.aa{color:#fc0;font-style:italic}.aaa{color:#998657;font-style:italic}@media screen and (width<=768px){#albumResults,.folder-container{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.folder-icon{max-width:120px}.folder-name{font-size:clamp(12px,1.5vw,13px)}}#progress-bar-wrapper{width:100%}#progress-container{z-index:999;background-color:#222;width:clamp(480px,90vw,1000px);height:5px;margin:0 auto;position:fixed;top:53px;left:0;right:0}#progress{background-color:#fc0;width:0%;height:100%}@media (width<=768px){#progress-container{width:100%;height:5px;top:60px}}.navbar-hidden header{top:0}.menu-container,.navbar-container{justify-content:space-between;align-items:center;max-width:1000px;margin:0 auto;padding:0 20px;display:flex}.navsubmenu{z-index:1001;background:#222;border-radius:5px;width:150px;margin:0;padding:0;list-style:none;display:none;position:absolute;top:100%;left:0;box-shadow:0 2px 5px #0003}.navsubmenu li a{color:#fcfcfc;padding:10px;text-decoration:none;display:block}.navsubmenu li a:hover{background-color:#ff5722;border-radius:5px}.navbar-item:hover .navsubmenu{display:block}.navbar{color:#fcfcfc;z-index:1000;background-color:#0c041b;width:100%;padding:10px 0;position:fixed;top:0;box-shadow:0 2px 5px #0003}@media (width>=769px){.navbar{padding:15px 0}}.navbar-menu{margin:0;padding:0;list-style:none;display:flex}.on,.navbar-item a.active{color:#fff6a9;text-shadow:0 0 5px orange,0 0 15px orange,0 0 20px orange,0 0 40px orange,0 0 60px red,0 0 10px #ff8d00,0 0 98px red;background:0 0;font-weight:700;text-decoration:none;transition:all .3s}.navbar-item{margin-right:2px;position:relative}.navbar-item a,.navbar-item button{color:#999;vertical-align:middle;cursor:pointer;background:0 0;border:none;padding:4px 8px;text-decoration:none;display:inline-block;position:relative;font-size:14px!important}.search-form{display:flex}.search-form input[type=text]{color:#999;background-color:#222;border:none;border-radius:4px;padding:8px}#playlistSelector,input:focus{border-color:inherit;outline:none}.search-item{display:none}.navbar-center{align-items:center;min-width:0;display:flex}.navbar-nowplaying{text-align:right;flex-direction:column;justify-content:center;min-width:0;max-width:260px;display:flex;overflow:hidden}.navbar-nowplaying-title{white-space:nowrap;text-overflow:ellipsis;color:#fcfcfc;background:linear-gradient(90deg,#666 0% 46%,#f5f5f5 50%,#666 54% 100%) -100% 0/200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-right:6px;font-size:clamp(12px,2vw,13px);font-weight:700;animation:4.5s ease-in-out infinite alternate shimmer;display:inline;position:relative;overflow:hidden}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}.navbar-nowplaying-marquee{white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);width:99%;position:relative;overflow:hidden;mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}.navbar-nowplaying-marquee-unit-measure{visibility:hidden;pointer-events:none;white-space:nowrap;font-size:clamp(9px,1.6vw,11px);position:absolute;top:0;left:0}.navbar-nowplaying-marquee-track{white-space:nowrap;will-change:transform;backface-visibility:hidden;animation:12s linear infinite navbar-nowplaying-scroll;display:inline-flex;transform:translateZ(0)}.navbar-nowplaying-marquee-sep{color:#999;padding:0 5px}.navbar-nowplaying-marquee-track span{color:#999;font-size:clamp(9px,1.6vw,11px);display:inline-block}@keyframes navbar-nowplaying-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.navbar-toggle{cursor:pointer;background:0 0;border:none;display:none}.navbar-toggle span{background-color:#fcfcfc;width:25px;height:3px;margin:5px 0;transition:all .4s;display:block}@media screen and (width<=768px){.navbar-menu{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c041b33;flex-direction:column;width:100%;display:none;position:absolute;top:100%;left:0}.navbar-item{padding:7px;position:relative}.navbar-menu.active{display:flex}.navbar-item a,.navbar-item button,.navbar-menu.active .track-link.visible{color:#fff}.search-form{display:none}.navbar-container{justify-content:flex-start}.navbar-toggle{order:-1;margin-right:6px}.navbar-center{flex:none;order:0;min-width:0;position:static;transform:none}.navbar-nowplaying{text-align:right;flex:auto;order:1;min-width:0;max-width:none;margin-left:14px;position:static;overflow:hidden;transform:none}.search-input{color:#fff;background-color:#ffffff4d;border:none;border-radius:4px;padding:7px}.search-input::-webkit-input-placeholder{color:#111;opacity:.9}.search-input::placeholder{color:#111;opacity:.9}.search-input:-ms-placeholder-shown{color:#111;opacity:.9}.search-input::placeholder{color:#111;opacity:.9}.search-item{color:#fcfcfc;padding:10px;display:block;position:relative;box-shadow:0 20px 30px #ffffff4d}.navbar-item,.search-item{border-top:1px solid #fff3}.navbar-toggle{display:block}}.spatial-toggle-btn{cursor:pointer;vertical-align:middle;white-space:nowrap;background-color:#f0f0f0;border:1px solid #ccc;align-items:center;padding:5px 10px;font-size:1em;line-height:1;display:inline-flex}.spatial-toggle-btn img.button-icon{opacity:.7;vertical-align:middle;border:none;flex-shrink:0;width:20px;height:20px;margin-right:5px;display:inline-block}.track-link.hidden{display:none}.track-link{transition:all .1s}.on,.off{vertical-align:middle}.off,.track-link.visible{color:#999}.genre{background:0 0;justify-content:flex-end;align-items:center;width:100%;max-width:1000px;margin:10px auto;padding:0;display:flex;position:relative}.menu,.foot{align-items:center;margin:0;padding:0;list-style:none;display:flex}.menu li,.foot li{margin:0 1px;position:relative}.menu a,.foot a,.foot button{letter-spacing:.5px;box-sizing:border-box;color:#999;cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;height:100%;padding:5px 6px;text-decoration:none;display:flex;font-size:13px!important}.menu a:hover,.foot a:hover{background:#555}.menu a.active,.foot a.active,.foot button.active{color:#fff;background:#a50012}.toggle{color:#fff;cursor:pointer;text-align:center;justify-content:start;align-items:center;width:50px;height:50px;font-size:30px;display:none}@media (width<=768px){.toggle{display:flex}.menu{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1;background:#0009;flex-direction:column;width:100%;display:none;position:absolute;top:100%;left:0}.menu.active{display:flex}.menu a{color:#fcfcfc;text-align:center;padding:10px}}.genreSearchForm{margin-right:5px;display:flex}.genreInput{color:#fcfcfc;background-color:#222;border:none;border-radius:4px;width:200px;padding:8px}#eq-container{background:#000000e6;border-radius:10px;width:80%;max-width:300px;padding:20px;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.preset-btn{color:#fff700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;border:none;border-radius:8px;margin:2px;padding:6px 10px;font-family:Courier New,Courier,monospace;font-weight:700;transition:all .25s ease-in-out;position:relative;box-shadow:0 0 20px 2px #f0c}.preset-btn.active-glow{animation:1.5s infinite pulse}.preset-btn:before{content:"";z-index:-1;filter:blur(5px);opacity:0;background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red) 0 0/400%;border-radius:5px;width:calc(100% + 4px);height:calc(100% + 4px);transition:opacity .3s ease-in-out;animation:8s infinite bgshift;position:absolute;top:-2px;left:-2px}.preset-btn.active:before{opacity:1;animation:8s infinite bgshift}.preset-btn:after{content:"";z-index:-2;background:#ff00cc4d;border-radius:5px;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes bgshift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes pulse{0%{box-shadow:0 0 5px #f0c}50%{box-shadow:0 0 20px #f0c}to{box-shadow:0 0 5px #f0c}}.preset{justify-content:space-between;align-items:center;gap:5px;display:flex}.preset button{text-transform:uppercase;color:#fff;cursor:pointer;background:#4e4e4eb3;border:none;border-radius:8px;margin:0;padding:6px 10px;font-size:11px;font-weight:700;transition:all .3s;animation:none;display:inline-block;position:relative}.preset button:hover{background-color:#9a9a9ab3;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.preset button.active{color:#fff;background-color:#ff5722;transform:scale(.97)}.set{align-items:center;gap:5px;margin-right:10px;display:flex}.set1{align-items:center;margin-left:auto;display:flex}.ndas{text-shadow:2px 2px 3px #000000b3;color:#fcfcfc;letter-spacing:2px;padding:5px;font-size:14px;font-weight:700}.fade-in{animation:1s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{opacity:0;visibility:hidden;z-index:1000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s,visibility .3s;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:#333;background-image:url(/static/images/pattern.png);background-repeat:repeat;border-radius:12px;flex-direction:column;justify-content:space-between;width:90%;max-width:480px;height:85vh;max-height:90vh;padding:20px;transition:transform .3s;display:flex;position:relative;transform:translateY(-20px);box-shadow:0 6px 15px #0009}.modal.show{opacity:1;visibility:visible}.modal.show .modal-content{transform:translateY(0)}.close,.load{cursor:pointer;justify-content:center;align-items:center;width:30px;height:30px;font-family:Arial;font-size:40px;display:flex;position:absolute;top:15px;right:15px}.load{color:#fff3;background:0 0;border:none}.close{color:#fff;background:#ff5722;border-radius:50%}.equalizer{flex-direction:column;align-items:center;width:100%;height:100%;padding:10px;display:flex}.equalizer h2{text-align:center;color:#fff;margin-bottom:70px;font-size:22px}.eq-container{justify-content:center;gap:5px;width:80%;margin-left:-13px;padding:25px 0;display:flex}.slider-wrapper{flex-direction:column;align-items:center;width:8%;margin-right:8px;display:flex;position:relative}.slider-value{color:#fcfcfc;text-align:center;background:#fff3;border-radius:5px;min-width:40px;padding:3px 0;font-size:11px;position:absolute;top:-45px}input[type=range]{appearance:none;background:linear-gradient(90deg,#666,#ddd);border-radius:10px;outline:none;width:250px;height:8px;margin-top:120px;transform:rotate(-90deg)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#ff5722;border-radius:50%;width:18px;height:18px}.freq-label{color:#fff;text-align:center;margin-top:140px;font-size:12px}.volume-container{text-align:center;border:3px dotted #909090;border-radius:50%;width:150px;height:150px;margin:auto;position:relative}@media (width<=768px){.volume-container{bottom:30px}}@media (width>=480px){.volume-container{bottom:30px}}.volume-label{margin-top:170px;display:block}.volume-slider{opacity:0;pointer-events:none;width:100%;position:absolute;top:50%;transform:translateY(-50%)}.volume-knob{width:120px;height:120px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.knob{cursor:pointer;background:radial-gradient(circle at 30% 30%,#555,#222);border-radius:50%;width:100%;height:100%;position:relative;box-shadow:inset -2px -2px 5px #fff3,inset 2px 2px 5px #0009}.knob:before{content:"";background:radial-gradient(circle,#fff3,#0000);border-radius:50%;width:80%;height:80%;position:absolute;top:10%;left:10%}.indicator{background-color:#ff5722;border-radius:50%;width:20px;height:20px;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.modal1{z-index:9999;background-color:#000000d9;width:100%;height:100%;padding-top:25px;display:none;position:fixed;top:0;left:0;overflow:auto}.modal1-content{-o-object-fit:contain;object-fit:contain;border-radius:10px;max-width:30%;margin:auto;display:block;position:relative;box-shadow:0 0 15px #000}@media screen and (width<=768px){.modal1-content{max-width:90%}}@media screen and (width<=480px){.modal1-content{max-width:90%}}.tab-panel h2,.tab-panel h3,.tab-panel h4{color:#ffdc91;font-size:1.45rem;font-weight:700}.tab-panel .review-box{color:#f8f8f2;background:#0c041b1a;border:1px solid #30293d;border-left-width:5px;border-radius:12px;margin:0;padding:1rem;font-family:inherit;font-style:normal;line-height:1.2;position:relative}.tab-panel .review-box h1,.tab-panel .review-box h2,.tab-panel .review-box h3,.tab-panel .review-box h4,.tab-panel .review-box h5,.tab-panel .review-box h6{color:#ffdc91;font-family:inherit;font-style:normal;font-weight:700;line-height:1.3}.tab-panel .review-box h1{margin:1.4em 0 .5em;font-size:1.7rem}.tab-panel .review-box h3{margin:0 0 .4em;font-size:1.25rem}.tab-panel .review-box h4{margin:1.1em 0 .4em;font-size:1.1rem}.tab-panel .review-box h5,.tab-panel .review-box h6{margin:1em 0 .4em;font-size:1rem}.tab-panel .review-box h1:first-child,.tab-panel .review-box h2:first-child,.tab-panel .review-box h3:first-child,.tab-panel .review-box h4:first-child{margin-top:0}.tab-panel .review-box p{font-size:.8rem;line-height:1.2}.tab-panel .review-box ul,.tab-panel .review-box ol{margin:.5em 0 1.2em;padding-left:1.6em;font-style:normal;line-height:1.2}.tab-panel .review-box li{margin-bottom:.4em}.tab-panel .review-box li::marker{color:#ffdc91}.tab-panel .review-box strong{color:inherit;font-style:normal;font-weight:600}.tab-panel .review-box em{color:#f8f8f2;font-style:italic}.tab-panel .review-box a{color:#ff9ec4;font-style:normal;text-decoration:underline}.tab-panel .review-box a:hover{color:#ffdc91}.tab-panel .review-box code{background:#ffffff14;border-radius:4px;padding:.15em .4em;font-family:Courier New,monospace;font-size:.9em;font-style:normal}.tab-panel .review-box pre{background:#00000059;border-radius:8px;margin:1em 0;padding:1em;font-style:normal;overflow-x:auto}.tab-panel .review-box pre code{background:0 0;padding:0}.tab-panel .review-box hr{border:none;border-top:1px solid #ffffff26;margin:1.5em 0}.tab-panel .review-box blockquote{color:#f8f8f2;-webkit-box-shadow:none;box-shadow:none;background:#ffffff0d;border-left:3px solid #ffdc91;border-radius:6px;margin:1em 0;padding:.8em 1.2em;font-family:inherit;font-style:italic;position:static}.tab-panel .review-box blockquote:before,.tab-panel .review-box blockquote:after{content:none}.tab-panel .review-box table{border-collapse:collapse;width:100%;margin:1em 0;font-style:normal}.tab-panel .review-box th,.tab-panel .review-box td{text-align:left;border:1px solid #ffffff26;padding:.5em .8em}.tab-panel .review-box th{color:#ffdc91;background:#ffffff0d}.tab-content .tab-panel{background:0 0;border-radius:5px;padding:15px;display:block}#back{margin-top:10px;position:relative;bottom:5px;left:0}.metadata{letter-spacing:1px;color:#fcfcfc;background-color:#f003;border-radius:0 10px 10px 0;grid-template-columns:auto auto 1fr;gap:5px 10px;width:100%;max-width:60%;padding:15px;font-size:clamp(11px,2vw,13px);line-height:normal;display:grid}@media screen and (width<=768px){.metadata{max-width:80%}}.label{text-align:left;margin-left:5px;font-weight:700}.colon{text-align:center}.value{text-align:left}#control{flex:none;justify-content:center;align-items:center;display:flex}@media (width>=769px){.navbar-container{position:relative}#control{position:absolute;left:50%;transform:translate(-50%)}.navbar-nowplaying{text-align:right;max-width:320px;margin-left:0;position:absolute;top:50%;right:20px;transform:translateY(-50%)}}.control-btn,#play-pause{color:#787878;cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;margin:0 -4px;display:flex}.folder-menu{flex-wrap:wrap;justify-content:space-between;gap:5px;width:100%;margin-bottom:10px;display:flex}.folder-menu a{text-align:center;color:#fcfcfc;background-color:#322b4a;border-radius:5px;flex:auto;margin:2px;padding:5px;text-decoration:none}.folder-menu a.active{font-weight:700;background-color:#a50012!important}@media (width<=768px){.folder-menu a{font-size:20px}}.track-container{flex-direction:column;max-width:1000px;margin:0 auto;padding:10px 0 10px 20px;display:flex}.track-info{font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.5px;align-items:center;gap:5px;font-family:Zappa,sans-serif;font-size:clamp(12px,2vw,14px);display:flex}.track-duration{white-space:nowrap;opacity:.8;align-items:center;font-size:13px;display:flex}.track-title{vertical-align:middle;line-height:1.5;display:inline-block}.track-item{color:#fcfcfc;background:#0c041b4d;border-bottom:1px dotted #fff3;border-radius:10px 0 0 10px;padding:10px;font-size:clamp(14px,5vw,16px);font-weight:400}.track-item:hover{border-bottom-color:#0000}.track-item:hover,.track-item.playing{text-shadow:0 0 10px #fffc;background:#ffffff4d;box-shadow:0 4px 15px #ffffff4d}.track-item.playing{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.track-item.playing a{font-weight:700}.track-item a{color:#fff;justify-content:space-between;width:100%;font-weight:400;text-decoration:none;display:flex}.track-number{text-align:right;cursor:pointer;flex-shrink:0;width:20px;min-height:20px;margin-right:7px;transition:all .2s;display:inline-block;position:relative}.track-number .hover-icon{color:#fff;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.track-item:hover .track-number .number-text{visibility:hidden}.track-item:hover .track-number .play-icon{display:flex}.track-item.playing:hover .track-number .play-icon{display:none}.track-item.playing:hover .track-number .pause-icon{display:flex}.track-item .active-indicator{vertical-align:middle;display:none}.track-item.playing:not(:hover) .active-indicator{display:inline-block}.track-item.playing:not(:hover) .track-number,.track-item.playing:hover .active-indicator{display:none}.track-number .hover-icon svg{width:20px;height:20px}.visualizer{align-items:flex-end;gap:1px;width:20px;height:20px;margin-left:3px;margin-right:4px;display:flex;position:relative;overflow:hidden}.bar{background:linear-gradient(#faa,#ff2c2c);border-radius:2px;width:2px;margin-right:1px;box-shadow:0 0 5px #ff2c2c80}@media (hover:none){.track-item:hover .track-number,.track-item.playing:hover .track-number{display:none}.track-item.playing:not(:hover) .active-indicator,.track-item.playing:hover .active-indicator{display:inline-block}.track-item.playing:not(:hover) .track-number{display:none}}.add-to-playlist{white-space:nowrap;cursor:pointer;margin-left:10px}.dropdown{display:inline-block;position:relative}.dropdown-button{color:#fcfcfc;cursor:pointer;background-color:#a50012;border:none;border-radius:4px;padding:8px 12px;font-size:14px;transition:background .3s}input[type=checkbox]{display:none}#playlistTooltip{z-index:1000;display:none;position:absolute}.tooltip{background-color:#3c3c3c;border:1px solid #222;border-radius:5px;flex-direction:column;align-items:center;gap:10px;max-width:400px;margin:0 auto;padding:15px;display:flex;box-shadow:0 0 29px 10px #000000a6}.playlist-controls{flex-direction:row;gap:0;width:100%;display:flex}.klik{color:#fff;cursor:pointer;background-color:#a50012;border:none;border-radius:3px;padding:8px 15px}.klik:hover{background-color:#cb0016}#newPlaylistName{flex:1}#playlistSelector{width:100%}#newPlaylistName,#playlistSelector{color:#999;background-color:#222;border:1px solid #333;border-radius:3px;padding:8px}#addToPlaylistButton{color:#fff;cursor:pointer;background-color:#008cba;border:none;border-radius:3px;padding:8px 15px}#addToPlaylistButton:hover{background-color:#007bb5}@media (width<=768px){.playlist-controls{flex-direction:column;gap:8px;display:flex}#newPlaylistName{box-sizing:border-box;width:100%}.klik{border-radius:4px;width:100%;margin:0}.tooltip{max-width:100%;padding:10px}}.add-btn,.remove{color:#fff;cursor:pointer;text-shadow:0 1px 1px #00000059;background-color:#ffffff1a;border:none;justify-content:center;align-items:center;margin-left:7px;display:inline-flex}.add-btn{border-radius:50%;width:24px;height:24px;font-size:20px;line-height:1}.remove{border-radius:5px;padding:5px;font-size:11px;font-weight:700}.add-btn:focus{outline:none}.playlist-container{max-width:100%;margin:0 auto 200px;padding:0;position:relative}.zappa-quote{color:#fc0;overflow-wrap:break-word;text-shadow:1px 1px 1px #0009;font-size:.7rem;font-style:italic}a.btn{text-transform:none;color:#fff;cursor:pointer;text-align:center;background:#ff2c2c;border:none;border-radius:4px;margin-right:10px;padding:5px 8px;font-size:13px;font-weight:400;display:inline-block}.remove,a.btn{float:right;margin-right:0}table{border-collapse:collapse;text-align:left;background:#0c041b4d;border:2px solid #ffffff80;border-radius:8px;width:100%;margin:20px 0;font-size:14px;overflow:hidden}table thead tr{color:#fff;text-transform:uppercase;background-color:#f003;font-weight:700}table thead th{border-bottom:2px solid #ffffff80;padding:10px}table tbody tr:nth-of-type(2n){background:#fff3}table tbody tr:hover{-webkit-backdrop-filter:sepia(90%);backdrop-filter:sepia(90%);cursor:pointer;box-shadow:0 4px 15px #fff3}table tbody td{padding:10px}.hidden{display:none}.screensaver{z-index:9999;background-color:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.screensaver.hidden{display:none}.cube,.screensaver-3,.screensaver.transparent{background-color:#0000}.screensaver.active{opacity:1;pointer-events:all}.screensaver-content{text-align:center;color:#ccc;animation:3s forwards fadein}.floating-img{width:172px;height:auto;animation:7s ease-in-out infinite float}.chant{opacity:.7;margin-top:1rem;font-family:Courier New,monospace;font-size:1.2rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-25px)}}@keyframes fadein{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.flex-wrapper{justify-content:center;align-items:center;min-height:100vh;display:flex}.let{justify-content:center;align-items:center;font-family:Audiowide,sans-serif;display:flex}.let .letter{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;animation:7s ease-in-out infinite alternate animate;position:relative}.let .letter span{transform-origin:50%;text-transform:uppercase;color:#fff;white-space:nowrap;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translate(-50%, -50%) rotateX(calc(var(--i) * 22.5deg)) translateZ(109px);transform:translate(-50%, -50%) rotateX(calc(var(--i) * 22.5deg)) translateZ(109px);background:linear-gradient(90deg,#0000001a,#00000080 90%,#0000);padding:0 10px;font-size:3.5em;font-weight:700;line-height:.76em;position:absolute}.let .letter span i{font-style:initial}.let .letter span i:first-child{color:#5c5fc4}.let .letter span i:nth-child(2){color:#c4c15c}@keyframes animate{0%{transform:perspective(500px)rotateX(0)rotate(5deg)}to{transform:perspective(50px)rotateX(360deg)rotate(5deg)}}@media (width<=768px){.let .letter span{-webkit-transform:translate(-50%, -50%) rotateX(calc(var(--i) * 22.5deg)) translateZ(60px);transform:translate(-50%, -50%) rotateX(calc(var(--i) * 22.5deg)) translateZ(60px);font-size:1.8em}.let .letter{animation-duration:9s}}.cube{width:200px;height:200px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;animation:10s linear infinite reverse rotate;position:relative}@keyframes rotate{0%,to{transform:rotate(0)}20%{transform:rotateY(90deg)rotate(90deg)}40%{transform:rotateY(180deg)rotate(-90deg)}60%{transform:rotateY(270deg)rotate(90deg)}80%{transform:rotateY(360deg)rotate(-90deg)}}img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.box{opacity:.9;width:100%;height:100%;position:absolute;top:0;left:0}.box.box1{transform:translateZ(100px)}.box.box2{transform-origin:100%;transform:rotateY(90deg)translate(100px)}.box.box3{transform:rotateY(180deg)translateZ(100px)}.box.box4{transform-origin:0;transform:rotateY(-90deg)translate(-100px)}.box.box5{transform-origin:top;transform:rotateX(-90deg)translateY(-100px)}.box.box6{transform-origin:bottom;transform:rotateX(90deg)translateY(100px)}video{display:none}.screensaver-3{width:1005px;max-width:100%;height:100vh;margin:0 auto;position:relative;overflow:hidden}@media (width<=768px){.screensaver-3{width:100%;min-width:360px}}#outputCanvas{z-index:1;pointer-events:none;width:360px;max-width:100vw;height:auto;position:absolute;bottom:50px;right:0}.volume-wrapper{position:relative}#volumeButton{cursor:pointer;z-index:10;background:0 0;border:none;padding:2px;position:relative}#volumeButton img{opacity:.7;pointer-events:none;height:1.6em;display:block}#volumeButton:hover:after{content:"Volume";letter-spacing:2px;color:#f0f0f0;opacity:.7;white-space:nowrap;font-size:11px;position:absolute;top:-13px;left:50%;transform:translate(-50%)}#volumeSlider{z-index:1000;position:absolute;top:-265px;left:50%;transform:translate(-50%)}.user-wrapper,.search-wrapper{position:relative}.foot .footer-search-form{z-index:1000;margin-bottom:12px;position:absolute;bottom:100%;left:0}.foot .footer-search-form input[type=text]{color:#fcfcfc;background-color:#222;border:none;border-radius:4px;width:220px;padding:8px}.foot .icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:1.2em;height:1.2em}@media screen and (width<=768px){.search-wrapper,.search-item-footer{display:none}}.foot .logout-link{white-space:nowrap;z-index:1000;background:#ff5722;margin-bottom:6px;position:absolute;bottom:100%;left:0;color:#fff!important}.admin-tabs .admin-nav-unread-dot,.foot .admin-nav-unread-dot{color:#fff;vertical-align:middle;background:#ff5722;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;margin-left:5px;padding:0 4px;font-size:10px;font-weight:700;display:inline-flex}