/* Boot screen: the iOS launch screen's twin (LaunchScreen.storyboard: the app icon's graphite,
   the glass mark 132pt wide, centred), painted with the HTML so the native cover can lift
   with no seam. src/boot.ts takes it away once the first real screen is up.
   --graphite is also the intro's first frame and the sign-in background (styles.css), and
   brand/build-launch.mjs renders the launch image from it: change it here only. */
:root {
  --graphite:
    radial-gradient(120% 55% at 50% 0%, rgb(66 68 76 / 0.55), transparent 70%),
    linear-gradient(180deg, #2f3137 0%, #1c1d21 42%, #0c0c0e 78%, #070708 100%);
}
html, body { background: #0f0f11; }
#boot { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; background-color: #0c0c0e; background-image: var(--graphite); }
#boot svg { display: block; width: 132px; height: 41px; } /* the launch image is 41pt tall, mark at its top */