/* Responsive Styles */
@media (max-width: 768px) {
    .header .container {
      flex-direction: column;
      gap: 1rem;
    }
    
    .hero-section h1 {
      font-size: 2rem;
    }
    
    .search-bar {
      flex-direction: column;
    }
    
    .search-input {
      border-radius: 4px;
      margin-bottom: 0.5rem;
    }
    
    .search-button {
      border-radius: 4px;
    }
    
    .song-info h3 {
      font-size: 1.2rem;
    }
    
    .song-title {
      font-size: 1.8rem;
    }
  }
  
  @media (max-width: 480px) {
    .hero-section h1 {
      font-size: 1.5rem;
    }
    
    .hero-section p {
      font-size: 1rem;
    }
    
    .song-lyrics pre {
      font-size: 0.9rem;
    }
  }