/* Startup screen: plain HTML and CSS, shown by index.html before any JavaScript has loaded. It sits inside #root and is
 * replaced when the app renders. Colors match the app (src/theme.ts: background and muted, light and dark). */
#sv-startup{--sv-bg:#F2F2F7;--sv-fg:#0B0B0D;--sv-muted:#636366;--sv-brand:#087A67;flex:1;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px;box-sizing:border-box;text-align:center;background:var(--sv-bg);color:var(--sv-fg);font:400 16px/1.5 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,system-ui,sans-serif}
@media (prefers-color-scheme:dark){#sv-startup{--sv-bg:#000000;--sv-fg:#F5F5F7;--sv-muted:#A1A1A6;--sv-brand:#2EDDB5}}
html,body{background:#F2F2F7}
@media (prefers-color-scheme:dark){html,body{background:#000000}}
#sv-startup img{width:88px;height:88px;border-radius:20px;display:block}
#sv-startup .sv-status{margin:0;font-size:15px;color:var(--sv-muted)}
#sv-startup .sv-ring{width:22px;height:22px;border-radius:50%;border:3px solid var(--sv-muted);border-top-color:var(--sv-brand);opacity:.9;animation:sv-spin 1s linear infinite}
#sv-startup .sv-extra{display:none;max-width:34ch;margin:0;font-size:15px;color:var(--sv-muted)}
#sv-startup button{display:none;min-height:44px;padding:0 22px;border:0;border-radius:999px;background:var(--sv-brand);color:var(--sv-bg);font:600 15px/1 inherit;font-family:inherit;cursor:pointer}
#sv-startup button:focus-visible{outline:3px solid var(--sv-brand);outline-offset:3px}
#sv-startup.sv-slow .sv-extra,#sv-startup.sv-slow button,#sv-startup.sv-failed .sv-extra,#sv-startup.sv-failed button{display:block}
#sv-startup.sv-failed .sv-ring{display:none}
@keyframes sv-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){#sv-startup .sv-ring{animation:none;border-top-color:var(--sv-muted)}}