@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{font-family:Schoolbell,cursive}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.about-page{--about-text: #ffffff;--about-accent: #1DB954;--about-accent-hover: #1ed760;--about-transition: .25s ease}.about-page{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(1rem,env(safe-area-inset-bottom));padding-top:max(1rem,env(safe-area-inset-top));background:#121212;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;border-radius:0}.about-content{width:100%;max-width:22rem;text-align:center;animation:about-in .5s ease-out}@keyframes about-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.about-brand{margin:0 0 clamp(.75rem,2.5vh,1.5rem);font-family:Yesteryear,cursive;font-size:clamp(2.25rem,10vw,5rem);font-weight:400;color:var(--about-text);letter-spacing:.02em;line-height:1.1}.about-title{margin:0 0 .5rem;font-size:clamp(1.125rem,4vw,2rem);font-weight:600;color:var(--about-text);letter-spacing:.02em;line-height:1.3}.about-text{margin:0 0 .75rem;font-size:clamp(.875rem,2.5vw,1.25rem);color:var(--about-text);opacity:.85;line-height:1.4}.about-text:last-of-type{margin-bottom:clamp(1.25rem,4vh,2rem)}.about-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:center}.about-cta{display:inline-block;min-height:2.75rem;padding:.75rem 1.5rem;font-size:clamp(.9375rem,2.5vw,1.125rem);font-weight:600;color:var(--about-text);background:transparent;border:2px solid var(--about-text);border-radius:.5rem;cursor:pointer;transition:color var(--about-transition),background-color var(--about-transition),border-color var(--about-transition),transform var(--about-transition);-webkit-tap-highlight-color:transparent}.about-cta:hover{background:var(--about-text);color:#000;transform:translateY(-2px)}.about-cta-primary{color:#000;background:var(--about-accent);border-color:var(--about-accent)}.about-cta-primary:hover{background:var(--about-accent-hover);border-color:var(--about-accent-hover);color:#000}.about-cta:active{transform:translateY(0)}.about-cta:focus-visible{outline:2px solid var(--about-accent);outline-offset:3px}@media(max-width:479px){.about-page{padding:.75rem;padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right));padding-bottom:max(.75rem,env(safe-area-inset-bottom));padding-top:max(.75rem,env(safe-area-inset-top))}.about-brand{font-size:clamp(2rem,12vw,2.75rem)}.about-title{font-size:clamp(1rem,5vw,1.25rem)}.about-text{font-size:.875rem}.about-actions{flex-direction:column;width:100%}.about-cta{min-height:2.75rem;padding:.625rem 1.25rem;font-size:1rem;width:100%;max-width:18rem}}@media(min-width:480px)and (max-width:767px){.about-page{padding:1.25rem}.about-content{max-width:22rem}.about-brand{font-size:clamp(2.5rem,8vw,3.5rem)}.about-cta{padding:.75rem 1.75rem}}@media(min-width:768px)and (max-width:1023px){.about-page{padding:2rem}.about-content{max-width:22rem}.about-brand{font-size:clamp(3.5rem,6vw,4.5rem)}.about-title{font-size:clamp(1.5rem,2.5vw,1.75rem)}.about-text{font-size:1.125rem}.about-cta{padding:.875rem 2rem;font-size:1.0625rem}}@media(min-width:1024px){.about-page{padding:2rem}.about-content{max-width:22rem}.about-brand{font-size:4.5rem;margin-bottom:1.25rem}.about-title{font-size:1.75rem;margin-bottom:.5rem}.about-text{font-size:1.25rem;margin-bottom:.875rem}.about-text:last-of-type{margin-bottom:2rem}.about-cta{padding:.875rem 2.25rem;font-size:1.125rem;min-height:auto}}@media(min-width:1280px){.about-brand{font-size:5rem}.about-title{font-size:2rem}}@media(prefers-reduced-motion:reduce){.about-content{animation:none}.about-cta{transition:none}}.welcome-page{--welcome-text: #ffffff;--welcome-accent: #1DB954;--welcome-accent-hover: #1ed760;--welcome-transition: .25s ease;cursor:pointer}.welcome-page{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(1rem,env(safe-area-inset-bottom));padding-top:max(1rem,env(safe-area-inset-top));background:#121212;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;border-radius:0}.welcome-content{width:100%;max-width:22rem;text-align:center;animation:welcome-in .5s ease-out}@keyframes welcome-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.welcome-brand{margin:0 0 clamp(.75rem,2.5vh,1.5rem);font-family:Yesteryear,cursive;font-size:clamp(2.25rem,10vw,5rem);font-weight:400;color:var(--welcome-text);letter-spacing:.02em;line-height:1.1}.welcome-logo{display:flex;align-items:center;justify-content:center;margin-bottom:clamp(.75rem,3vh,2rem)}.welcome-logo i{font-size:clamp(4rem,18vw,10rem);color:var(--welcome-accent);animation:welcome-spin 8s linear infinite;transform-origin:center}@keyframes welcome-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.welcome-title{margin:0 0 .375rem;font-size:clamp(1.125rem,4vw,2rem);font-weight:600;color:var(--welcome-text);letter-spacing:.02em;line-height:1.3}.welcome-tagline{margin:0 0 clamp(1.25rem,4vh,2.5rem);font-size:clamp(.875rem,2.5vw,1.25rem);color:var(--welcome-text);opacity:.85;line-height:1.4}.welcome-cta{display:inline-block;min-height:2.75rem;padding:.75rem 1.5rem;font-size:clamp(.9375rem,2.5vw,1.125rem);font-weight:700;color:#000;background:var(--welcome-accent);border:none;border-radius:.5rem;cursor:pointer;transition:.2s all ease-in-out;-webkit-tap-highlight-color:transparent}.welcome-cta:hover{background:var(--welcome-accent-hover);transform:scale(1.04)}.welcome-cta:active{transform:translateY(0)}.welcome-cta:focus-visible{outline:2px solid var(--welcome-accent);outline-offset:3px}@media(max-width:479px){.welcome-page{padding:.75rem;padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right));padding-bottom:max(.75rem,env(safe-area-inset-bottom));padding-top:max(.75rem,env(safe-area-inset-top))}.welcome-brand{font-size:clamp(2rem,12vw,2.75rem)}.welcome-logo i{font-size:clamp(3.5rem,22vw,5rem)}.welcome-title{font-size:clamp(1rem,5vw,1.25rem)}.welcome-tagline{font-size:.875rem}.welcome-cta{min-height:2.75rem;padding:.625rem 1.25rem;font-size:1rem;width:100%;max-width:18rem}}@media(min-width:480px)and (max-width:767px){.welcome-page{padding:1.25rem}.welcome-content{max-width:22rem}.welcome-brand{font-size:clamp(2.5rem,8vw,3.5rem)}.welcome-logo i{font-size:clamp(4.5rem,15vw,6rem)}.welcome-cta{padding:.75rem 1.75rem}}@media(min-width:768px)and (max-width:1023px){.welcome-page{padding:2rem}.welcome-content{max-width:22rem}.welcome-brand{font-size:clamp(3.5rem,6vw,4.5rem)}.welcome-logo i{font-size:clamp(6rem,12vw,8rem)}.welcome-title{font-size:clamp(1.5rem,2.5vw,1.75rem)}.welcome-tagline{font-size:1.125rem}.welcome-cta{padding:.875rem 2rem;font-size:1.0625rem}}@media(min-width:1024px){.welcome-page{padding:2rem}.welcome-content{max-width:22rem}.welcome-brand{font-size:4.5rem;margin-bottom:1.25rem}.welcome-logo{margin-bottom:1.5rem}.welcome-logo i{font-size:8rem}.welcome-title{font-size:1.75rem;margin-bottom:.5rem}.welcome-tagline{font-size:1.25rem;margin-bottom:2rem}.welcome-cta{padding:.875rem 2.25rem;font-size:1.125rem;min-height:auto}}@media(min-width:1280px){.welcome-brand{font-size:5rem}.welcome-logo i{font-size:10rem}.welcome-title{font-size:2rem}}@media(prefers-reduced-motion:reduce){.welcome-content,.welcome-logo i{animation:none}.welcome-cta{transition:none}}.songlist-page-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;display:flex;justify-content:center;align-items:center;overflow:hidden;font-family:Inter,sans-serif}.new-songlist-wrapper{display:flex;height:95vh;width:95vw;max-width:1200px;max-height:900px;background-color:#000;font-family:Inter,sans-serif;overflow:hidden;color:#b3b3b3;border-radius:12px;box-shadow:0 10px 40px #00000080;position:relative}.sidebar-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;z-index:999;display:block}@media(min-width:769px){.sidebar-backdrop{display:none}}.new-songlist-wrapper *{font-family:Inter,sans-serif!important;box-sizing:border-box}.new-sidebar{width:72px;background:#000;display:flex;flex-direction:column;align-items:center;padding:30px 0;z-index:10;flex-shrink:0;transition:all .3s ease}.sidebar-profile{width:40px;height:40px;border-radius:50%;border:2px solid #282828;margin-bottom:40px;cursor:pointer;object-fit:cover}.sidebar-profile:hover{border-color:#fff}.sidebar-menu{display:flex;flex-direction:column;gap:30px;width:100%}.sidebar-mobile-header{display:none;width:100%;padding:20px;justify-content:flex-end}.sidebar-mobile-header svg{cursor:pointer}.sidebar-item{display:flex;justify-content:center;position:relative;cursor:pointer;color:#b3b3b3;transition:color .2s}.sidebar-item:hover,.sidebar-item.active{color:#fff}.new-main-content{flex:1;display:flex;flex-direction:column;padding:30px 40px;position:relative;overflow:hidden;background:linear-gradient(180deg,#1f1f1f,#121212 300px);border-radius:12px;margin:10px}.new-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.new-title{font-family:Inter,sans-serif!important;font-weight:700;font-size:32px;margin:0;color:#fff}.new-search-container{display:flex;align-items:center;background:#242424;border-radius:20px;padding:6px 15px;width:280px;max-width:100%;color:#b3b3b3;transition:all .2s ease;border:1px solid transparent}.new-search-container:focus-within{background:#333;border-color:#555}.new-search-container:hover{background:#2a2a2a}.new-search-input{border:none;background:transparent;outline:none;margin-left:10px;width:100%;font-size:14px;color:#fff}.new-search-input::placeholder{color:#b3b3b3}.new-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.new-toolbar-left{display:flex;gap:15px}.btn-pick{background:#1ed760;color:#000;border:none;padding:10px 20px;border-radius:20px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;transition:transform .2s,background .2s}.btn-pick:hover{transform:scale(1.04);background:#1fdf64}.folder-icon{color:#000}.sync-icon{color:#fff}.btn-sync{background:transparent;color:#fff;border:1px solid #727272;padding:10px 20px;border-radius:20px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;transition:transform .2s,border-color .2s}.btn-sync:hover{transform:scale(1.04);border-color:#fff}.new-toolbar-right{display:flex;gap:20px;align-items:center;color:#b3b3b3}.toolbar-icon{cursor:pointer;transition:color .2s;display:flex;align-items:center}.toolbar-icon:hover{color:#fff}.toggle-bg{width:32px;height:16px;background:#535353;border-radius:8px;position:relative;cursor:pointer;display:flex;align-items:center;transition:background .2s}.toggle-bg.toggled{background:#1ed760}.toggle-knob{width:12px;height:12px;background:#fff;border-radius:50%;position:absolute;left:2px;transition:.2s}.toggle-bg.toggled .toggle-knob{left:18px}.list-headers{display:grid;grid-template-columns:50px 4fr 3fr 2fr 2fr 120px;color:#b3b3b3;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-top:15px;margin-bottom:8px;padding:5px 20px 10px;border-bottom:1px solid rgba(255,255,255,.1)}.header-play-list{grid-column:2;padding-left:10px}.new-playlist{flex:1;display:flex;flex-direction:column;gap:2px;overflow-y:auto;scrollbar-width:none;padding-bottom:120px}.new-playlist::-webkit-scrollbar{display:none}.playlist-item{display:grid;grid-template-columns:50px 4fr 3fr 2fr 2fr 120px;align-items:center;padding:8px 20px;border-radius:5px;transition:background .2s;cursor:pointer;position:relative}.playlist-item:hover{background:#ffffff1a}.playlist-item.active{background:#ffffff0d}.item-num-icon{color:#b3b3b3;font-size:14px;display:flex;align-items:center;justify-content:center}.playlist-item:hover .item-num-icon{color:#fff}.playlist-item.active .item-num-icon{color:#1ed760}.item-info{display:flex;align-items:center;gap:15px}.item-artwork{width:40px;height:40px;border-radius:4px;object-fit:cover}.item-texts{display:flex;flex-direction:column}.item-artist-mobile{display:none;font-size:12px;color:#b3b3b3}.player-song-artist-mobile{display:none;font-size:13px;color:#b3b3b3}.item-title{font-size:15px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-artist{font-size:13px;color:#b3b3b3;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-item.active .item-title{color:#1ed760}.playlist-item:hover .item-artist{color:#fff}.item-duration{font-size:14px;color:#b3b3b3}.item-artist-col{font-size:14px;color:#b3b3b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-genre{font-size:14px;color:#b3b3b3}.item-actions{display:flex;align-items:center;justify-content:flex-end;gap:15px;color:#b3b3b3;opacity:0;transition:opacity .2s}.playlist-item:hover .item-actions,.playlist-item.active .item-actions{opacity:1}.item-actions svg{cursor:pointer;transition:color .2s}.item-actions svg:hover{color:#fff}.item-actions .heart-filled{color:#1ed760!important;opacity:1}.new-bottom-player{position:absolute;bottom:0;left:0;right:0;height:95px;background:#000;display:flex;align-items:center;justify-content:space-between;padding:0 40px;color:#fff;z-index:20;border-top:1px solid #181818}.player-left{display:flex;align-items:center;gap:15px;width:30%}.player-arts-group{position:relative;width:56px;height:56px}.player-art-1{position:absolute;left:0;top:0;width:56px;height:56px;border-radius:4px;object-fit:cover;z-index:2}.player-art-2{display:none}.player-song-info{display:flex;flex-direction:row;align-items:center;gap:10px;margin-left:10px}.player-song-title{font-size:14px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.player-song-artist{font-size:13px;color:#b3b3b3}.player-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.player-controls-main{display:flex;align-items:center;gap:20px}.control-btn{background:transparent;border:none;color:#b3b3b3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,color .2s;padding:0}.control-btn:hover{color:#fff}.play-btn{width:32px;height:32px;background:#fff;border-radius:50%;color:#000}.play-btn:hover{transform:scale(1.05);background:#fff;color:#000}.play-btn svg{fill:#000;stroke:#000}.progress-container{width:100%;max-width:500px;display:flex;align-items:center;gap:10px}.player-time-text{font-size:11px;color:#a7a7a7;min-width:35px}.progress-input{width:100%;-webkit-appearance:none;appearance:none;background:#4d4d4d;height:4px;border-radius:2px;outline:none;cursor:pointer}.player-volume-controls{display:flex;align-items:center;gap:15px;color:#b3b3b3}.vol-btn{background:none;border:none;color:#b3b3b3;font-size:16px;font-weight:700;cursor:pointer}.vol-btn:hover{color:#fff}.vol-indicator{display:flex;align-items:center;gap:4px}.vol-indicator span{font-size:11px;font-weight:700;color:#1db954}.desktop-vol-slider{display:flex;align-items:center;width:80px}.desktop-vol-slider input{width:100%;height:4px;cursor:pointer}.player-right{display:flex;align-items:center;justify-content:flex-end;gap:15px;width:auto;color:#b3b3b3}.player-right svg{cursor:pointer;transition:color .2s}.player-right svg:hover{color:#fff}.playlist-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.playlist-modal{background:#282828;padding:25px;border-radius:12px;width:90%;max-width:400px;color:#fff}.playlist-selection-list{list-style:none;padding:0}.playlist-selection-item button{width:100%;padding:10px;margin-bottom:5px;background:#333;color:#fff;border:none;border-radius:5px;cursor:pointer;text-align:left;transition:.2s}.playlist-selection-item button:hover{background:#404040}.hidden-file-input{display:none}.loading-spinner{width:40px;height:40px;border:4px solid rgba(29,185,84,.1);border-top:4px solid #1db954;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.new-category-filters{display:flex;align-items:center;gap:12px;padding:10px 0 20px;margin:0;overflow-x:auto;scrollbar-width:none;width:100%}.new-category-filters::-webkit-scrollbar{display:none}.filter-pill{display:flex!important;align-items:center!important;justify-content:center!important;padding:4px 16px!important;background-color:#2a2a2a;border:none;border-radius:32px;color:#fff;font-size:13.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .2s ease;line-height:normal!important;height:32px;min-width:60px;box-shadow:none;outline:none;margin-right:4px}.filter-pill:hover{background-color:#3e3e3e}.filter-pill.active{background-color:#fff;color:#000!important}.mobile-search-input{flex:1;background:#242424;border:none;border-radius:20px;padding:8px 15px;margin-left:10px;color:#fff;font-size:14px;outline:none}.mobile-header{display:none}@media(max-width:1200px){.new-songlist-wrapper{width:98vw;height:98vh}.new-title{font-size:28px}.new-search-container{width:240px}}@media(max-width:1024px){.list-headers,.playlist-item{grid-template-columns:50px 3fr 2fr 80px 100px}.header-genre,.item-genre{display:none}.new-search-container{width:200px}.new-main-content{padding:20px}}@media(max-width:768px){.songlist-page-container{background-color:#000}.new-songlist-wrapper{height:100vh;width:100vw;max-width:none;max-height:none;border-radius:0;box-shadow:none}.new-sidebar{position:fixed;top:0;left:-100%;width:250px;height:100vh;background:#000;z-index:1000;transition:left .3s ease;border-right:1px solid #282828}.new-sidebar.mobile-open{left:0}.sidebar-mobile-header{display:flex}.sidebar-menu{gap:40px;margin-top:20px}.sidebar-item{font-size:18px;justify-content:flex-start;padding-left:40px;width:100%;display:flex;align-items:center;gap:15px}.sidebar-item:after{content:attr(title);font-size:16px;font-weight:500}.new-main-content{background:#121212;padding:15px 15px 140px;border-radius:0;margin:0}.mobile-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;color:#fff}.btn-hamburger{background:none;border:none;cursor:pointer;display:flex;align-items:center;height:40px;width:40px;justify-content:center}.new-header,.list-headers,.item-num-icon,.item-artist-col,.header-artist-col,.item-duration,.item-genre{display:none}.playlist-item{grid-template-columns:1fr auto;padding:10px;gap:10px}.item-title{font-size:14px;font-weight:500}.item-artist-mobile{display:block;font-size:12px;color:#b3b3b3;margin-top:2px}.item-actions{opacity:1}.new-bottom-player{position:fixed;bottom:0;left:0;right:0;height:130px;flex-direction:column;align-items:stretch;padding:15px;border-top:1px solid #282828}.player-left{width:100%;justify-content:space-between;align-items:center}.player-art-1{width:50px;height:50px;position:static}.player-song-info{flex:1;margin-left:12px;flex-direction:column;align-items:flex-start;gap:2px}.player-song-title{max-width:180px;font-size:14px}.player-song-artist-mobile{display:block;font-size:12px;opacity:.8}.player-center{width:100%;flex-direction:row;justify-content:space-between}.progress-container{flex:1;margin:0 10px}.player-time-text{display:none}.player-volume-controls{position:absolute;left:10px;top:50%;transform:translateY(-50%);flex-direction:column;padding:10px 5px;background:#1e1e1ee6;border-radius:20px;border:1px solid rgba(255,255,255,.1);z-index:100;gap:8px;height:auto;width:35px;box-shadow:0 4px 15px #00000080}.desktop-vol-slider{display:none}.vol-btn{font-size:20px;width:100%;display:flex;align-items:center;justify-content:center}.vol-indicator{flex-direction:column;gap:2px}.vol-indicator span{font-size:9px}.player-left{padding-left:45px}.player-right{display:flex;position:absolute;bottom:12px;right:15px;width:auto;background:transparent;padding:0;box-shadow:none;border:none}.player-controls-main{position:absolute;right:20px;top:20px}.play-btn{width:40px;height:40px}.player-controls-main .control-btn:not(.play-btn){display:none}.new-toolbar{flex-direction:column;align-items:flex-start;gap:10px}.new-toolbar-right{display:none}}.liked-page-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;display:flex;justify-content:center;align-items:center;overflow:hidden;font-family:Inter,sans-serif}.liked-wrapper{display:flex;flex-direction:column;height:95vh;width:95vw;max-width:1200px;max-height:900px;background-color:#121212;color:#fff;border-radius:12px;box-shadow:0 10px 40px #00000080;position:relative;overflow:hidden;padding:30px 40px}.liked-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-shrink:0}.liked-title{margin:0;font-size:2rem;font-weight:700;color:#fff}.liked-back{padding:.6rem 1.5rem;font-size:.9rem;font-weight:700;color:#fff;background:transparent;border:1px solid #727272;border-radius:20px;cursor:pointer;transition:all .2s;display:flex;align-items:center}.liked-back:hover{border-color:#fff;transform:scale(1.04)}.liked-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;scrollbar-width:none}.liked-list::-webkit-scrollbar{display:none}.liked-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:transparent;border-radius:4px;transition:background .2s}.liked-item:hover{background:#ffffff1a}.liked-item-main{display:flex;align-items:center;gap:1rem;background:none;border:none;padding:0;cursor:pointer;flex:1;text-align:left}.liked-item-art{width:48px;height:48px;border-radius:4px;object-fit:cover}.liked-item-title{font-size:1rem;font-weight:500;color:#fff}.liked-item-remove{padding:.5rem 1rem;background:transparent;color:#b3b3b3;border:1px solid #727272;border-radius:20px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s}.liked-item-remove:hover{color:#fff;border-color:#fff;transform:scale(1.04)}.liked-empty{text-align:center;margin-top:5rem;color:#b3b3b3}.liked-empty-text{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.liked-actions{margin-top:2rem;display:flex;justify-content:center}.liked-back-bottom{padding:.8rem 2rem;background:#1db954;color:#000;border:none;border-radius:20px;font-weight:700;cursor:pointer;transition:transform .2s,background .2s}.liked-back-bottom:hover{background:#1ed760;transform:scale(1.04)}@media(max-width:768px){.liked-wrapper{height:100vh;width:100vw;border-radius:0;padding:20px}}.playlists-page-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;display:flex;justify-content:center;align-items:center;overflow:hidden;font-family:Inter,sans-serif}.playlists-wrapper{display:flex;flex-direction:column;height:95vh;width:95vw;max-width:1200px;max-height:900px;background-color:#121212;color:#fff;border-radius:12px;box-shadow:0 10px 40px #00000080;position:relative;overflow:hidden;padding:30px 40px}.playlists-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-shrink:0}.playlists-title{margin:0;font-size:2rem;font-weight:700;color:#fff}.playlists-back{padding:.6rem 1.5rem;font-size:.9rem;font-weight:700;color:#fff;background:transparent;border:1px solid #727272;border-radius:20px;cursor:pointer;transition:all .2s}.playlists-back:hover{border-color:#fff;transform:scale(1.04)}.playlists-actions-top{margin-bottom:2rem}.create-playlist-btn{padding:.8rem 2rem;background:#1db954;color:#000;border:none;border-radius:20px;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .2s,background .2s}.create-playlist-btn:hover{transform:scale(1.04);background:#1ed760}.playlists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;overflow-y:auto;scrollbar-width:none}.playlists-grid::-webkit-scrollbar{display:none}.playlist-card{display:flex;flex-direction:column;padding:1.25rem;background:#181818;border-radius:8px;cursor:pointer;transition:background .3s;position:relative}.playlist-card:hover{background:#282828}.playlist-card-icon{font-size:3rem;margin-bottom:1rem;display:flex;justify-content:center;color:#1db954}.playlist-card-info{flex:1}.playlist-card-name{margin:0;font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.5rem}.playlist-card-count{margin:0;font-size:.85rem;color:#b3b3b3}.playlist-card-delete{position:absolute;bottom:1.25rem;right:1.25rem;background:transparent;border:none;font-size:1.1rem;cursor:pointer;opacity:0;transition:opacity .2s,transform .2s}.playlist-card:hover .playlist-card-delete{opacity:1}.playlist-card-delete:hover{transform:scale(1.2)}.playlists-empty{text-align:center;margin-top:5rem;color:#b3b3b3}.playlists-empty-text{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.create-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.create-modal{background:#282828;width:90%;max-width:400px;padding:2rem;border-radius:12px;display:flex;flex-direction:column;gap:1.5rem;color:#fff}.create-modal-title{margin:0;text-align:center;font-weight:700}.create-modal-input-group{display:flex;flex-direction:column;gap:.5rem}.create-modal-input-group label{font-size:.9rem;font-weight:700;color:#b3b3b3}.create-modal-input-group input{padding:.8rem;background:#3e3e3e;border:none;border-radius:4px;font-size:1rem;color:#fff}.create-modal-input-group input:focus{outline:none;background:#4e4e4e}.create-modal-btns{display:flex;gap:1rem;margin-top:.5rem}.create-modal-cancel{flex:1;padding:.8rem;background:transparent;color:#fff;border:1px solid #727272;border-radius:20px;font-weight:700;cursor:pointer}.create-modal-cancel:hover{border-color:#fff}.create-modal-confirm{flex:1;padding:.8rem;background:#1db954;color:#000;border:none;border-radius:20px;font-weight:700;cursor:pointer}.create-modal-confirm:hover{background:#1ed760;transform:scale(1.04)}@media(max-width:768px){.playlists-wrapper{height:100vh;width:100vw;border-radius:0;padding:20px}.playlists-grid{grid-template-columns:1fr 1fr}}.playlist-detail-page-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;display:flex;justify-content:center;align-items:center;overflow:hidden;font-family:Inter,sans-serif}.playlist-detail-wrapper{display:flex;flex-direction:column;height:95vh;width:95vw;max-width:1200px;max-height:900px;background-color:#121212;color:#fff;border-radius:12px;box-shadow:0 10px 40px #00000080;position:relative;overflow:hidden;padding:30px 40px}.playlist-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-shrink:0}.playlist-detail-title{margin:0;font-size:2.5rem;font-weight:800;color:#fff}.playlist-detail-stats{font-size:.9rem;color:#b3b3b3}.playlist-detail-back{padding:.6rem 1.5rem;font-size:.9rem;font-weight:700;color:#fff;background:transparent;border:1px solid #727272;border-radius:20px;cursor:pointer;transition:all .2s;display:flex;align-items:center}.playlist-detail-back:hover{border-color:#fff;transform:scale(1.04)}.playlist-detail-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;scrollbar-width:none}.playlist-detail-list::-webkit-scrollbar{display:none}.playlist-detail-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:transparent;border-radius:4px;transition:background .2s}.playlist-detail-item:hover{background:#ffffff1a}.playlist-detail-item-main{display:flex;align-items:center;gap:1.25rem;background:none;border:none;padding:0;cursor:pointer;flex:1;text-align:left}.playlist-detail-item-art{width:48px;height:48px;border-radius:4px;object-fit:cover}.playlist-detail-item-info{display:flex;flex-direction:column}.playlist-detail-item-title{font-size:1rem;font-weight:500;color:#fff}.playlist-detail-item-artist{font-size:.85rem;color:#b3b3b3}.playlist-detail-item-remove{padding:.5rem;background:transparent;color:#b3b3b3;border:none;font-size:1.25rem;cursor:pointer;transition:all .2s}.playlist-detail-item-remove:hover{color:#fff;transform:scale(1.2)}.playlist-detail-empty{text-align:center;margin-top:5rem;color:#b3b3b3}.playlist-detail-empty-text{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem}.add-songs-hint-btn{padding:.8rem 2rem;background:#1db954;color:#000;border:none;border-radius:20px;font-weight:700;cursor:pointer;transition:transform .2s,background .2s}.add-songs-hint-btn:hover{background:#1ed760;transform:scale(1.04)}@media(max-width:768px){.playlist-detail-wrapper{height:100vh;width:100vw;border-radius:0;padding:20px}}