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}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#121212;color:#fff;font-family:Arial,sans-serif}.layout{display:flex;height:100vh}.content{display:flex;flex:1 1;flex-direction:column;min-height:0}.sidebar{background:#000;border:1px solid #fff;border-radius:20px;display:flex;flex-direction:column;gap:20px;height:75vh;margin-left:10px;margin-top:75px;overflow-y:auto;padding:20px;scrollbar-width:thin;transition:transform .3s ease;width:220px;z-index:100}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#444;border-radius:10px}.sidebar-title{margin:0}.sidebar a{color:#b3b3b3;font-size:14px;text-decoration:none;transition:color .2s}.sidebar a:hover{color:#fff}.sidebar a.active{color:#b99f1d;font-weight:700}.sidebar a.playing{color:#1db954}.sidebar a.playing:before{content:"● ";font-size:10px}.mobile-hamburger{color:#fff;cursor:pointer;display:none;font-size:28px;left:15px;position:fixed;top:15px;z-index:101}.overlay{background:#0006;height:100%;left:0;position:fixed;top:0;width:100%;z-index:99}.main{flex:1 1;overflow-y:auto;padding:20px 20px 120px}.home h1{margin-bottom:10px;text-align:center}.album-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.album-card{background:#181818;border-radius:10px;color:#fff;padding:10px;text-decoration:none;transition:all .2s ease}.album-card:hover{background:#282828;transform:translateY(-5px)}.album-card img{border:.1px solid #373333;border-radius:8px;width:100%}.about-page{line-height:1.6;margin:0 auto;max-width:800px;padding:20px;text-align:center}.about-page h1{margin-bottom:20px}.about-page p{color:#b3b3b3;margin-bottom:15px}.about-page a{color:#1db954;text-decoration:none}.about-page a:hover{text-decoration:underline}.about-page-image{border:.1px solid #373333;border-radius:10px;margin-top:30px;max-width:400px;width:100%}.album-page{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:900px}.artist-name{color:#b3b3b3;margin-bottom:20px}.album-cover{border:.1px solid #373333;border-radius:10px;margin-bottom:20px;max-width:300px;width:100%}.track{align-items:center;border-bottom:1px solid #2a2a2a;cursor:pointer;display:flex;gap:15px;justify-content:space-between;padding:12px;transition:background .2s,color .2s;width:100%}.track-title{flex:1 1}.track-duration{color:#b3b3b3;font-size:15px;min-width:40px;text-align:right}.track:hover{background:#ffffff0d}.track.active{background:#1db95426;box-shadow:inset 0 0 10px #1db95433;color:#1db954}.track.active .track-duration{color:#1db954}.player{background:#181818;border-top:1px solid #282828;bottom:0;height:80px;justify-content:space-between;left:0;padding:0 20px;position:fixed;right:0;width:99%;z-index:200}.player,.player-left{align-items:center;display:flex}.player-left{cursor:pointer;gap:12px;transition:opacity .2s ease}.player-left:hover{opacity:.8}.player-left img{border-radius:6px;height:50px;width:50px}.track-info{display:flex;flex-direction:column;max-width:140px}.track-info h4,.track-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-controls{align-items:center;display:flex;gap:10px}.player-controls button{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:22px;height:40px;transition:all .2s;width:40px}.player-controls button:hover{color:#1db954;transform:scale(1.1)}.progress-bar,.volume{appearance:none;border-radius:2px;cursor:pointer;height:4px}.progress-bar{background:#535353;width:150px}.volume{background:#2158ab;width:70px}.progress-bar::-webkit-slider-thumb,.volume::-webkit-slider-thumb{appearance:none;background:#1db954;border-radius:50%;cursor:pointer;height:12px;width:12px}.time{color:#b3b3b3;font-size:12px;min-width:40px;text-align:center}@media (min-width:769px){.album-grid{gap:25px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.album-card{padding:15px}}@media (max-width:768px){.sidebar{height:75vh;left:0;position:fixed;top:0;transform:translateX(-110%)}.sidebar.open{transform:translateX(0)}.mobile-hamburger{display:block}.main{padding:20px 10px 140px}.main h1{font-size:1.8rem}.album-page,.main h1{text-align:center}.album-cover{max-width:250px;width:60%}.track{align-items:center;display:flex;gap:10px;justify-content:flex-start}.track,.track span{text-align:left}.track-title{flex:1 1}.track-duration{margin-left:auto}.player{flex-direction:column;height:100px;padding:10px;width:100%}.player-controls,.player-left{justify-content:center;width:100%}.player-controls{flex-wrap:wrap;gap:6px}.progress-bar{width:110px}.volume{width:60px}.time{font-size:13px}.album-grid{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=main.2084e72b.css.map*/