/* First-run screens use the pairing frame and the Settings lists. */
@layer views {
  body[data-booting] .shell > nav,
  body[data-booting] #content > .body,
  body[data-booting] #content > :not(#shell-notice):not(.body),
  body[data-booting] > .quick-chat-fab { visibility: hidden; }
  #first-run > section { width: 100%; display: grid; justify-items: center; }
  .first-run-form { max-width: 520px; gap: 24px; }
  .first-run-welcome { max-width: 440px; text-align: center; justify-items: center; gap: 20px; }
  .first-run-icon { border-radius: 18px; margin-bottom: 4px; }
  #first-run .view-title { margin: 0; outline: none; }
  #first-run .form-note { margin: 0; font-size: 16px; }
  #first-run [data-first-run-next] { width: 100%; min-height: 44px; }
  .first-run-welcome [data-first-run-next] { margin-top: 8px; }
  .first-run-fact-mark { display: inline-flex; flex: none; align-self: flex-start; padding-top: 2px; color: var(--muted); }
  #first-run-facts .settings-list-line { align-items: flex-start; padding-block: 18px; }
  #first-run-facts .settings-list-main { gap: 7px; }
  #first-run .settings-list-state { font-size: 14px; line-height: 1.5; }
  #first-run .button { white-space: nowrap; }
  #first-run-providers .settings-list-line { flex-wrap: nowrap; }
  #first-run-providers .runtime-reading { margin: 12px var(--row-inset) 0; }
  @media (max-width: 719.98px) {
    #first-run { align-items: start; padding-top: max(64px, env(safe-area-inset-top)); }
    #first-run .view-title { font-size: 28px; }
    .first-run-form { gap: 20px; }
    .first-run-welcome { padding-top: 24px; }
    #first-run-facts .settings-list-line { padding-block: 16px; }
  }
}