body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#1db954;--dark-bg:#121212;--secondary-bg:#181818;--card-bg:#282828;--text-primary:#fff;--text-secondary:#b3b3b3;--hover-effect:#ffffff1a}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}body{background-color:#121212;background-color:var(--dark-bg);display:flex;min-height:100vh}a,body{color:#fff;color:var(--text-primary)}a{text-decoration:none}#root{width:100%}.sidebar{background-color:#181818;background-color:var(--secondary-bg);display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:20px 0;position:fixed;width:230px}.logo{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:24px;font-weight:700;padding:0 20px 20px}.logo i{color:#1db954;color:var(--primary-color);margin-right:10px}.nav-menu{list-style:none;margin-bottom:30px}.nav-link{align-items:center;border-left:3px solid #0000;cursor:pointer;display:flex;padding:12px 20px;transition:all .3s}.nav-link.active,.nav-link:hover{background-color:#ffffff1a;background-color:var(--hover-effect)}.nav-link.active{border-left:3px solid #1db954;color:#fff}.nav-item.active{background-color:#ffffff1a;background-color:var(--hover-effect);border-left:4px solid #1db954;border-left:4px solid var(--primary-color)}.nav-item i{font-size:18px;margin-right:15px}.playlists{border-top:1px solid #ffffff1a;padding:20px}.playlists h3{font-size:14px;letter-spacing:1.5px;margin-bottom:15px;text-transform:uppercase}.playlist-item,.playlists h3{color:#b3b3b3;color:var(--text-secondary)}.playlist-item{cursor:pointer;padding:8px 0;transition:color .3s}.playlist-item:hover{color:#fff;color:var(--text-primary)}.main-content{flex:1 1;flex-direction:column;height:100vh;margin-left:230px;padding:20px 30px 10px}.main-content,.topbar{display:flex;justify-content:space-between}.topbar{align-items:center;margin-bottom:24px}.search-bar{align-items:center;background-color:#ffffff1a;border-radius:30px;display:flex;padding:10px 20px;width:300px}.search-bar input{background:#0000;border:none;color:#fff;color:var(--text-primary);margin-left:10px;outline:none;width:100%}.user-profile{align-items:center;cursor:pointer;display:flex}.user-profile img{border-radius:50%;height:35px;margin-right:10px;object-fit:cover;width:35px}.section-title{font-size:24px;font-weight:700;margin:30px 0 20px}.music-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.music-card{background-color:#282828;background-color:var(--card-bg);border-radius:8px;cursor:pointer;padding:16px;transition:all .3s}.music-card:hover{background-color:#333;transform:translateY(-5px)}.music-card img{aspect-ratio:1/1;border-radius:5px;margin-bottom:15px;object-fit:cover;width:100%}.music-card h3{font-size:16px;margin-bottom:8px}.music-card h3,.music-card p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-card p{color:#b3b3b3;color:var(--text-secondary);font-size:14px}.player-controls{background-color:#282828;background-color:var(--card-bg);border-top:1px solid #ffffff1a;bottom:0;height:90px;left:0;padding:0 20px;position:fixed;width:100%;z-index:1000}.now-playing,.player-controls{align-items:center;display:flex}.now-playing{width:30%}.now-playing img{border-radius:5px;height:60px;margin-right:15px;object-fit:cover;width:60px}.track-info h4{font-size:15px;margin-bottom:5px}.track-info p{color:#b3b3b3;color:var(--text-secondary);font-size:12px}.controls{flex-direction:column;width:40%}.control-buttons,.controls{align-items:center;display:flex}.control-buttons{margin-bottom:10px}.control-buttons i{cursor:pointer;font-size:18px;margin:0 15px;transition:all .2s}.control-buttons i:hover{color:#1db954;color:var(--primary-color)}.control-buttons i.fa-pause-circle,.control-buttons i.fa-play-circle{color:#1db954;color:var(--primary-color);font-size:40px}.progress-bar{align-items:center;display:flex;width:100%}.progress-time{color:#b3b3b3;color:var(--text-secondary);font-size:12px;width:40px}.progress{display:flex;flex:1 1}.progress-slider{-webkit-appearance:none;background-color:#535353;border-radius:2px;height:4px;outline:none;width:100%}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;background-color:#1db954;border-radius:50%;cursor:pointer;height:12px;-webkit-transition:all .2s;transition:all .2s;width:12px}.progress-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.additional-controls{align-items:center;display:flex;justify-content:flex-end;width:30%}.additional-controls i{cursor:pointer;font-size:18px;margin-left:20px}@media (max-width:1024px){.sidebar{align-items:center;width:80px}.logo span,.nav-item span,.playlists{display:none}.logo{justify-content:center;padding:0 0 20px}.logo i{font-size:28px;margin-right:0}.nav-item{justify-content:center;padding:15px}.nav-item i{font-size:22px;margin-right:0}.main-content{margin-left:80px}}@media (max-width:768px){.music-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.now-playing{width:25%}.controls{width:50%}.additional-controls{width:25%}}@media (max-width:576px){.sidebar{display:none}.main-content{margin-left:0;padding:15px 15px 90px}.topbar{align-items:flex-start;flex-direction:column}.search-bar{margin-top:15px;width:100%}.now-playing{display:none}.controls{width:100%}.additional-controls{display:none}}.copyright{align-items:center;border-top:1px solid #535353;color:#999;display:flex;font-size:14px;justify-content:space-between;margin-top:25px;padding:10px 0}.markdown-body ol,.markdown-body ul{margin-bottom:0;margin-top:0;padding-left:2em}.markdown-body blockquote,.markdown-body details,.markdown-body dl,.markdown-body ol,.markdown-body p,.markdown-body pre,.markdown-body table,.markdown-body ul{margin-bottom:1rem;margin-top:0}
/*# sourceMappingURL=main.2f08bd6e.css.map*/