/* Loaded before the app itself (a separate small file because the site runs under a strict
   Content-Security-Policy: no inline styles or scripts anywhere).
   1. The page has the right background from the very first frame — no white flash in dark mode.
   2. Opened from the Home Screen icon, a launch screen (the brand mark) shows until the app has drawn.
   3. The "JavaScript is off" message.
   Colours are the same values as --paper / --ink / --teal-dark / --amber in src/styles/app.css. */
html{background:#F7F5F0;color:#12181F;color-scheme:light dark;}
@media (prefers-color-scheme: dark){ html{background:#14181D;color:#EDEAE3;} }
body{margin:0;}

.boot{display:none;position:fixed;inset:0;z-index:2147483000;flex-direction:column;align-items:center;justify-content:center;gap:14px;
  background:#123B38;color:#fff;font-family:Georgia,'Times New Roman',serif;
  padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);}
.boot img{width:84px;height:84px;display:block;}
.boot span{font-size:22px;font-weight:600;letter-spacing:.2px;}
/* only as an installed app, and only until the app puts something on screen */
@media (display-mode: standalone), (display-mode: fullscreen), (display-mode: minimal-ui){
  #root:empty + .boot{display:flex;}
}

.noscript{max-width:420px;margin:18vh auto 0;padding:22px 20px;text-align:center;font:15px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;}
.noscript b{display:block;font-size:19px;margin-bottom:6px;}

/* /offline.html — only shown when the phone is offline AND the app could not be opened from its saved copy */
.offline-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;
  padding:24px;box-sizing:border-box;font:15px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;}
.offline-page img{width:64px;height:64px;}
.offline-page h1{font:600 22px/1.2 Georgia,'Times New Roman',serif;margin:8px 0 0;}
.offline-page p{margin:0;max-width:320px;opacity:.8;}
.offline-page a{margin-top:10px;display:inline-block;background:#1F5F5B;color:#fff;text-decoration:none;font-weight:600;padding:11px 20px;border-radius:9px;}