/* カスタムスタイル */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

#genreForm input[type="checkbox"]:checked + div {
  color: #7c3aed;
}

#genreForm label:has(input[type="checkbox"]:checked) {
  border-color: #7c3aed;
  background-color: #f3e8ff;
}

#genreForm label:has(input[type="radio"]:checked) {
  border-color: #f97316;
  background-color: #fff7ed;
}

#genreForm input[type="radio"]:checked + div {
  color: #f97316;
}

/* アニメーション */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.container {
  animation: fadeIn 0.5s ease-out;
}