.entry-transition{display:none}
html.builder-entering{background:#000}
.builder-entering body{overflow:hidden}
.builder-entering body>:not(.entry-transition){visibility:hidden}
.builder-entering .entry-transition{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;min-height:100dvh;background:#000;color:#fff;opacity:1;transition:background-color .7s ease-in-out,color .7s ease-in-out,opacity .35s ease;isolation:isolate}
.entry-center{display:flex;flex-direction:column;align-items:center;gap:26px;text-align:center;padding:24px}
.entry-mark{display:block;width:100px;height:93px;animation:jh-mark-breathe 1.6s ease-in-out infinite}
.entry-mark rect{fill:currentColor}
.entry-meter{width:96px;height:2px;position:relative;overflow:hidden;background:color-mix(in srgb,currentColor 18%,transparent);border-radius:2px}
.entry-meter span{display:block;width:42%;height:100%;background:currentColor;animation:jh-loading-line 1.2s ease-in-out infinite}
.entry-label{margin:0;font-family:var(--font-ui,Arial,sans-serif);font-size:12px;font-weight:400;letter-spacing:.1px;opacity:.65}
.builder-entering .entry-transition[data-phase=white]{background:#fff;color:#111}
.builder-entering .entry-transition.is-leaving{opacity:0;pointer-events:none}
.builder-entering:has(.entry-transition.is-leaving) body>:not(.entry-transition){visibility:visible}
@keyframes jh-mark-breathe{0%,100%{opacity:.7;transform:scale(.97)}50%{opacity:1;transform:scale(1)}}
@keyframes jh-loading-line{0%{transform:translateX(-110%)}100%{transform:translateX(340%)}}
@media(prefers-reduced-motion:reduce){.entry-mark,.entry-meter span{animation:none}.entry-meter span{width:100%}.builder-entering .entry-transition{transition:none}}
