/* astro-study.css — Weather / Astronomy sky modes for the study pages. */
#la-sky { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; height: 100lvh; pointer-events: none; z-index: -1; display: none; transform: translateZ(0); -webkit-transform: translateZ(0); }
html[data-astro] #la-sky { display: block; }
html[data-astro] { background: #0b1024 !important; }
html[data-astro] body { background: transparent !important; background-image: none !important; }
html[data-astro] {
  --panel: rgba(18, 22, 40, .84);
  --panel-2: rgba(24, 29, 50, .86);
  --panel-3: rgba(32, 38, 62, .88);
}
/* sim canvases get a solid dark backing from astro-study.js (in-flow canvases only) */

/* Full-bleed sky behind the iOS status bar and toolbar */
html.la-sky-on, html[data-astro] {
  background: linear-gradient(180deg, var(--la-sky-top, #0b1024), var(--la-sky-bot, #0b1024)) fixed !important;
  background-color: var(--la-sky-bot, #0b1024) !important;
}
#la-sky { top: calc(-1 * env(safe-area-inset-top, 0px)) !important; height: calc(100lvh + env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px)) !important; }