/*
  起動時の読み込み中インジケータ用スタイル。
  設計: docs/design/2026-07-28_loading-state-indicator.md 1.3節

  main.ts実行前・src/styles/*.cssより先に読み込まれる必要があるため、外部CSSファイル
  として独立させ、main.cssの:root変数には一切依存せず値をハードコードで複製している。
  (2026-07-28追記) 元々index.html内のインライン<style>タグとして実装していたが、
  本番のCSP(style-src 'self'、'unsafe-inline'なし)がインラインスタイルをブロックし、
  起動中インジケータが無装飾のまま表示される不具合が実機で発覚したため、同一オリジンの
  外部ファイルとして<link rel="stylesheet">経由で読み込む形に変更した。
*/
#mdeditor-boot-loading {
  position: fixed;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  background: #fffdf7; /* main.cssの--bgと同値 */
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  z-index: 9999;
}
#mdeditor-boot-loading .mdeditor-boot-loading-spinner {
  display: inline-block;
  font-size: 28px;
  line-height: 1;
  color: #ffa159; /* main.cssの--accentと同値 */
  animation: mdeditor-boot-spin 0.8s linear infinite;
}
#mdeditor-boot-loading .mdeditor-boot-loading-text {
  margin: 0;
  font-size: 14px;
  color: #8a8177; /* main.cssの--mutedと同値 */
}
@keyframes mdeditor-boot-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}