/* The splash that covers the page until the workbench has painted. Colours are literals on
   purpose: the workbench theme is not loaded yet, and a flash of the wrong ground is worse than
   a hard-coded one. */
html, body { height: 100%; margin: 0; }
body { background: #0b0d14; }
@media (prefers-color-scheme: light) { body { background: #f4f1ea; } }

#lc-boot {
	position: fixed; inset: 0; z-index: 100000; display: grid; place-items: center;
	background: #0b0d14; color: #e8e9f0;
	font: 500 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
	transition: opacity .35s ease, visibility .35s;
}
@media (prefers-color-scheme: light) { #lc-boot { background: #f4f1ea; color: #15151b; } }
#lc-boot.lc-boot-done { opacity: 0; visibility: hidden; }
.lc-boot-inner { display: grid; justify-items: center; gap: 14px; padding: 24px; text-align: center; }
.lc-mark { width: 64px; height: 64px; }
.lc-word { font-size: 22px; font-weight: 650; letter-spacing: -.01em; }
.lc-bar { width: 160px; height: 2px; border-radius: 2px; background: rgba(127, 127, 150, .25); overflow: hidden; }
.lc-bar i { display: block; width: 40%; height: 100%; border-radius: 2px; background: linear-gradient(90deg, #7C5CD6, #7fd4ff); animation: lc-slide 1.15s ease-in-out infinite; }
.lc-msg { margin: 0; max-width: 34ch; opacity: .7; font-size: 13px; }
.lc-boot-failed .lc-bar { display: none; }
.lc-boot-failed .lc-msg { opacity: 1; }
@keyframes lc-slide { 0% { transform: translateX(-110%); } 100% { transform: translateX(260%); } }
@media (prefers-reduced-motion: reduce) { .lc-bar i { animation: none; width: 100%; opacity: .6; } }

/* LevelCode is the assistant here. Code-OSS still adds a Copilot status item to the status bar on the web
   (its own "hidden on the web" rule runs after the item is created); it opens a Copilot dashboard that
   is of no use without a Copilot account, so it is not shown. */
#chat\.statusBarEntry { display: none !important; }
