/* First-paint styles: independent of the app, API, fonts and module graph. */
html{background:#080808;color:#f2f2f2;color-scheme:dark}
html[data-theme=light]{background:#f8f8f6;color:#171717;color-scheme:light}
body{margin:0}
.startup-screen{--startup-bg:#080808;--startup-text:#f2f2f2;--startup-muted:#aaa;--startup-line:#292929;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:32px 24px;box-sizing:border-box;background:var(--startup-bg);color:var(--startup-text)}
html[data-theme=light] .startup-screen{--startup-bg:#f8f8f6;--startup-text:#171717;--startup-muted:#646464;--startup-line:#dededb}
.startup-panel{width:min(100%,320px);text-align:center;transform:translateY(-24px);font-family:'Space Grotesk',system-ui,sans-serif}
.startup-brand{display:flex;align-items:center;justify-content:center;gap:12px;font-size:34px;font-weight:600;line-height:1;letter-spacing:-1.7px}
.startup-mark{width:40px;height:40px;flex:none}
.startup-domain{font-size:21px;font-weight:400;color:var(--startup-muted);letter-spacing:-.8px}
.startup-track{height:2px;width:64px;margin:30px auto 18px;overflow:hidden;background:var(--startup-line);border-radius:2px}
.startup-track span{display:block;height:100%;width:100%;background:var(--startup-muted);animation:startup-pulse 1.8s ease-in-out infinite}
.startup-status{font-size:13px!important;font-weight:400;line-height:1.7;letter-spacing:0;color:var(--startup-muted)!important;margin:0}
.startup-retry{display:inline-flex;justify-content:center;align-items:center;min-height:44px;margin-top:22px;padding:10px 18px;border:1px solid var(--startup-line);border-radius:6px;background:transparent;color:var(--startup-text);font:500 13px 'Space Grotesk',system-ui,sans-serif;cursor:pointer}
.startup-retry[hidden]{display:none}.startup-retry:hover{border-color:var(--startup-muted)}.startup-retry:focus-visible{outline:2px solid var(--startup-text);outline-offset:4px}
.startup-panel[data-state=error] .startup-track span,.startup-panel[data-state=slow] .startup-track span{animation:none;opacity:.5}
.startup-noscript{font-size:13px;line-height:1.7;color:var(--startup-muted);margin-top:20px}
.startup-panel:has(noscript p) .startup-track,.startup-panel:has(noscript p) .startup-status{display:none}
@keyframes startup-pulse{0%,100%{opacity:.25}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.startup-track span{animation:none;opacity:.6}}

.loading-state{display:flex;align-items:center;justify-content:center;gap:10px;min-height:160px;padding:24px;font:13px/1.6 'Space Grotesk',system-ui,sans-serif;color:var(--experience-muted,#aaa)}
.loading-state-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:startup-pulse 1.8s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.loading-state-dot{animation:none}}