/* Custom styles for Song Fill-in-the-Blanks app */

/* Import Noto Sans and Noto Sans Mono fonts from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700&family=Noto+Sans+Mono:wght@400;500;600;700&display=swap');

/* Scrollbar utility class - hide scrollbar but allow scrolling */
.scrollbar-none {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}

.scrollbar-none::-webkit-scrollbar {
  display: none; /* Chrome/Safari */
}

/* Any additional custom styles can be added here */
/* Most styling is handled by Tailwind utility classes */

/* Keyboard button class - kept for JavaScript targeting */
.key-btn {
  /* All styling now handled by Tailwind classes */
  font-family: monospace;
}

/* Ensure result is hidden when hidden class is present */
#result.hidden {
  display: none !important;
}

/* Make cursor visible in input fields */
#lyrics-container input {
  caret-color: #1f2937;
}