/* Original 709 × 1536 artwork. Clip the screenshot's 95px phone status bar;
   keep the image and all links in the same original coordinate system. */
.gazali-home { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100dvh; min-height: 0; padding: 0; overflow: hidden; isolation: isolate; background: #f1f2f3; }
.gazali-home::before, .gazali-home::after { display: none; }
/* The root scene uses the pictured corner for the theme control. Back remains
   available inside platform previews and open dialogs. */
body:has(> .gazali-home):not(.program-preview-open):not(:has(dialog[open])) > .gazali-page-back { display: none; }
.gazali-home .home-scene { position: relative; z-index: 1; flex: none; width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; background: #f1f2f3; border-radius: 0; box-shadow: none; }
.gazali-home .home-artboard { position: absolute; left: 100%; top: 0; width: max(100%, calc(100dvh * 709 / 1441)); aspect-ratio: 709 / 1536; transform: translate(-100%, -6.184895833%); container-type: inline-size; }
.home-art { display: block; width: 100%; height: auto; pointer-events: none; user-select: none; }
.home-art-night { position: absolute; inset: 0; visibility: hidden; }
html[data-home-theme="night"] .gazali-home, html[data-home-theme="night"] .home-scene { background: #292725; }
html[data-home-theme="night"] .home-art-night { visibility: visible; }
html[data-home-theme="night"] .home-art-day { visibility: hidden; }
.home-theme-toggle { position: absolute; z-index: 4; left: 92.52468265%; top: 9.5703125%; display: grid; place-items: center; width: 9.87306065%; min-width: 44px; min-height: 44px; aspect-ratio: 1; padding: 0; transform: translate(-50%, -50%); border: 1px solid #e4e4e4; border-radius: 50%; background: #fff; color: #292929; cursor: pointer; box-shadow: 0 3px 10px #0002; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
.home-theme-toggle svg { width: 45%; height: 45%; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.home-theme-toggle .home-sun { display: none; }
html[data-home-theme="night"] .home-theme-toggle { background: #242424; color: #f4f4f4; border-color: #363636; }
html[data-home-theme="night"] .home-theme-toggle .home-moon { display: none; }
html[data-home-theme="night"] .home-theme-toggle .home-sun { display: block; }
.home-theme-toggle:focus-visible, .gazali-home :is(.hotspot, .reference-hotspot):focus-visible { outline: 2px solid #777; outline-offset: 2px; }
html[data-home-theme="night"] .install-link { background: #242424ed; border-color: #494949; color: #eee; }
@media (orientation: landscape), (min-width: 601px) {
  .gazali-home .home-scene { width: min(100%, calc(100dvh * 709 / 1441)); }
  .gazali-home .home-artboard { width: 100%; }
}