.sidebar-content{background-color:var(--color-primary-violet);padding:0rem;padding-top:2rem;border-radius:12px;height:1300px;padding-right:1rem;padding-bottom:2rem}.sidebar-logo{text-align:center;margin-bottom:3rem}.sidebar-logo .custom-logo{max-width:150px;height:95px}.sidebar-logo .site-title{margin-top:1rem;font-size:1.5rem;font-weight:600;color:var(--text-primary);text-align:center}.sidebar-logo .site-description{margin-top:.5rem;font-size:.875rem;color:var(--text-secondary);text-align:center;line-height:1.4;opacity:.8}.sidebar-menu .main-menu{list-style:none;padding:0;margin:0}.sidebar-menu .main-menu li{margin-bottom:1rem;position:relative}.sidebar-menu .main-menu a{display:flex;align-items:center;color:var(--text-secondary);text-decoration:none;padding:.5rem 0rem .5rem .5rem;border-radius:0 0 0 0px!important;transition:all 0.3s ease;gap:1rem;position:relative;overflow:hidden}.sidebar-menu .main-menu a::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-menu-hover);border-radius:8px;opacity:0;transition:opacity 0.3s ease;z-index:-1}.sidebar-menu .main-menu a::after{content:'';position:absolute;top:0;left:0;width:5px;height:65%;margin-top:8px;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:0 4px 4px 0;opacity:0;transition:opacity 0.3s ease}.sidebar-menu.secondary-menu{margin-top:2rem;padding-top:2rem}.sidebar-menu.secondary-menu .sidebar-title h3{font-size:1rem;color:var(--text-primary);opacity:.8}.sidebar-menu.secondary-menu .secondary-menu-list{list-style:none;padding:0;margin:0}.sidebar-menu.secondary-menu .secondary-menu-list li{margin-bottom:.75rem;position:relative}.sidebar-menu.secondary-menu .secondary-menu-list a{display:flex;align-items:center;color:var(--text-primary)!important;text-decoration:none;padding:.5rem 1rem;border-radius:8px;transition:all 0.3s ease;gap:.75rem;font-size:.875rem;position:relative;overflow:hidden}.sidebar-menu.secondary-menu .secondary-menu-list a::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-menu-hover-08);border-radius:8px;opacity:0;transition:opacity 0.3s ease;z-index:-1}.sidebar-menu.secondary-menu .secondary-menu-list a::after{content:'';position:absolute;top:0;left:0;width:3px;height:60%;margin-top:8px;background:var(--gradient-secondary-primary);border-radius:0 4px 4px 0;opacity:0;transition:opacity 0.3s ease}.sidebar-menu.secondary-menu .secondary-menu-list a:hover{color:var(--text-primary);opacity:1;transform:translateX(5px)}.main-menu .menu-item-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin-right:10px;color:var(--text-secondary);transition:all 0.3s ease;border:2px solid #fff0;border-radius:8px;background:var(--overlay-purple-151-0);position:relative}.main-menu .menu-item-icon::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--text-fourth-purple);border-radius:8px;opacity:0;transition:opacity 0.3s ease;z-index:-1}.secondary-menu-list .menu-item-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:10px;color:var(--text-secondary);transition:color 0.3s ease}.main-menu .menu-item-icon-img,.secondary-menu-list .menu-item-icon-img{width:100%;height:100%;object-fit:contain;filter:brightness(.8);transition:filter 0.3s ease}.main-menu a:hover .menu-item-icon,.main-menu a:hover .menu-item-icon-img,.secondary-menu-list a:hover .menu-item-icon,.secondary-menu-list a:hover .menu-item-icon-img{color:var(--text-primary);filter:brightness(1)}.main-menu a:hover .menu-item-icon::before{opacity:1}.main-menu a:hover .menu-item-icon{border-color:var(--color-purple);background:var(--overlay-purple-245-20)}.sidebar-menu.secondary-menu .secondary-menu-list a:hover::before{opacity:1}.sidebar-menu.secondary-menu .secondary-menu-list a:hover::after{opacity:1}.sidebar-menu.secondary-menu .secondary-menu-list .current-menu-item a,.sidebar-menu.secondary-menu .secondary-menu-list .current_page_item a{color:var(--text-primary);opacity:1;background:var(--gradient-menu-hover)}.sidebar-menu.secondary-menu .secondary-menu-list .current-menu-item a::after,.sidebar-menu.secondary-menu .secondary-menu-list .current_page_item a::after{opacity:1}.sidebar-playlist{margin-top:2rem;padding-top:2rem;position:relative}.audio-visualizer{position:absolute;top:-15px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:3px;height:54px;width:189px;padding:12px 12px;background:var(--color-gray-dark);border-radius:15px;z-index:0;align-content:flex-start;flex-direction:row;padding-bottom:21px;justify-content:center}.audio-visualizer.playing .visualizer-bar{animation:visualizerPulse 1.2s ease-in-out infinite;animation-play-state:running}.audio-visualizer:not(.playing) .visualizer-bar{animation:visualizerPulse 1.2s ease-in-out infinite;animation-play-state:paused;animation-fill-mode:forwards}.audio-visualizer.playing .visualizer-bar:nth-child(1){animation-delay:0s}.audio-visualizer.playing .visualizer-bar:nth-child(2){animation-delay:0.15s}.audio-visualizer.playing .visualizer-bar:nth-child(3){animation-delay:0.3s}.audio-visualizer.playing .visualizer-bar:nth-child(4){animation-delay:0.45s}.audio-visualizer.playing .visualizer-bar:nth-child(5){animation-delay:0.6s}.audio-visualizer.playing .visualizer-bar:nth-child(6){animation-delay:0.75s}.audio-visualizer.playing .visualizer-bar:nth-child(7){animation-delay:0.9s}.audio-visualizer.playing .visualizer-bar:nth-child(8){animation-delay:1.05s}.audio-visualizer.playing .visualizer-bar:nth-child(9){animation-delay:1.15s}.audio-visualizer.playing .visualizer-bar:nth-child(10){animation-delay:1.25s}.audio-visualizer.playing .visualizer-bar:nth-child(11){animation-delay:1.35s}.audio-visualizer.playing .visualizer-bar:nth-child(12){animation-delay:1.45s}.audio-visualizer.playing .visualizer-bar:nth-child(13){animation-delay:1.55s}.audio-visualizer.playing .visualizer-bar:nth-child(14){animation-delay:1.65s}.audio-visualizer.playing .visualizer-bar:nth-child(15){animation-delay:1.75s}.audio-visualizer.playing .visualizer-bar:nth-child(16){animation-delay:1.85s}.audio-visualizer.playing .visualizer-bar:nth-child(17){animation-delay:1.95s}.audio-visualizer.playing .visualizer-bar:nth-child(18){animation-delay:2.05s}.audio-visualizer.playing .visualizer-bar:nth-child(19){animation-delay:2.15s}.audio-visualizer.playing .visualizer-bar:nth-child(20){animation-delay:2.25s}.visualizer-bar{width:5px;border-radius:3px;opacity:.3}.visualizer-bar:nth-child(1){height:8px;background-color:rgb(168 139 153)}.visualizer-bar:nth-child(2){height:20px;background-color:rgb(216 173 194 / .88)}.visualizer-bar:nth-child(3){height:28px;background-color:rgb(214 214 214 / .91)}.visualizer-bar:nth-child(4){height:8px;background-color:rgb(252 241 246 / .96)}.visualizer-bar:nth-child(5){height:16px;background-color:var(--overlay-white-9d)}.visualizer-bar:nth-child(6){height:24px;background-color:var(--overlay-white-ec)}.visualizer-bar:nth-child(7){height:12px;background-color:var(--overlay-white-e3)}.visualizer-bar:nth-child(8){height:18px;background-color:var(--overlay-white-e3)}.visualizer-bar:nth-child(9){height:16px;background-color:var(--overlay-white-e3)}.visualizer-bar:nth-child(10){height:20px;background-color:var(--overlay-white-e3)}.visualizer-bar:nth-child(11){height:12px;background-color:var(--overlay-white-e3)}.visualizer-bar:nth-child(12){height:18px;background-color:var(--overlay-white-e3)}.visualizer-bar:nth-child(13){height:16px;background-color:var(--overlay-white-e3)}.visualizer-bar:nth-child(14){height:20px;background-color:var(--overlay-white-e3)}.visualizer-bar:nth-child(15){height:12px;background-color:var(--overlay-white-e3)}.visualizer-bar:nth-child(16){height:18px;background-color:var(--overlay-white-e3)}.visualizer-bar:nth-child(17){height:16px;background-color:var(--overlay-white-e3)}.visualizer-bar:nth-child(18){height:20px;background-color:var(--overlay-white-e3)}.visualizer-bar:nth-child(19){height:12px;background-color:var(--overlay-white-e3)}.visualizer-bar:nth-child(20){height:18px;background-color:var(--overlay-white-e3)}@keyframes visualizerPulse{0%{opacity:.3;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1)}100%{opacity:.3;transform:scaleY(.5)}}.now-playing-card-sidebar{background:linear-gradient(217deg,var(--color-secondary) -19%,var(--color-purple) 38%);border-radius:24px;padding:1.5rem;position:relative;overflow:hidden;margin:0 32px 1px 32px}.now-playing-card-sidebar::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--overlay-white-10);border-radius:16px}.song-info{position:relative;z-index:2;margin-bottom:1rem;display:flex;align-items:center;gap:1rem;flex-direction:row;min-height:40px;opacity:1;visibility:visible}.song-details-sidebar{flex:1;display:flex;flex-direction:column;gap:.25rem;opacity:1;visibility:visible;transition:none;margin-bottom:17px}.song-title-sidebar{font-size:1rem;font-weight:600;color:#fff;margin:0;line-height:1.2;display:block;opacity:1;visibility:visible;transition:none}.artist-name-sidebar{font-size:.8rem;color:var(--overlay-white-80);margin:0;line-height:1.2;display:block;opacity:.9;visibility:visible;transition:none}.album-art-sidebar{width:70px;height:70px;border-radius:14px;overflow:hidden;flex-shrink:0;opacity:1;visibility:visible;transform:none;transition:none;margin-left:13px;margin-bottom:17px}.album-art-sidebar img{width:100%;height:100%;object-fit:cover;display:block}.music-icon-placeholder{width:50px;height:50px;background:var(--overlay-white-30);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.playback-controls-sidebar{display:flex;align-items:center;justify-content:center;gap:1rem;position:relative;z-index:2}.control-btn-sidebar{background:#fff0;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:50%;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center}.control-btn-sidebar:hover{background:var(--overlay-white-30);transform:scale(1.1)}.play-btn-sidebar{background:#fff;color:var(--color-primary);width:48px;height:48px;padding:0}.play-btn-sidebar:hover{background:var(--overlay-white-90);transform:scale(1.05)}.playlist-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.playlist-title h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.playlist-count{font-size:.75rem;color:var(--text-secondary);opacity:.7}.playlist-items{max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--overlay-white-30) #fff0}.playlist-items::-webkit-scrollbar{width:4px}.playlist-items::-webkit-scrollbar-track{background:#fff0}.playlist-items::-webkit-scrollbar-thumb{background:var(--overlay-white-30);border-radius:2px}.playlist-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-radius:8px;margin-bottom:.5rem;transition:all 0.3s ease;cursor:pointer;position:relative;overflow:hidden}.playlist-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-menu-hover-08);border-radius:8px;opacity:0;transition:opacity 0.3s ease;z-index:-1}.playlist-item:hover{background:var(--overlay-white-05);transform:translateX(5px)}.playlist-item:hover::before{opacity:1}.playlist-item.playing{background:var(--gradient-menu-active);border-left:3px solid var(--color-primary)}.playlist-item-info{flex:1;min-width:0}.playlist-song-title{font-size:.875rem;font-weight:500;color:var(--text-primary);margin:0 0 .25rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-artist-name{font-size:.75rem;color:var(--text-secondary);margin:0;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-play-btn{background:#fff0;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:50%;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;opacity:.5}.playlist-play-btn:hover{background:var(--overlay-white-10);color:var(--text-primary);opacity:1;transform:scale(1.1)}.playlist-item.playing .playlist-play-btn{color:var(--color-primary);opacity:1}.playlist-item.playing{animation:playingPulse 2s ease-in-out infinite}@keyframes playingPulse{0%,100%{box-shadow:0 0 0 0 var(--overlay-purple-120-40)}50%{box-shadow:0 0 0 4px var(--overlay-purple-120-10)}}.sidebar-menu .main-menu a:hover::before,.sidebar-menu .main-menu .current-menu-item>a::before{opacity:1}.sidebar-menu .main-menu a:hover::after,.sidebar-menu .main-menu .current-menu-item>a::after{opacity:1}.sidebar-menu .main-menu .menu-item-has-children.active>a::before{opacity:1}.sidebar-menu .main-menu .menu-item-has-children.active>a::after{opacity:1}.sidebar-menu .main-menu .menu-item-has-children.active .menu-item-icon{border-color:var(--color-purple);background:var(--overlay-purple-245-20)}.sidebar-menu .main-menu .menu-item-has-children.active .menu-item-icon::before{opacity:1}.sidebar-menu .main-menu .sub-menu .menu-item{margin-bottom:.5rem}.sidebar-menu .main-menu .sub-menu a{padding:.5rem 1rem;font-size:.875rem;color:var(--text-secondary);transition:all 0.3s ease;border-radius:6px}.sidebar-menu .main-menu .sub-menu a:hover{color:var(--text-primary);transform:translateX(3px)}.sidebar-menu .main-menu a:hover,.sidebar-menu .main-menu .current-menu-item>a{color:var(--text-primary);transform:translateX(5px)}.sidebar-menu .main-menu a:hover,.sidebar-menu .main-menu .current-menu-item>a{color:var(--text-primary)}.sidebar-menu .main-menu .sub-menu{list-style:none;padding:0;padding-right:2rem;margin-top:.5rem;display:none;opacity:0;transform:translateY(-10px);transition:all 0.3s ease}.sidebar-menu .main-menu .menu-item-has-children.active>.sub-menu{display:block;opacity:1;transform:translateY(0)}.sidebar-menu .main-menu .menu-item-has-children>a{position:relative}.sidebar-menu .submenu-arrow{display:flex;align-items:center;transition:all 0.3s ease;margin-right:0;color:var(--text-secondary);opacity:.7}.sidebar-menu .menu-item-has-children.active>a .submenu-arrow{transform:rotate(90deg);color:var(--color-white);opacity:1}.sidebar-menu .menu-item-has-children>a:hover .submenu-arrow{color:var(--color-white);opacity:1}.sidebar-menu .menu-item-icon svg,.sidebar-menu .menu-item-icon .menu-item-icon-img{width:20px;height:20px;display:block;transition:all 0.3s ease}.sidebar-menu .menu-item-icon svg{fill:currentColor}.sidebar-menu .menu-item-icon.hover svg,.sidebar-menu .menu-item-icon.hover .menu-item-icon-img{transform:scale(1.1);filter:brightness(1.2)}.sidebar-title{margin-right:-13.5rem;margin-bottom:1rem;text-align:center;color:var(--color-gray-700);font-size:14px;font-weight:400;line-height:1.5;letter-spacing:.01em}