#loader { z-index: 3200; padding: 28px; background: #101315; color: #f3ead4; gap: 0; }
#loader .startup-brand { color: #da714e; font: 900 38px/1 var(--font-body,system-ui); letter-spacing: -.04em; }
#loader .startup-kicker { margin: 10px 0 34px; color: #9faaa0; font: 500 12px/1.3 var(--font-body,system-ui); }
#loader .loader-spinner { display: none; }
#loader .loader-text { margin: 14px 0; color: #d6dec8; text-transform: none; font-size: 12px; letter-spacing: 0; }
.startup-track { width: min(280px,80vw); height: 4px; overflow: hidden; border-radius: 4px; background: #313b31; }
.startup-track i { display: block; width: 0; height: 100%; background: #bacf82; transition: width .25s; }
.startup-stages { display: flex; gap: 20px; color: #6f796c; font: 600 10px/1 var(--font-body,system-ui); }
.startup-stages [data-ready="true"] { color: #c4d393; }
#loader button { min-height: 42px; margin-top: 30px; padding: 0 16px; border: 1px solid #5b6950; border-radius: 7px; background: #1c261f; color: #cad5b7; font: 600 12px/1 var(--font-body,system-ui); }
#loader-retry[hidden] { display: none; }
@media(prefers-reduced-motion:reduce) { .startup-track i { transition: none; } }