/* Available before the application scripts: no sign-in screen during a reload. */
html[data-starting] body{overflow:hidden}
html[data-starting] #auth{display:none!important}
html[data-starting] #workspace{visibility:hidden}
.app-startup[hidden],.app-startup [hidden]{display:none!important}
.app-startup{
 --startup-bg:#e7f1ed;--startup-ink:#31595d;--startup-accent:#97722e;
 position:fixed;inset:0;z-index:10000;display:grid;place-items:center;
 box-sizing:border-box;padding:24px;background:var(--startup-bg);color:var(--startup-ink);
 font:14px/1.5 Inter,system-ui,sans-serif;isolation:isolate;
}
html[data-theme=dark] .app-startup{--startup-bg:#001216;--startup-ink:#b8d6d3;--startup-accent:#edcf8d}
.startup-content{width:min(100%,380px);text-align:center}
/* Crop the matching login illustration to its logo in each theme. */
.startup-brand{position:relative;width:min(100%,360px);aspect-ratio:620/470;overflow:hidden;margin:0 auto}
.startup-brand img{position:absolute;width:269.6774%;max-width:none;height:auto;left:-83.871%;top:-3.1915%;mix-blend-mode:multiply}
.startup-brand .startup-logo-dark{display:none}
html[data-theme=dark] .startup-brand .startup-logo-light{display:none}
html[data-theme=dark] .startup-brand .startup-logo-dark{display:block;width:215.742%;left:-56.9033%;top:3.83%;filter:none;mix-blend-mode:normal}
.startup-progress{display:grid;justify-items:center;gap:16px;margin-top:24px}
.startup-spinner{display:block;width:24px;height:24px;border:2px solid color-mix(in srgb,var(--startup-ink) 20%,transparent);border-top-color:var(--startup-accent);border-radius:50%;animation:startup-turn 1s linear infinite}
.startup-status{margin:0;max-width:340px;font-size:13px;letter-spacing:.015em}
.app-startup .startup-retry{margin-top:18px;padding:10px 20px;border:1px solid var(--startup-accent);border-radius:10px;background:transparent;color:var(--startup-accent);font:inherit;cursor:pointer}
.app-startup .startup-retry:hover{background:color-mix(in srgb,var(--startup-accent) 12%,transparent)}
.app-startup .startup-retry:focus-visible{outline:2px solid var(--startup-accent);outline-offset:4px}
.startup-noscript{display:block;margin:12px 0 0}
@keyframes startup-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.startup-spinner{animation:none;border-style:dotted}}