/* カスタムスタイル */

/* スムーズスクロール */
html {
  scroll-behavior: smooth;
}

/* セーフエリア対応（ノッチ付きスマホ） */
body {
  padding-bottom: env(safe-area-inset-bottom, 0);
}

/* ボトムナビの高さ分のパディング */
#app {
  padding-bottom: 70px;
}

/* チェックボックスのカスタム */
input[type="checkbox"] {
  accent-color: #22c55e;
}

/* タップハイライト無効化 */
button, a, label {
  -webkit-tap-highlight-color: transparent;
}

/* テキストエリアのフォント統一 */
textarea {
  font-family: inherit;
}

/* スクロールバー非表示（モバイル向け） */
::-webkit-scrollbar {
  display: none;
}

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

#app > * {
  animation: fadeIn 0.2s ease-out;
}