/* The shell's own state: the loading view, while the sign-in check or a share
   link decides the view, and its note when the backend cannot be reached. A
   view brings its own style sheets (shell/loader.js). */
#shell-loading { display: none; }
html[data-view="loading"] body { margin: 0; background: #eef0ef; }
html[data-view="loading"] #shell-loading {
  position: fixed; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 12px; padding: 0 16px; text-align: center; color: #051c23; font: 18px/1.5 var(--font-sans);
}
#shell-loading p { margin: 0; }
#shell-offline { font-size: 15px; }
#shell-offline button { margin-left: 6px; padding: 6px 14px; border: 0; border-radius: 999px; background: #051c23;
  color: #fff; font: 600 13.5px/1 var(--font-sans); cursor: pointer; }