html, body { min-height: 100%; margin: 0; font-family: system-ui, sans-serif; background: #eef4e9; color: #1f3022; }
#bootstrap-screen { position: fixed; inset: 0; display: grid; place-items: center; padding: 1rem; z-index: 9999; }
.bootstrap-card { width: min(30rem, 100%); background: white; border-radius: 1rem; padding: 1.5rem; box-shadow: 0 .5rem 2rem rgba(0,0,0,.15); text-align: center; }
.mascot { font-size: 4rem; }
progress { width: 100%; height: 1.2rem; }
#bootstrap-steps { text-align: left; line-height: 1.8; }
#bootstrap-steps li.done::marker { content: '✓  '; }
#bootstrap-steps li.failed { color: #8b1e1e; }
#bootstrap-error { background: #fee; color: #701010; padding: .75rem; border-radius: .5rem; }