.janna-playlist-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);z-index:9999999;display:none;flex-direction:column;backdrop-filter:blur(10px)}.janna-playlist-modal.active{display:flex}.janna-playlist-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(18,18,18,.95)}.janna-playlist-title{font-size:20px;font-weight:600;color:white;margin:0}.janna-playlist-close{background:0 0;border:none;color:white;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;padding:0}.janna-playlist-close:hover{background:rgba(255,255,255,.1)}.janna-playlist-items{flex:1;overflow-y:auto;padding:20px}.janna-playlist-item{display:flex;align-items:center;padding:15px;margin-bottom:10px;background:rgba(255,255,255,.05);border-radius:10px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.janna-playlist-item:hover{background:rgba(255,255,255,.1);transform:translateX(5px)}.janna-playlist-item.active{background:rgba(0,209,178,.15);border-color:#00d1b2}.janna-playlist-item-cover{width:50px;height:50px;border-radius:6px;object-fit:cover;margin-right:15px;flex-shrink:0}.janna-playlist-item-info{flex:1;min-width:0}.janna-playlist-item-title{font-size:16px;font-weight:500;color:white;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.janna-playlist-item-artist{font-size:14px;color:rgba(255,255,255,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.janna-playlist-item-duration{font-size:14px;color:rgba(255,255,255,.5);margin-left:15px;flex-shrink:0}.janna-playlist-item-playing{color:#00d1b2;font-size:14px;margin-left:15px;flex-shrink:0;display:none}.janna-playlist-item.active .janna-playlist-item-playing{display:block}.janna-loading{position:relative}.janna-loading::after{content:"";position:absolute;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:janna-spin .8s linear infinite}@media (max-width:768px){body.janna-player-active{padding-bottom:70px!important}.janna-playlist-modal{padding:10px}.janna-playlist-header{padding:15px}.janna-playlist-items{padding:10px}.janna-playlist-item{padding:12px}.janna-playlist-item-cover{width:40px;height:40px}}@media (max-width:480px){body.janna-player-active{padding-bottom:65px!important}}.admin-bar #janna-audio-player{top:auto!important}@media (min-width:783px){.admin-bar #janna-audio-player{top:auto!important;bottom:0!important}}@media (max-width:782px){.admin-bar #janna-audio-player{top:auto!important;bottom:0!important}}