html.garden-loading{background:#eaf3e4}
html.garden-loading body{overflow:hidden!important}
html.garden-loading body>*:not(#startup-screen){visibility:hidden!important}
html.garden-loading:not([data-season]) body,html.garden-loading:not([data-season]) body *{background-image:none!important}
#startup-screen{position:fixed;inset:0;z-index:2147483647;display:grid;place-content:center;gap:18px;padding:28px;text-align:center;background:radial-gradient(ellipse at 50% 35%,#fff9db,#e4f3e6);color:#30564b;font:18px/1.5 Georgia,serif}
#startup-screen strong{font-size:clamp(32px,8vw,48px)}
#startup-screen p{margin:0;max-width:350px}
#startup-progress{width:min(300px,75vw);height:12px;accent-color:#739d69;margin:auto;border-radius:12px;overflow:hidden}
#startup-progress::-webkit-progress-bar{background:#d9e5d2;border-radius:12px}
#startup-progress::-webkit-progress-value{background:#739d69;border-radius:12px;transition:width .2s}
#startup-retry{justify-self:center;min-height:44px}

html.garden-loading dialog::backdrop{background:transparent!important;backdrop-filter:none!important}

#startup-screen{overflow:auto}#startup-screen .startup-intro{max-width:560px;font:16px/1.6 system-ui}#startup-screen .startup-links{font:15px/1.5 system-ui}#startup-screen a{color:#30564b}
