body{color:#fff;background-color:#000;margin:0;font-family:Arial,sans-serif}.loading{color:#fff;padding:1.5rem}.login-container{background-color:#000;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.login-heading{margin-bottom:1rem;font-size:2rem}.login-button{color:#fff;cursor:pointer;background-color:#22c55e;border:none;border-radius:6px;padding:.5rem 1rem}.login-button:hover{background-color:#16a34a}.home-container{background-color:#000;min-height:100vh;padding:1.5rem}.header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.username{font-size:1.25rem;font-weight:700}.logout-button{color:#fff;cursor:pointer;background-color:#dc2626;border:none;border-radius:6px;padding:.5rem 1rem}.logout-button:hover{background-color:#b91c1c}.toggle-buttons{margin-bottom:1.5rem}.toggle-button{color:#fff;cursor:pointer;background-color:#374151;border:none;border-radius:6px;margin-right:1rem;padding:.5rem 1rem}.toggle-button.active{background-color:#16a34a}.section-heading{margin-bottom:1rem;font-size:1.5rem;font-weight:700}.playlist-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;display:grid}.playlist-card{background-color:#1f2937;border-radius:10px;padding:1rem;transition:background-color .2s;box-shadow:0 0 10px #0000004d}.playlist-card:hover{background-color:#374151}.playlist-image{-o-object-fit:cover;object-fit:cover;border-radius:6px;width:100%;height:200px;margin-bottom:.5rem}.playlist-name{font-weight:700}.playlist-owner,.playlist-tracks{color:#9ca3af;font-size:.875rem}.playlist-link{color:#22c55e;font-size:.875rem;text-decoration:none}.track-card{background-color:#1f2937;border-radius:6px;align-items:center;margin-bottom:1rem;padding:.5rem;display:flex}.track-image{-o-object-fit:cover;object-fit:cover;border-radius:6px;width:64px;height:64px;margin-right:1rem}.track-name{font-weight:700}.track-artist,.track-album{color:#9ca3af;font-size:.875rem}.spotify-link{color:#3b82f6;font-size:.75rem}