/* Initial surface matches Clinic's KSD surface and native launch resources. */
:root { color-scheme: light dark; --surface: #F4F7F5; --ink: #172A24; --accent: #208EA7; --track: #C8D8D2; }
@media (prefers-color-scheme: dark) {
  :root { --surface: #101916; --ink: #EDF5F1; --accent: #75CFDF; --track: #34453E; }
}
html, body { margin: 0; min-height: 100%; background: var(--surface); }
body { color: var(--ink); font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
#ksd-startup { position: fixed; inset: 0; z-index: 1; display: grid; place-items: center; overflow: auto; padding: max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left)); background: var(--surface); }
.startup-content { width: min(100%, 28rem); margin: auto; text-align: center; }
.startup-content img { display: block; margin: 0 auto; }
h1 { font-size: 2rem; line-height: 1.2; font-weight: 650; letter-spacing: -.035em; margin: 24px 0; overflow-wrap: anywhere; }
p { font-size: 1rem; line-height: 1.5; margin: 16px 0; }
#startup-activity { width: 132px; height: 3px; overflow: hidden; border-radius: 4px; margin: 0 auto; background: var(--track); }
#startup-activity span { display: block; width: 42%; height: 100%; background: var(--accent); transform: translateX(40%); animation: startup-working 1.4s linear infinite; }
@keyframes startup-working { from { transform: translateX(-100%); } to { transform: translateX(340%); } }
button { min-height: 48px; padding: 10px 24px; border: 1px solid currentColor; border-radius: 12px; color: var(--ink); background: transparent; font: inherit; cursor: pointer; }
button:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }
[hidden] { display: none !important; }
@media (prefers-reduced-motion: reduce) { #startup-activity span { animation: none; } }
@media (forced-colors: active) { #startup-activity { background: Canvas; border: 1px solid CanvasText; } #startup-activity span { background: Highlight; } }
