/* スクロールバー */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* モーダルオーバーレイ */
#modal-detail { backdrop-filter: blur(2px); }
#modal-import { backdrop-filter: blur(2px); }

/* テーブル行ホバー */
tbody tr { transition: background-color 0.1s; }

/* タイムライン横スクロール */
#timeline-container { scrollbar-width: thin; }

/* テキストエリアのフォーカス */
textarea:focus, input:focus { transition: box-shadow 0.15s; }

/* アニメーション */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}
#modal-detail > div { animation: fadeIn 0.15s ease-out; }
#modal-import > div { animation: fadeIn 0.15s ease-out; }
#toast:not(.hidden) { animation: fadeIn 0.2s ease-out; }