/* boot-splash.css: the boot stylesheet of journey v2 J6 (Atlas s-boot), the one splash of the
   boot path, painted from the first byte with no script and no journey stylesheet. The static
   splash in index.html and the React BootSplash (boot-splash.jsx) render these classes.

   It is a served sheet, linked from index.html's <head> ahead of styles.bundle.css with the
   content hash build_bundle.mjs stamps, because the production CSP (src/vbeclip/api/security.py)
   sets style-src-elem 'self' and so blocks any inline <style> element. It lived inline in
   index.html from 2026-09-17 and was refused on every page load ("Applying inline style
   violates ... style-src-elem"), so none of these rules had ever painted in production.

   The host rule targets the class only, not #cz-boot, and the link sits before the bundle, so
   w2-boot.css (.w2-boot, which boot-canonical.js adds to whichever splash host is on screen)
   keeps winning on every host property it sets. The first frame visitors see today is
   therefore unchanged; these rules paint a splash host the boot shell has not decorated.

   Not in CSS_ORDER: the eager bundle's token laws (verify_w0_tokens_static.cjs) forbid the
   authored colours and the raw animation duration this frame is drawn with. */
.cz-boot { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; background: #F5F5F4; color: #111111; font-family: "Schibsted Grotesk", "Geist", system-ui, sans-serif; z-index: 2147483646; }
.cz-boot__stack { display: flex; flex-direction: column; align-items: center; gap: 14px; }
.cz-boot__brand { display: inline-flex; align-items: center; gap: 8px; }
.cz-boot__mark { width: 22px; height: 22px; border-radius: 7px; background: #0E86D6; box-shadow: inset 0 1px 0 rgba(255,255,255,0.35); }
.cz-boot__word { font-size: 19px; font-weight: 700; letter-spacing: -0.02em; }
.cz-boot__word em { font-style: normal; color: #0E86D6; }
.cz-boot__bar { position: relative; width: 160px; height: 6px; border-radius: 999px; background: #E7E5E4; overflow: hidden; }
.cz-boot__bar i { position: absolute; inset: 0; width: 40%; border-radius: 999px; background: #0E86D6; animation: cz-boot-slide 1.4s ease-in-out infinite alternate; }
.cz-boot__note { font-size: 13px; color: #5C5C5C; }
@keyframes cz-boot-slide { from { transform: translateX(-20%); } to { transform: translateX(170%); } }
@media (prefers-color-scheme: dark) {
  .cz-boot { background: #181818; color: #FFFFFF; }
  .cz-boot__bar { background: #2A2A2A; }
  .cz-boot__note { color: #A3A3A3; }
}
@media (prefers-reduced-motion: reduce) { .cz-boot__bar i { animation: none; transform: none; width: 40%; } }