body {
      font-family: sans-serif;
      max-width: 600px;
      margin: auto;
      padding: 1rem;
      background: #f8f8f8;
    }
    .song-card {
      background: white;
      border-radius: 10px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
      margin-bottom: 1rem;
      padding: 1rem;
      position: relative;
    }
    input[type="text"] {
      width: 100%;
      padding: 0.5rem;
      margin-top: 0.5rem;
      box-sizing: border-box;
    }
    button {
      margin-top: 0.5rem;
      padding: 0.5rem 1rem;
      font-size: 1rem;
      cursor: pointer;
      display: inline-block;
      margin-right: 0.5rem;
    }
    .autocomplete-list {
      border: 1px solid #ccc;
      border-top: none;
      max-height: 150px;
      overflow-y: auto;
      background: white;
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      box-sizing: border-box;
      z-index: 1000;
      display: none;
    }
    .autocomplete-item {
      padding: 0.5rem;
      cursor: pointer;
    }
    .autocomplete-item:hover {
      background: #eee;
    }
    .disabled {
      /* pointer-events: none;  Removed to keep buttons clickable */
    }
    .message {
      margin-top: 0.5rem;
      font-weight: bold;
    }
    .results {
      background: white;
      padding: 1rem;
      border-radius: 10px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
      font-size: 1.1rem;
    }
    .button-row {
      margin-top: 0.5rem;
    }