.app-wrapper{z-index:99999;background-color:var(--bg-black);flex-direction:column;width:100vw;height:100dvh;display:flex;position:fixed;top:0;left:0}.app-body{flex:1;transition:height .3s;display:flex;overflow:hidden}.left-sidebar{background:var(--bg-black);flex-direction:column;flex-shrink:0;gap:20px;width:250px;padding:24px;display:flex}.nav-item{color:var(--text-gray);cursor:pointer;align-items:center;gap:15px;padding:5px 0;font-weight:700;transition:all .2s;display:flex}.nav-item:hover,.nav-item.active{color:#fff}.library-header{color:var(--text-gray);justify-content:space-between;margin-top:20px;margin-bottom:10px;font-weight:700;display:flex}.playlist-scroll{flex:1;overflow-y:auto}.playlist-item{color:var(--text-gray);cursor:pointer;border-radius:4px;margin-bottom:2px;padding:8px 10px;font-size:.9rem;transition:all .2s}.playlist-item:hover{color:#fff;background-color:#1a1a1a}.playlist-item.active{background-color:#282828;color:#fff!important}.main-content{background:linear-gradient(180deg, var(--dominant-color,#202020) 0%, #121212 40%);-webkit-overflow-scrolling:touch;border-radius:8px 8px 0 0;flex:1;min-height:0;margin-top:8px;padding:30px;transition:background .5s ease-in-out;overflow-y:auto}.playlist-header{align-items:flex-end;min-height:230px;margin-bottom:24px;padding-bottom:20px;display:flex}.header-flex{align-items:end;gap:24px;width:100%;display:flex}.art-container{flex-shrink:0;width:230px;height:230px;position:relative;box-shadow:0 4px 60px #00000080}.header-art{object-fit:cover;width:100%;height:100%;display:block}.playlist-info h1{letter-spacing:-1px;color:#fff;margin:10px 0;font-size:4rem;font-weight:900;line-height:1}.playlist-info .type{text-transform:uppercase;font-size:.8rem;font-weight:700}.search-wrapper{justify-content:flex-start;width:100%;margin-bottom:20px;display:flex}.search-pill{background-color:#242424;border:2px solid #0000;border-radius:500px;align-items:center;width:100%;max-width:380px;padding:12px 15px;transition:all .2s;display:flex;position:relative}.search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;margin-left:5px;font-size:.95rem}.action-bar{align-items:center;gap:30px;margin-bottom:30px;display:flex}.play-btn-brand{background:var(--brand-blue);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.4rem;transition:all .2s;display:flex}.play-btn-brand:hover{filter:brightness(1.1);transform:scale(1.05)}.icon-btn{color:var(--text-gray);cursor:pointer;background:0 0;border:none;font-size:2rem}.song-table-header{color:var(--text-gray);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #333;margin-bottom:10px;padding:0 10px 10px;font-size:.8rem;display:flex}.col-1{text-align:center;width:40px}.col-2{flex:4;align-items:center;display:flex}.col-3{flex:3}.col-4{text-align:center;justify-content:flex-end;align-items:center;gap:10px;width:80px;display:flex}.song-row{cursor:pointer;color:var(--text-gray);border-radius:5px;align-items:center;padding:10px;font-size:.9rem;transition:all .2s;display:flex}.song-row:hover{color:#fff;background-color:#ffffff1a}.song-row.active{color:#fff;background-color:#ffffff4d}.song-row.active .col-2 .song-title{color:var(--brand-blue)}.song-row img{object-fit:cover;border-radius:4px;width:40px;height:40px;margin-right:15px}.right-sidebar{background:var(--bg-black);flex-shrink:0;width:340px;padding:20px 10px;overflow-y:auto}.rs-header{justify-content:space-between;align-items:center;margin-bottom:20px;padding-left:10px;display:flex}.panel-title{color:#fff;margin:0;font-size:1rem;font-weight:700}.np-card{background:var(--bg-light);border-radius:8px;padding-bottom:20px;overflow:hidden}.np-card img{width:100%;height:auto;margin-bottom:15px;display:block}.bottom-player{z-index:100000;background:#181818;border-top:1px solid #282828;justify-content:space-between;align-items:center;height:90px;padding:0 16px;display:flex;position:relative}.bp-left{align-items:center;width:30%;min-width:180px;display:flex}.bp-art{object-fit:cover;border-radius:4px;width:56px;height:56px;margin-right:15px}.bp-text p{color:var(--text-gray);margin:0;font-size:.7rem}.bp-text h4{color:#fff;margin:0;font-size:.85rem;font-weight:600}.like-icon{color:var(--text-gray);cursor:pointer;margin-left:20px;font-size:1.2rem}.like-icon.liked{color:var(--brand-green);font-weight:900}.bp-center{flex-direction:column;align-items:center;width:40%;max-width:722px;display:flex}.controls{color:#b3b3b3;align-items:center;gap:20px;margin-bottom:8px;font-size:1rem;display:flex}.play-circle{color:#000;cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.progress-container{color:#b3b3b3;align-items:center;gap:8px;width:100%;font-size:.7rem;display:flex}.progress-bar{cursor:pointer;background:#4d4d4d;border-radius:2px;flex:1;height:4px;position:relative}.progress-fill{background:#fff;border-radius:2px;width:0%;height:100%;position:absolute;top:0;left:0}.bp-right{color:#b3b3b3;justify-content:flex-end;align-items:center;gap:15px;width:30%;font-size:.9rem;display:flex}.volume-slider{appearance:none;background:#4d4d4d;border-radius:2px;outline:none;width:100px;height:4px}.volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;visibility:visible;background:#fff;border-radius:50%;width:12px;height:12px}.active-icon{color:var(--brand-green)}.dropdown-menu{z-index:1000;background:#282828;border:1px solid #333;border-radius:6px;flex-direction:column;min-width:180px;padding:5px 0;display:flex;position:absolute;top:100%;right:20px;box-shadow:0 4px 20px #0009}.dropdown-menu a{color:#e0e0e0;align-items:center;padding:12px 15px;font-size:.9rem;text-decoration:none;transition:all .2s;display:flex}.dropdown-menu a:hover{color:#fff;background:#3e3e3e}.dropdown-divider{background:#3e3e3e;height:1px;margin:5px 0}.mobile-only{display:none}@media (max-width:900px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.app-body{flex-direction:column}.left-sidebar{z-index:999999;height:100vh;transition:left .3s;display:flex;position:fixed;top:0;left:-100%}.left-sidebar.mobile-open{left:0}.sidebar-backdrop{z-index:999998;background:#00000080;width:100vw;height:100vh;position:fixed;top:0;left:0}.right-sidebar{display:none}.main-content{border-radius:0;margin-top:0;padding:20px 15px}.playlist-header{align-items:flex-start;min-height:auto}.header-flex{text-align:center;flex-direction:column;align-items:center;gap:15px}.art-container{width:180px;height:180px}.playlist-info h1{font-size:2.5rem}.col-3{display:none!important}.col-4{justify-content:center;width:40px}.col-4 span{display:none}.col-2{padding-right:0}.bottom-player{height:75px;padding:0 10px}.bp-center{display:none}.full-player-mobile{background:linear-gradient(180deg, var(--dominant-color,#202020) 0%, #000 100%);z-index:100000;flex-direction:column;width:100vw;height:100dvh;padding:20px 20px 40px;transition:transform .3s ease-in-out,background .5s ease-in-out;display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translateY(100%)}.full-player-mobile.active{transform:translateY(0)}.fp-header{color:#fff;justify-content:space-between;margin-bottom:40px;font-weight:700;display:flex}.fp-art-wrapper{justify-content:center;margin-bottom:40px;display:flex}.fp-art{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%;max-width:320px;box-shadow:0 10px 40px #00000080}.fp-info{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.fp-info h2{color:#fff;margin:0 0 5px;font-size:1.5rem}.fp-info p{color:#b3b3b3;margin:0}.fp-progress{flex-direction:column;gap:5px;margin-bottom:30px;display:flex}.fp-progress-bar{cursor:pointer;background:#4d4d4d;border-radius:2px;width:100%;height:4px;position:relative}.fp-progress-fill{background:#fff;border-radius:2px;height:100%;position:absolute;top:0;left:0}.fp-time{color:#b3b3b3;justify-content:space-between;font-size:.75rem;display:flex}.fp-controls{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;margin-top:auto;margin-bottom:20px;font-size:1.5rem;display:flex}.fp-play-circle{color:#000;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;display:flex}.queue-drawer{z-index:300000;border-left:none;width:100vw;height:100vh;right:-100vw}}.content-card{border-radius:12px;width:100%;margin-bottom:20px;overflow:hidden}.lyrics-card{background-color:var(--dominant-color,#545454);flex-direction:column;min-height:350px;padding:20px;transition:background-color .5s ease-in-out;display:flex;position:relative}.card-header-text{color:#fff;margin-bottom:15px;font-size:1rem;font-weight:700}.lyrics-preview-text{color:#fff;-webkit-line-clamp:5;line-clamp:5;white-space:pre-wrap;-webkit-box-orient:vertical;margin-bottom:auto;font-size:1.4rem;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.capsule-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:500px;align-self:flex-start;margin-top:20px;padding:8px 20px;font-size:.9rem;font-weight:700;transition:all .2s}.capsule-btn:hover{transform:scale(1.05)}.artist-card{background-color:#2a2a2a;border-radius:12px;flex-direction:column;height:auto;min-height:400px;margin-bottom:20px;display:flex;position:relative;overflow:hidden}.artist-image-section{background-position:50%;background-size:cover;width:100%;height:240px;position:relative}.artist-overlay-text{color:#fff;text-shadow:0 2px 4px #00000080;font-size:1rem;font-weight:700;position:absolute;top:15px;left:15px}.artist-content-section{background-color:#2a2a2a;flex-direction:column;flex:1;gap:10px;padding:15px;display:flex}.artist-header-row{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.artist-name-col{flex-direction:column;display:flex}.artist-card-name{color:#fff;font-size:1.2rem;font-weight:800}.monthly-listeners{color:#b3b3b3;margin-top:4px;font-size:.8rem}.artist-bio-text{color:#b3b3b3;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.artist-bio-text.expanded{-webkit-line-clamp:unset;line-clamp:unset;display:block}.see-more{color:#fff;cursor:pointer;margin-top:5px;font-size:.9rem;font-weight:700}#mobile-lyrics-overlay{background-color:var(--dominant-color,#545454);z-index:200000;opacity:0;pointer-events:none;flex-direction:column;width:100vw;height:100dvh;padding:0;transition:transform .3s cubic-bezier(.2,0,0,1),background-color .5s ease-in-out;display:flex;position:fixed;top:0;left:0;transform:translateY(100%)}#mobile-lyrics-overlay.active{opacity:1;pointer-events:auto;transform:translateY(0)}.lyrics-header-container{color:#fff;z-index:10;height:80px;padding:30px 20px 10px;padding-top:env(safe-area-inset-top,30px);background:linear-gradient(#0000004d 0%,#0000 100%);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.circle-btn-transparent{cursor:pointer;background:#0000004d;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.lh-center{text-align:center;flex-direction:column;align-items:center;max-width:60%;display:flex}#lyrics-header-title{letter-spacing:-.5px;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.9rem;font-weight:700;display:block;overflow:hidden}#lyrics-header-artist{color:#ccc;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.75rem;font-weight:600;display:block;overflow:hidden}.lh-left,.lh-right{justify-content:center;width:40px;display:flex}#lyrics-scroll-area{flex:1;padding:20px 25px;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0%,#000 5% 80%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 5% 80%,#0000 100%)}#full-lyrics-content{color:#fff;white-space:pre-wrap;font-size:1.8rem;font-weight:800;line-height:1.4}.lyrics-footer-controls{padding:0 25px;padding-bottom:calc(40px + env(safe-area-inset-bottom,0px));background:linear-gradient(#0000 0%,#0006 100%);flex-shrink:0}.ly-progress-wrapper{cursor:pointer;width:100%;padding:10px 0}.ly-progress-bar{background:#fff3;border-radius:2px;width:100%;height:4px;position:relative}.ly-progress-fill{background:#fff;border-radius:2px;width:0%;height:100%;position:absolute;top:0;left:0}.ly-time-row{color:#ddd;justify-content:space-between;margin-top:5px;margin-bottom:15px;font-size:.75rem;font-weight:500;display:flex}.ly-controls-row{justify-content:space-between;align-items:center;display:flex}.play-circle-large{color:#000;cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;display:flex;box-shadow:0 4px 20px #0006}.play-circle-large i{margin-left:4px;font-size:1.8rem;color:#000!important}.right-align{justify-content:flex-end;display:flex}.queue-drawer{z-index:99999;background:#121212;border-left:1px solid #282828;flex-direction:column;width:400px;height:calc(100vh - 90px);transition:right .3s;display:flex;position:fixed;top:0;right:-400px;box-shadow:-5px 0 30px #00000080}.queue-drawer.active{right:0}.queue-header{border-bottom:1px solid #282828;justify-content:space-between;align-items:center;padding:20px;display:flex}.queue-content{-webkit-overflow-scrolling:touch;flex:1;padding:20px;overflow-y:auto}.queue-song-row{cursor:pointer;border-radius:5px;align-items:center;margin-bottom:2px;padding:10px;transition:all .2s;display:flex}.queue-song-row:hover{background:#ffffff1a}.queue-song-row img{object-fit:cover;border-radius:4px;width:40px;height:40px;margin-right:15px}