:root{--font-main: "Goldman", sans-serif;--bg-dark: #0a0a0a;--aqua: #03e9f8;--sky-blue: #08c7f7;--neon-green: #82e6c2;--neon-pink: #f2bce0;--neon-blue: #688ff4}body,html,#root{margin:0;padding:0;height:100%;background-color:var(--bg-dark);color:var(--neon-green);font-family:var(--font-main)}.app-container{display:flex;flex-direction:column;min-height:100vh;overflow-y:auto}.header{padding-left:2rem}.app-player-section{display:flex;flex-wrap:wrap;flex:1 1 auto;width:100%;border-top:3px solid var(--neon-blue);border-bottom:3px solid var(--neon-blue);max-width:100vw}.player-main{flex:2 1 67%;box-sizing:border-box;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;border-right:3px solid var(--neon-blue)}.tracklist{flex:1 1 33%;box-sizing:border-box;padding:1rem;background:var(--bg-dark)}.tracklist.mobile{border-right:none;border-bottom:3px solid var(--neon-blue);width:100%}.tracklist h3{color:var(--neon-pink)}.tracklist ol{list-style:none;padding:0;margin:0}.tracklist li{padding:.5rem;cursor:pointer;border-radius:.25rem;margin-bottom:.5rem;transition:background .3s}.tracklist li.active{background:var(--neon-green);color:var(--bg-dark)}.tracklist li.inactive{color:var(--neon-green)}.player-top{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center}.album-art{width:150px;height:150px;object-fit:cover;border:3px solid var(--neon-pink);border-radius:.5rem}.track-meta{flex-grow:1}.track-meta h2{margin-bottom:.5rem}.controls{display:flex;gap:1rem;margin-top:1rem}.control-button{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;cursor:pointer;border-radius:.25rem}.progress{margin-top:2rem}.progress input[type=range]{width:100%;accent-color:var(--neon-pink)}.progress p{margin-top:.5rem}.app-playlist-section{padding:5rem}.playlist-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.playlist-card{width:100%;max-width:600px;position:relative;cursor:pointer;border-radius:.5rem;overflow:hidden;flex:1 1 300px;transition:transform .3s ease}.playlist-card:hover{transform:scale(1.02)}.playlist-img{width:100%;height:auto;display:block}.playlist-meta{position:absolute;bottom:1rem;left:1rem;right:1rem;padding:1rem;background:#0a0a0a99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:.5rem;color:var(--neon-pink);pointer-events:none}.playlist-meta h3{margin:0;font-size:1.5rem}.playlist-meta p{margin:.5rem 0 0;font-size:.9rem;color:var(--neon-green)}@media (max-width: 768px),(max-height: 500px){.player-main{flex:1 1 100%;border-left:none}.tracklist{flex:1 1 100%;border-right:none;border-bottom:3px solid var(--neon-blue)}.app-player-section{flex-direction:column}}