/* ============================================================
   nota - style.css
   Tailwind中心。ここはTailwindで表現しづらい微調整のみ。
   ============================================================ */

/* favicon 404対策は index.html の inline SVG で対応済み */

/* スライダー（BPM）の見た目を少し大きく＝モバイルで掴みやすく */
input[type="range"] {
  height: 28px;
  cursor: pointer;
}

/* 横スクロールバーをモバイルでも見えるように */
.overflow-x-auto {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}
.overflow-x-auto::-webkit-scrollbar {
  height: 8px;
}
.overflow-x-auto::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.25);
  border-radius: 4px;
}

/* タップ時の青いハイライトを抑える（打ち込みグリッド用） */
[onclick] {
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}

/* iOSでの拡大防止：入力フォントを16px以上に */
input[type="text"], select {
  font-size: 16px;
}