*{box-sizing:border-box;margin:0;padding:0}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;padding:0}body,body.login-page{background:#181818;color:#fff;min-height:100vh}body.login-page{align-items:center;display:flex;justify-content:center}.container{background:#000;border-radius:20px;box-shadow:0 10px 25px #0003;color:#fff;margin:1rem;max-width:400px;padding:2rem;width:100%}.form-group{margin-bottom:1rem}.form-group label{color:#fff;display:block;font-weight:500;margin-bottom:.5rem}.form-group input{background:#222;border:2px solid #333;border-radius:5px;color:#fff;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:#1db954;outline:none}.btn{background:#1db954;border:none;border-radius:5px;box-shadow:0 2px 8px #1eb95426;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;padding:.75rem;transition:background-color .3s ease,color .3s ease,box-shadow .3s;width:100%}.btn:hover{background:#1ed760;color:#181818}.btn:disabled{background:#333;color:#888;cursor:not-allowed}.toggle-form{margin-top:1rem;text-align:center}.toggle-form button{background:none;border:none;color:#1db954;cursor:pointer;font-size:.9rem;text-decoration:underline}.toggle-form button:hover{color:#1ed760}.error{border:1px solid #e74c3c;border-radius:5px;color:#e74c3c}.error,.success{background:#181818;margin-bottom:1rem;padding:.75rem}.success{border:1px solid #1db954;border-radius:5px;color:#1db954}.dashboard{text-align:center}.dashboard h2{color:#333;margin-bottom:1rem}.user-info{background:#f8fafc;border-radius:5px;margin-bottom:1rem;padding:1rem}.logout-btn{background:#e74c3c;margin-top:1rem}.logout-btn:hover{background:#c0392b}.loading{color:#666;font-style:italic;text-align:center}.app-container{background:#181818;color:#fff;display:flex;flex-direction:column;min-height:100vh;width:100%}.navbar{background:#000;box-shadow:0 2px 10px #0000001a;padding:1rem 0;position:sticky;top:0;width:100%;z-index:100}.nav-content{align-items:center;display:flex;justify-content:space-between;padding:0 2rem;width:100%}.nav-content h2{color:#1db954;margin:0}.nav-user{align-items:center;display:flex;gap:1rem}.nav-user span{color:#fff;font-weight:500}.navbar .logout-btn{margin:0;padding:.5rem 1rem;width:auto}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.player-container{background:#000;border-radius:20px;box-shadow:0 20px 40px #00000026;color:#fff;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:800px;min-height:600px;padding:3rem;text-align:center}.song-info{margin-bottom:2rem}.song-info h3{color:#fff;font-size:2.5rem;font-weight:600;margin:0 0 .75rem}.song-info h3 a{color:#1db954;text-decoration:none;transition:color .3s ease}.song-info h3 a:hover{color:#1ed760}.song-info h4{color:#fff;font-size:1.8rem;font-weight:400;margin:0}.song-info h4 a{color:#fff;text-decoration:none;transition:color .3s ease}.song-info h4 a:hover{color:#333}.album-art{background:#222;border:4px solid #222;border-radius:20px;box-shadow:0 15px 30px #0000004d;height:350px;margin:0 auto 2rem;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;width:350px}.album-art:hover{box-shadow:0 20px 40px #0006;transform:scale(1.05)}.audio-container{margin-bottom:1.5rem}.audio-container audio{background:#222;border-radius:8px;margin-bottom:1.5rem;width:100%}.controls{display:flex;gap:2rem;justify-content:center;margin-top:2rem}.control-btn{background:#1db954;border:none;border-radius:5px;box-shadow:0 2px 8px #1eb95426;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;padding:.75rem;transition:background-color .3s ease,color .3s ease,box-shadow .3s;width:100%}.control-btn:hover{background:#1ed760;color:#181818}.control-btn:disabled{background:#333;color:#888;cursor:not-allowed}.music-welcome{padding:2rem;text-align:center}.music-welcome h3{color:#333;font-size:1.5rem;margin-bottom:1rem}.music-welcome p{color:#666;font-size:1.1rem;margin-bottom:2rem}@media (max-width:768px){.nav-content{flex-direction:column;gap:1rem;text-align:center}.nav-user{flex-direction:column;gap:.5rem}.main-content,.player-container{padding:1rem}.album-art{height:150px;width:150px}.controls{flex-direction:column;gap:.5rem}.control-btn{width:100%}}
/*# sourceMappingURL=main.e0ed37f7.css.map*/