/* アプリのCSSが読めない場合にも復旧操作を使える。 */
.boot-error-screen { position: fixed; inset: 0; overflow: auto; box-sizing: border-box; display: grid; place-items: center; padding: 24px 16px; background: #fcfcfa; color: #222320; font: 16px/1.6 system-ui, sans-serif; }
.boot-error-card { box-sizing: border-box; width: min(100%, 520px); padding: 24px; border: 1px solid #b7b9b1; border-radius: 16px; background: #fff; }
.boot-error-card h1 { font-size: 21px; line-height: 1.5; }
.boot-error-mark { font-size: 28px; font-weight: bold; }
.boot-error-note { font-size: 13px; }
.boot-error-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0; }
.boot-error-actions button { padding: 10px 14px; border: 1px solid #787c70; border-radius: 8px; background: #fff; color: #222320; font: inherit; cursor: pointer; }
.boot-error-actions .btn-primary { background: #294b3b; color: #fff; }
.boot-error-detail pre { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 13px; }
@media (prefers-color-scheme: dark) {
  .boot-error-screen { background: #181a17; color: #f0f1eb; }
  .boot-error-card { background: #252820; border-color: #64685c; }
  .boot-error-actions button { background: #30372b; color: #f0f1eb; }
}