@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap);*{box-sizing:border-box}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#070707;color:#e8e0cc;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif}body::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}code{font-family:Space Mono,source-code-pro,Menlo,Monaco,Consolas,monospace}button,input{border:none;outline:none}a{text-decoration:none}.user-select-none{-webkit-user-select:none;user-select:none}.MuiPaper-root{background-color:#111!important}.MuiMenuItem-root{color:#e8e0cc!important;font-family:DM Sans,sans-serif!important;font-size:.85rem!important}.MuiMenuItem-root:hover{background-color:#1a1a1a!important}.MuiMenu-paper{background-color:#111!important;border:1px solid hsla(0,0%,100%,.07)!important;border-radius:8px!important;box-shadow:0 20px 60px rgba(0,0,0,.7)!important}.MuiCircularProgress-root{color:#c8922a!important}:root{--bg:#070707;--bg-raised:#0d0d0d;--bg-card:#111;--bg-card-hover:#181818;--bg-player:#090909;--accent:#c8922a;--accent-bright:#e5a832;--accent-dim:rgba(200,146,42,.08);--accent-glow:rgba(200,146,42,.22);--text-1:#e8e0cc;--text-2:#6e6860;--text-3:#2e2b26;--border:hsla(0,0%,100%,.045);--border-strong:hsla(0,0%,100%,.09);--border-accent:rgba(200,146,42,.18);--font-display:"Syne",sans-serif;--font-body:"DM Sans",sans-serif;--font-mono:"Space Mono",monospace;--bgColor:var(--bg);--playerBgColor:var(--bg-player);--songBgColor:var(--bg-card);--songHoverBgColor:var(--bg-card-hover);--textColor:var(--text-1);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition:0.18s ease;--transition-spring:0.4s cubic-bezier(0.16,1,0.3,1)}.app{background-color:#070707;background-color:var(--bg);min-height:100vh;position:relative;width:100%}.app:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px;content:"";inset:0;opacity:.018;pointer-events:none;position:fixed;z-index:0}.app__body{align-items:center;display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;position:relative;width:100%;z-index:1}.app__window{flex:1 1;max-width:1300px;padding-bottom:7rem;width:100%}.navbar{align-items:center;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background-color:rgba(7,7,7,.9);border-bottom:1px solid var(--border);display:flex;height:56px;justify-content:space-between;padding:0 2rem;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.navbar__logo{border-radius:50%;cursor:pointer;height:26px!important;object-fit:contain;opacity:.85;transition:opacity var(--transition);width:26px!important}.navbar__logo:hover{opacity:1}.navbar__avatar{background-color:var(--bg-card)!important;border:1.5px solid var(--border-strong)!important;border-radius:50%!important;color:var(--text-2)!important;cursor:pointer;font-size:.7rem!important;height:28px!important;transition:border-color var(--transition);width:28px!important}.navbar__avatar:hover{border-color:var(--accent)!important}.navbar__center{align-items:center;display:flex;gap:.125rem}.navbar__link{border-radius:var(--radius-sm);color:var(--text-2);font-family:var(--font-display);font-size:.78rem;font-weight:600;letter-spacing:.08em;margin:0 .125rem;padding:.45rem .875rem;position:relative;text-transform:uppercase;transition:color var(--transition)}.navbar__link--active{color:var(--text-1)}.navbar__link--active:after{background:var(--accent);border-radius:2px;bottom:-1px;content:"";height:2px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:18px}.navbar__link:hover{background-color:hsla(0,0%,100%,.03);color:var(--text-1)}.navbar__linkIcon{display:none}.navbar__right{align-items:center;display:flex}.navbar__rightMenuItem{font-family:var(--font-body);font-size:.8rem;margin-left:8px}@media screen and (max-width:600px){.navbar{padding:0 1rem}.navbar__linkSpan{display:none}.navbar__linkIcon{display:inline}.navbar__linkIcon svg{color:var(--text-2);font-size:1.2rem}.navbar__link--active .navbar__linkIcon svg{color:var(--text-1)}.navbar__center{gap:0;padding-top:0}}.player{align-items:center;-webkit-animation:player-rise .45s cubic-bezier(.16,1,.3,1);animation:player-rise .45s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);background-color:rgba(9,9,9,.97);border-top:1px solid var(--border);bottom:0;display:flex;flex-direction:column;position:fixed;width:100vw;z-index:50}@-webkit-keyframes player-rise{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes player-rise{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.player__progress{cursor:pointer;padding:8px 1rem 0;width:100%}.player .MuiSlider-root{color:var(--accent)!important;height:2px;padding:5px 0!important}.player .MuiSlider-rail{background-color:hsla(0,0%,100%,.08)!important;height:2px!important;opacity:1!important}.player .MuiSlider-track{background:linear-gradient(90deg,var(--accent) 0,var(--accent-bright) 100%)!important;border:none!important;height:2px!important}.player .MuiSlider-thumb{background-color:var(--accent-bright)!important;box-shadow:0 0 10px var(--accent-glow)!important;height:10px!important;margin-top:-4px!important;opacity:0;transition:opacity var(--transition)!important;width:10px!important}.player__progress:hover .MuiSlider-thumb{opacity:1!important}.player__main{gap:1rem;justify-content:space-between;padding:6px 1.5rem 10px;width:100%}.player__main,.player__song{align-items:center;display:flex}.player__song{flex:1 1;min-width:0}.song__infoImage{border-radius:var(--radius-sm);box-shadow:0 0 20px var(--accent-dim),0 4px 12px rgba(0,0,0,.5);flex-shrink:0;height:38px;object-fit:cover;width:38px}.song__info{color:var(--text-1);margin-left:.75rem;min-width:0}.song__infoTrack{color:var(--text-1);font-family:var(--font-body);font-size:.86rem;font-weight:500;line-height:1.35}.song__infoArtist,.song__infoTrack{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song__infoArtist{color:var(--text-2);font-size:.74rem;margin-top:2px}.playercontrols{align-items:center;display:flex;gap:.125rem}.player__iconButton{color:var(--text-2)!important;padding:6px!important;transition:color var(--transition)!important}.player__iconButton:hover{background-color:hsla(0,0%,100%,.04)!important}.player__iconButton:hover,.player__mainBtn{color:var(--text-1)!important}.player__mainBtn:hover{background-color:var(--accent-dim)!important;color:var(--accent)!important}.player__mainBtn .MuiSvgIcon-root{font-size:2rem!important}.player__left{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.player__duration{color:var(--text-2);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.02em;-webkit-user-select:none;user-select:none}@media screen and (max-width:600px){.song__info{max-width:170px}}@media screen and (max-width:450px){.song__infoImage{height:32px;width:32px}.player__duration{display:none}.song__infoArtist,.song__infoTrack{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media screen and (max-width:400px){.song__infoImage{display:none}.song__infoArtist,.song__infoTrack{max-width:100px}}.songlist__overlay{align-items:flex-end;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:52}.songlist{background-color:var(--bg-raised);border:1px solid var(--border-strong);border-bottom:none;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);box-shadow:0 -24px 80px rgba(0,0,0,.7);color:var(--text-1);display:flex;flex-direction:column;max-height:80%;max-width:360px;min-height:50%;padding:.75rem 0 0;width:100%}.songlist>h4{color:var(--text-3);font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.1em;margin-bottom:.4rem;margin-left:1.25rem;text-transform:uppercase}.songlist__header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:.5rem;padding:0 .75rem .75rem;width:100%}.songlist__header>h3{color:var(--text-2);font-family:var(--font-display);font-size:.82rem;font-weight:700;letter-spacing:.08em;margin-left:.5rem;text-transform:uppercase}.songlist__headerCloseBtn{color:var(--text-2)!important;padding:4px!important;transition:color var(--transition)!important}.songlist__headerCloseBtn:hover{color:var(--text-1)!important}.songlist__playingSong{height:-webkit-max-content;height:max-content}.songlist__songs{align-items:center;display:flex;flex-direction:column;gap:.15rem;overflow-y:scroll;padding:0 .5rem;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}.songlist__songs::-webkit-scrollbar{width:3px}.songlist__songs::-webkit-scrollbar-track{background:transparent}.songlist__songs::-webkit-scrollbar-thumb{background-color:var(--border-strong);border-radius:3px}@media screen and (max-width:500px){.songlist{max-width:100%}}.playlistsong{align-items:center;background-color:initial;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;display:flex;padding:.5rem .75rem;transition:all var(--transition);-webkit-user-select:none;user-select:none;width:100%}.playlistsong:hover{background-color:var(--bg-card);border-color:var(--border)}.playing-song{background-color:var(--accent-dim)!important;border-color:var(--border-accent)!important}.playlistsong__img{border-radius:var(--radius-sm);flex-shrink:0;height:40px;object-fit:cover;width:40px}.playlistsong__info{flex:1 1;margin-left:.75rem;overflow:hidden}.playlistsong__infoName{color:var(--text-1);font-family:var(--font-body);font-size:.86rem;font-weight:500}.playlistsong__infoArtist,.playlistsong__infoName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlistsong__infoArtist{color:var(--text-2);font-size:.74rem;margin-top:2px}.playlistsong__optionsIcon{color:var(--text-3)!important;padding:4px!important;transition:color var(--transition)!important}.playlistsong:hover .playlistsong__optionsIcon{color:var(--text-2)!important}.playlistsong__optionsIcon:hover{color:var(--text-1)!important}.playlistsong__optionsItem{font-size:.8rem!important}@media screen and (max-width:695px){.playlistsong{max-width:100%}}@media screen and (max-width:450px){.playlistsong__infoArtist{max-width:110px}}.errorpage{align-items:center;color:var(--text-1);display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-top:7vh;padding:1rem;text-align:center;width:100%}.errorpage h1,.errorpage h2{font-family:var(--font-display);font-weight:700;transition:all .2s ease-in}.errorpage__mainText{color:var(--text-3);font-family:var(--font-display);font-size:clamp(6rem,18vw,10rem);font-weight:800;letter-spacing:-.04em;line-height:1;margin-bottom:.75rem}.errorpage h2{color:var(--text-2);font-size:1.2rem;margin-bottom:.4rem}.errorpage h3{color:var(--text-3);font-family:var(--font-body);font-size:.875rem;font-weight:400}@media screen and (max-width:400px){.errorpage h2{font-size:1rem}.errorpage h3{font-size:.8rem}}.login{align-items:center;color:var(--text-1);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:1.5rem;position:relative;width:100%}.login:before{background:radial-gradient(circle,rgba(200,146,42,.06) 0,transparent 65%);content:"";height:700px;left:50%;pointer-events:none;position:fixed;top:-20%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:700px;z-index:0}.login>.MuiTypography-h1{color:var(--text-1)!important;font-family:var(--font-display)!important;font-size:clamp(3.5rem,12vw,6.5rem)!important;font-weight:800!important;letter-spacing:-.04em;line-height:1;position:relative;z-index:1}.login__wrapper{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 40px 100px rgba(0,0,0,.55);margin-top:2.5rem;max-width:368px;padding:2rem 1.75rem 1.75rem;position:relative;width:100%;z-index:1}.login__wrapper>.MuiTypography-h5{color:var(--text-2)!important;font-family:var(--font-display)!important;font-size:.78rem!important;font-weight:700!important;letter-spacing:.14em;margin-bottom:1.5rem;text-align:center;text-transform:uppercase}.login__form{margin:0}.login__form,.login__formGroup{display:flex;flex-direction:column}.login__formGroup{margin:.35rem 0}.login__formInput{background-color:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-1);font-family:var(--font-body);font-size:.875rem;padding:.75rem .875rem;transition:border-color var(--transition);width:100%}.login__formInput:focus{background-color:hsla(0,0%,100%,.02);border-color:var(--accent)}.login__formInput::-webkit-input-placeholder{color:var(--text-3);font-size:.82rem}.login__formInput::placeholder{color:var(--text-3);font-size:.82rem}.login__formGroup .MuiButton-containedSecondary{background:var(--accent)!important;border-radius:var(--radius-sm)!important;box-shadow:none!important;color:#0a0a0a!important;font-family:var(--font-body)!important;font-size:.875rem!important;font-weight:600!important;letter-spacing:.01em!important;padding:.65rem 1rem!important;text-transform:none!important;transition:all var(--transition)!important;width:100%}.login__formGroup .MuiButton-containedSecondary:hover{background:var(--accent-bright)!important;box-shadow:0 6px 24px var(--accent-glow)!important}.login__formGroup .MuiButton-containedPrimary{background-color:var(--bg-raised)!important;border:1px solid var(--border-strong)!important;border-radius:var(--radius-sm)!important;box-shadow:none!important;color:var(--text-1)!important;font-family:var(--font-body)!important;font-size:.875rem!important;font-weight:500!important;padding:.65rem 1rem!important;text-transform:none!important;transition:all var(--transition)!important;width:100%}.login__formGroup .MuiButton-containedPrimary:hover{background-color:var(--bg-card-hover)!important;border-color:var(--border-accent)!important}.login__wrapper .MuiTypography-body2{color:var(--text-2)!important;font-family:var(--font-body)!important;font-size:.78rem!important;margin:.5rem 0}.login__wrapper .MuiLink-root{color:var(--accent)!important;font-weight:500!important;transition:color var(--transition)!important}.login__wrapper .MuiLink-root:hover{color:var(--accent-bright)!important}.forgotpassword__input{background-color:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-1);font-family:var(--font-body);padding:.65rem .875rem;width:100%}.forgotpassword__input:focus{border-color:var(--accent)}@media screen and (max-width:450px){.login__wrapper{padding:1.5rem 1.25rem}}.home{color:var(--text-1);padding:2rem 1.5rem 1rem}.home>.user-select-none{align-items:center;display:flex;gap:.625rem;margin-bottom:.25rem}.home .MuiTypography-h4{color:var(--text-1)!important;font-family:var(--font-display)!important;font-size:1.65rem!important;font-weight:700!important;letter-spacing:-.01em;line-height:1.2}.home__welcomeTextIcon{color:var(--accent)!important;flex-shrink:0;-webkit-transform:scale(1.1)!important;transform:scale(1.1)!important}.allsongs__container{grid-gap:.6rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1rem;padding-left:0;width:100%}.row{margin-top:2rem}.row__headerText{color:var(--text-2)!important;font-family:var(--font-display)!important;font-size:.78rem!important;font-weight:700!important;letter-spacing:.1em;margin-left:1rem;text-transform:uppercase}.row__songsContainer{position:relative}.row__leftButtonDiv{left:0}.row__leftButtonDiv,.row__rightButtonDiv{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:10}.row__rightButtonDiv{right:0}.row__icon{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background-color:hsla(0,0%,5%,.95)!important;border:1px solid var(--border-strong)!important;border-radius:50%!important;box-shadow:0 4px 20px rgba(0,0,0,.5)!important;color:var(--text-1)!important;cursor:pointer!important;transition:all var(--transition)!important}.row__icon:hover{background-color:var(--bg-card-hover)!important;border-color:var(--border-accent)!important;color:var(--accent)!important}.row__icon:active{-webkit-transform:scale(.9)!important;transform:scale(.9)!important}.row__songs{display:flex;overflow-x:auto;overflow-y:hidden;padding:.5rem 1rem;scroll-behavior:smooth;white-space:nowrap}.row__songs::-webkit-scrollbar{display:none}.row__songs{-ms-overflow-style:none;scrollbar-width:none}@media screen and (max-width:450px){.row__songs{overflow-x:scroll}.row__leftButtonDiv,.row__rightButtonDiv{display:none}}.song{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;margin:.75rem .875rem .75rem 0;max-width:175px;min-width:175px;overflow:hidden;padding:0;position:relative;transition:all var(--transition-spring);-webkit-user-select:none;user-select:none}.song:hover{background-color:var(--bg-card-hover);border-color:var(--border-strong);box-shadow:0 16px 48px rgba(0,0,0,.5),0 0 0 1px var(--border-accent);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.song__image{display:block;height:144px;object-fit:cover;width:100%}.song__name{color:var(--text-1);font-family:var(--font-body);font-size:.8rem;font-weight:500;padding:.6rem .7rem .1rem}.song__artist,.song__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song__artist{color:var(--text-2);font-size:.72rem;padding:0 .7rem .7rem}.song__playButton{border-radius:50%;cursor:pointer;opacity:0;position:absolute;right:10px;top:98px;-webkit-transform:scale(.8) translateY(6px);transform:scale(.8) translateY(6px);transition:all .22s cubic-bezier(.34,1.56,.64,1)}.song:hover .song__playButton{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}.song__playButton:hover{-webkit-transform:scale(1.1)!important;transform:scale(1.1)!important}.song__playIcon{padding:0!important}.song__playIcon .MuiSvgIcon-root{-webkit-filter:drop-shadow(0 4px 16px rgba(200,146,42,.55));filter:drop-shadow(0 4px 16px rgba(200,146,42,.55));font-size:2rem!important}.song__option{bottom:2px;position:absolute;right:0}.song__optionIcon{color:var(--text-3)!important;padding:4px!important;transition:color var(--transition)!important}.song:hover .song__optionIcon{color:var(--text-2)!important}.song__optionIcon:hover{color:var(--text-1)!important}.song__optionItem{font-size:.8rem!important}@media screen and (max-width:600px){.song{max-width:155px;min-width:155px}.song__image{height:126px}.song__playButton{top:82px}}.artist{align-items:center;background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;margin:.75rem 1rem .75rem 0;padding:1rem;transition:all var(--transition-spring);-webkit-user-select:none;user-select:none}.artist:hover{background-color:var(--bg-card-hover);border-color:var(--border-accent);box-shadow:0 16px 48px rgba(0,0,0,.4);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.artist:active{-webkit-transform:scale(.97);transform:scale(.97)}.artist__image{border:2px solid var(--border-strong);border-radius:50%;height:140px;margin-bottom:.75rem;object-fit:cover;transition:all var(--transition);width:140px}.artist:hover .artist__image{border-color:var(--border-accent);box-shadow:0 0 24px var(--accent-glow)}.artist__name{color:var(--text-1);font-family:var(--font-body);font-size:.82rem;font-weight:500;text-align:center}@media screen and (max-width:600px){.artist__image{height:116px;width:116px}}
/*# sourceMappingURL=main.2ce39b87.css.map*/