html[data-boot="loading"], html[data-boot="error"] { background: #f4f5f6; }
html[data-boot-theme="dark"] { background: #303438; }
html[data-boot] body > :not(#pskBoot), html[data-boot] body > :not(#pskBoot) * { visibility: hidden !important; pointer-events: none !important; }
html[data-boot] body { overflow: hidden !important; }
#pskBoot { display: none; }
html[data-boot] #pskBoot {
  display: flex !important; position: fixed; inset: 0; z-index: 2147483647;
  align-items: center; justify-content: center; flex-direction: column;
  gap: 14px; padding: 24px; box-sizing: border-box; background: #f4f5f6;
  color: #303438; font: 14px/1.5 system-ui, sans-serif; text-align: center;
}
html[data-boot-theme="dark"] #pskBoot { background: #303438; color: #eceef0; }
#pskBoot strong { font-size: 24px; letter-spacing: 0; }
#pskBoot .psk-boot-logo { display: block; width: 180px; height: 180px; flex: 0 0 auto; object-fit: contain; filter: drop-shadow(0 5px 5px #0003); }
#pskBoot .psk-boot-tagline { font-size: 15px; font-weight: 500; letter-spacing: 0; }
#pskBootStatus { padding-top: 8px; font-size: 13px; opacity: .8; }
@media (max-height: 450px) { #pskBoot .psk-boot-logo { width: 88px; height: 88px; } html[data-boot] #pskBoot { gap: 8px; padding: 16px; } }
#pskBoot p { margin: 0; max-width: 460px; }
#pskBoot button { font: inherit; border: 1px solid #888; border-radius: 4px; padding: 8px 16px; background: transparent; color: inherit; cursor: pointer; }
#pskBoot button:focus-visible { outline: 2px solid #4885b6; outline-offset: 3px; }
#pskBoot a { color: inherit; text-decoration: underline; }
#pskBoot [hidden] { display: none !important; }