.userPill{height:60px}.userINformation{cursor:pointer;z-index:10;justify-content:center;align-items:center;gap:15px;height:max-content;display:flex;position:relative}.userPillWrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background-color:#ffffff1a;border:1px solid #ffffff1e;border-radius:30px;flex-direction:column;justify-content:start;align-items:stretch;padding:10px;display:flex;position:relative}.userPill img{object-fit:cover;border-radius:100%}.userPill h3{letter-spacing:-4%;color:#fff;font-size:16px;font-weight:500;line-height:100%}.userPill p{letter-spacing:-4%;color:#ffffff7e;text-overflow:ellipsis;white-space:nowrap;max-width:120px;margin-top:3px;font-size:13px;font-weight:300;line-height:100%;overflow:hidden}.userPill svg{margin:0 20px}.userPill{width:max-content}.loggedOut svg{margin:0;scale:.8}.loggedOut{padding:15px}.hiddenSection{flex-direction:column;justify-content:center;align-items:stretch;max-height:210px;margin-top:10px;transition:all .3s ease-out;display:flex;overflow:hidden}.hiddenSection p{border-radius:0 0 20px 20px;flex:1;justify-content:start;align-items:center;gap:10px;margin:0;padding:15px 0;display:flex;width:auto!important;max-width:1000px!important}.hiddenSection p:first-child{border-bottom:1px solid #ffffff1e;border-radius:20px 20px 0 0}.hiddenSection p:hover{cursor:pointer;background-color:#ffffff1a}.zeroHeight{margin-top:0;max-height:0!important}
.logout-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.logout-modal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;width:90%;max-width:400px;padding:2rem;animation:.3s ease-out slideIn;box-shadow:0 8px 32px #0000001a}.logout-modal-content{text-align:center}.logout-icon{background:#ff42421a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;animation:2s infinite pulse;display:flex}.logout-modal h2{color:#fff;margin-bottom:1rem;font-size:1.5rem}.logout-modal p{color:#fffc;margin-bottom:2rem}.logout-modal-buttons{justify-content:center;gap:1rem;display:flex}.logout-modal button{cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.cancel-btn{color:#fff;background:#ffffff1a;border:1px solid #fff3}.cancel-btn:hover{background:#fff3}.confirm-btn{color:#fff;background:#ff4242}.confirm-btn:hover{background:#ff2828;transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 #ff424266}70%{box-shadow:0 0 0 10px #ff424200}to{box-shadow:0 0 #ff424200}}
.searchIcon{cursor:pointer;justify-content:center;align-items:center;transition:all .3s;display:flex}.searchIcon:hover{transform:scale(1.05)}.searchIcon svg{width:32px;height:32px}
.navbarSongPlayer{background-color:#ffffff1a;border:1px solid #ffffff1e;border-radius:1000px;justify-content:start;align-items:center;gap:12px;width:max-content;height:60px;padding:5px 15px 5px 5px;transition:all .3s;display:flex}.navbarSongPlayer:hover{background-color:#ffffff26}.navbarSongPlayer__link{cursor:pointer;align-items:center;gap:12px;text-decoration:none;display:flex}.navbarSongPlayer__albumArt{border:2px solid #fff3;border-radius:50%;flex-shrink:0;width:50px;height:50px;position:relative;overflow:hidden;box-shadow:0 0 10px #0000004d}.navbarSongPlayer__albumArt img{object-fit:cover;width:100%;height:100%;animation:15s linear infinite navbarSongPlayerRotate}.navbarSongPlayer__albumArt.navbarSongPlayer__rotating img{animation-play-state:running}.navbarSongPlayer__albumArt.navbarSongPlayer__paused img{animation-play-state:paused}.navbarSongPlayer__vinylCenter{background-color:#97978c;border:1px solid #ffffff4d;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes navbarSongPlayerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navbarSongPlayer__songInfo{flex-direction:column;gap:6px;min-width:180px;display:flex}.navbarSongPlayer__songDetails{justify-content:space-between;align-items:center;gap:15px;display:flex}.navbarSongPlayer__songTitle{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-family:Inter;font-size:12px;font-weight:400;overflow:hidden}.navbarSongPlayer__songTime{color:#fff9;font-family:Inter;font-size:11px;font-weight:300}.navbarSongPlayer__progressBarContainer{background-color:#fff3;border-radius:10px;width:100%;height:3px;overflow:hidden}.navbarSongPlayer__progressBar{background:linear-gradient(90deg,#fff 0%,#fffc 100%);border-radius:10px;height:100%;transition:width .3s}.navbarSongPlayer__playPauseBtn{cursor:pointer;background-color:#ffffff26;border:1px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.navbarSongPlayer__playPauseBtn:hover{background-color:#ffffff40;transform:scale(1.05)}.navbarSongPlayer__playPauseBtn:active{transform:scale(.95)}.navbarSongPlayer__playPauseBtn svg{filter:drop-shadow(0 1px 2px #0000004d)}
.mpm__backdrop{z-index:2000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;justify-content:center;align-items:center;animation:.2s mpmBackdropIn;display:flex;position:fixed;inset:0}@keyframes mpmBackdropIn{0%{opacity:0}to{opacity:1}}.mpm{scrollbar-width:none;background:#121216f7;border:1px solid #ffffff1a;border-radius:28px;flex-direction:column;gap:22px;width:100%;max-width:420px;max-height:90vh;padding:28px 28px 24px;animation:.22s mpmSlideIn;display:flex;overflow-y:auto;box-shadow:0 32px 80px #000000b3}.mpm::-webkit-scrollbar{display:none}@keyframes mpmSlideIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.mpm__header{justify-content:space-between;align-items:center;display:flex}.mpm__headerTitle{color:#ffffff80;letter-spacing:.08em;text-transform:uppercase;font-family:Inter,sans-serif;font-size:12px;font-weight:500}.mpm__closeBtn{cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s;display:flex}.mpm__closeBtn:hover{background:#ffffff29}.mpm__artWrap{border-radius:50%;flex-shrink:0;width:200px;height:200px;margin:0 auto;position:relative;box-shadow:0 0 40px #00000080}.mpm__art{object-fit:cover;border:3px solid #ffffff26;border-radius:50%;width:100%;height:100%}.mpm__art--spinning{animation:18s linear infinite mpmSpin}@keyframes mpmSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mpm__vinylCenter{pointer-events:none;background:#222;border:2px solid #fff3;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mpm__songInfo{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.mpm__songName{color:#fff;font-family:Inter,sans-serif;font-size:18px;font-weight:600;line-height:1.3}.mpm__songArtist{color:#ffffff73;font-family:Inter,sans-serif;font-size:13px}.mpm__progressSection{align-items:center;gap:10px;display:flex}.mpm__time{color:#fff6;flex-shrink:0;min-width:34px;font-family:Inter,sans-serif;font-size:11px}.mpm__progressBar{cursor:pointer;background:#ffffff26;border-radius:10px;flex:1;height:4px;position:relative}.mpm__progressBar:hover .mpm__progressThumb{opacity:1}.mpm__progressFill{pointer-events:none;background:#fff;border-radius:10px;height:100%}.mpm__progressThumb{opacity:0;pointer-events:none;background:#fff;border-radius:50%;width:12px;height:12px;transition:opacity .15s;position:absolute;top:50%;transform:translate(-50%,-50%)}.mpm__controls{justify-content:center;align-items:center;gap:18px;display:flex}.mpm__ctrlBtn{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:color .15s,background .15s;display:flex}.mpm__ctrlBtn:hover{color:#fff;background:#ffffff14}.mpm__ctrlBtn--active{color:#fff}.mpm__playPauseBtn{cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;transition:transform .15s,background .15s;display:flex;box-shadow:0 4px 20px #fff3}.mpm__playPauseBtn svg{color:#000;fill:#000}.mpm__playPauseBtn:hover{transform:scale(1.06)}.mpm__playPauseBtn:active{transform:scale(.96)}.mpm__queue{border-top:1px solid #ffffff12;padding-top:16px}.mpm__queueTitle{color:#fff6;letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px;font-family:Inter,sans-serif;font-size:11px;font-weight:500}.mpm__queueList{flex-direction:column;gap:2px;display:flex}.mpm__queueRow{cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:8px 10px;transition:background .12s;display:flex}.mpm__queueRow:hover{background:#ffffff0f}.mpm__queueRow--active{background:#ffffff14}.mpm__queueThumb{object-fit:cover;border-radius:6px;flex-shrink:0;width:38px;height:38px}.mpm__queueInfo{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mpm__queueName{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-family:Inter,sans-serif;font-size:13px;font-weight:500;overflow:hidden}.mpm__queueArtist{color:#fff6;white-space:nowrap;text-overflow:ellipsis;font-family:Inter,sans-serif;font-size:11px;overflow:hidden}.mpm__queuePlaying{flex-shrink:0;align-items:flex-end;gap:2px;height:16px;display:flex}.mpm__queuePlaying span{background:#fff;border-radius:2px;width:3px;animation:.8s ease-in-out infinite alternate mpmEq;display:block}.mpm__queuePlaying span:first-child{height:6px;animation-delay:0s}.mpm__queuePlaying span:nth-child(2){height:12px;animation-delay:.2s}.mpm__queuePlaying span:nth-child(3){height:8px;animation-delay:.4s}@keyframes mpmEq{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}@media (max-width:480px){.mpm__backdrop{align-items:flex-end}.mpm{border-radius:24px 24px 0 0;max-width:100%;padding:20px 20px 36px}.mpm__artWrap{width:160px;height:160px}}
.categoryPills{flex:1;gap:10px;height:65px;padding-bottom:5px;display:flex;overflow-x:scroll}.categoryPills::-webkit-scrollbar{display:none}@keyframes rainbowGlow{0%{box-shadow:0 0 8px 2px #ff0000b3,0 0 0 1.5px #ff000080}17%{box-shadow:0 0 8px 2px #ffa500b3,0 0 0 1.5px #ffa50080}33%{box-shadow:0 0 8px 2px #ffff00b3,0 0 0 1.5px #ffff0080}50%{box-shadow:0 0 8px 2px #00ff00b3,0 0 0 1.5px #00ff0080}67%{box-shadow:0 0 8px 2px #0096ffb3,0 0 0 1.5px #0096ff80}83%{box-shadow:0 0 8px 2px #b400ffb3,0 0 0 1.5px #b400ff80}to{box-shadow:0 0 8px 2px #ff0000b3,0 0 0 1.5px #ff000080}}.categoryPill{white-space:nowrap;text-align:center;color:#fff;cursor:pointer;width:max-content;font-family:inherit;font-weight:300;font-size:inherit;background-color:#ffffff1a;border:1px solid #ffffff1e;border-radius:1000px;justify-content:center;align-items:center;padding:0 25px;transition:background .2s;animation:3s linear infinite rainbowGlow;display:flex}.categoryPill:hover{background-color:#ffffff2e}
.searchModal__backdrop{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;justify-content:center;align-items:flex-start;padding-top:80px;animation:.15s smBackdropIn;display:flex;position:fixed;inset:0}@keyframes smBackdropIn{0%{opacity:0}to{opacity:1}}.searchModal{background:#16161af7;border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:580px;animation:.18s smSlideIn;overflow:hidden;box-shadow:0 24px 64px #0009}@keyframes smSlideIn{0%{opacity:0;transform:translateY(-12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.searchModal__inputRow{border-bottom:1px solid #ffffff12;align-items:center;gap:12px;padding:16px 20px;display:flex}.searchModal__icon{flex-shrink:0}.searchModal__input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-family:Inter,sans-serif;font-size:16px;font-weight:400}.searchModal__input::placeholder{color:#ffffff4d}.searchModal__clear{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background .15s;display:flex}.searchModal__clear:hover{background:#ffffff14}.searchModal__results{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;max-height:440px;overflow-y:auto}.searchModal__results::-webkit-scrollbar{width:4px}.searchModal__results::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.searchModal__state{color:#ffffff4d;justify-content:center;align-items:center;padding:36px 20px;font-family:Inter,sans-serif;font-size:13px;display:flex}.searchModal__state--hint{color:#fff3}.searchModal__spinner{border:2px solid #ffffff1a;border-top-color:#fff9;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite smSpin}@keyframes smSpin{to{transform:rotate(360deg)}}.searchModal__row{cursor:pointer;align-items:center;gap:14px;padding:10px 20px;transition:background .12s;display:flex}.searchModal__row:hover{background:#ffffff0f}.searchModal__row:hover .searchModal__playBtn{opacity:1}.searchModal__thumb{border-radius:8px;flex-shrink:0;width:46px;height:46px;overflow:hidden}.searchModal__thumb img{object-fit:cover;width:100%;height:100%}.searchModal__info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.searchModal__name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-family:Inter,sans-serif;font-size:14px;font-weight:500;overflow:hidden}.searchModal__artist{color:#ffffff73;white-space:nowrap;text-overflow:ellipsis;font-family:Inter,sans-serif;font-size:12px;overflow:hidden}.searchModal__playBtn{cursor:pointer;opacity:0;background:#ffffff1f;border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:opacity .15s,background .15s;display:flex}.searchModal__playBtn:hover{background:#ffffff38}.searchModal__playBtn svg{margin-left:2px}.searchModal__ctxMenu{z-index:9999;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#16161af5;border:1px solid #ffffff1f;border-radius:12px;min-width:210px;padding:6px;animation:.12s smCtxIn;position:fixed;box-shadow:0 8px 32px #00000080}@keyframes smCtxIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.searchModal__ctxItem{color:#ffffffe0;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-family:Inter,sans-serif;font-size:13px;transition:background .15s;display:flex}.searchModal__ctxItem:hover{color:#fff;background:#ffffff1a}.searchModal__ctxDivider{background:#ffffff14;height:1px;margin:4px 0}@media (max-width:620px){.searchModal__backdrop{align-items:flex-end;padding-top:0}.searchModal{border-radius:20px 20px 0 0;flex-direction:column;max-width:100%;max-height:80vh;display:flex}.searchModal__results{flex:1}}