.dev-boot{z-index:9999;cursor:default;background:radial-gradient(circle at 12% 18%,#cb5a3614,#0000 42%),radial-gradient(circle at 88% 82%,#1b18130d,#0000 38%),#fffde5;place-items:center;padding:24px;transition:opacity .42s,visibility .42s;display:grid;position:fixed;inset:0}.dev-boot:before{content:"";pointer-events:none;opacity:.35;background-image:radial-gradient(#1b181329 .6px,#0000 .6px);background-size:14px 14px;position:absolute;inset:0}.dev-boot.is-leaving{opacity:0;visibility:hidden;pointer-events:none}.dev-boot-card{background:#f4ecdc;border:1.5px solid #1b1813;border-radius:16px;width:min(100%,440px);padding:22px 22px 20px;position:relative;box-shadow:7px 7px #1b1813}.dev-boot-kicker{letter-spacing:1.4px;text-transform:uppercase;color:#cb5a36;margin:0;font-family:DM Mono,ui-monospace,monospace;font-size:10px}.dev-boot-title{letter-spacing:-.3px;color:#1b1813;margin:8px 0 0;font-family:Newsreader,Georgia,serif;font-size:clamp(26px,4.5vw,34px);font-weight:500;line-height:1.05}.dev-boot-sub{color:#1b18139e;margin:8px 0 18px;font-family:DM Mono,ui-monospace,monospace;font-size:11px;line-height:1.45}.dev-boot-steps{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.dev-boot-step{opacity:.42;grid-template-columns:7.2rem 1fr 1.1rem;align-items:center;gap:10px;transition:opacity .22s;display:grid}.dev-boot-step.is-active,.dev-boot-step.is-done{opacity:1}.dev-boot-step-label{letter-spacing:.5px;text-transform:lowercase;color:#1b1813;font-family:DM Mono,ui-monospace,monospace;font-size:10px}.dev-boot-step-track{background:#1b18131a;border:1px solid #1b181324;border-radius:999px;height:6px;position:relative;overflow:hidden}.dev-boot-step-fill{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#cb5a36,#e0855f);width:100%;height:100%;display:block;transform:scaleX(.08)}.dev-boot-step-mark{color:#cb5a36;text-align:right;font-family:DM Mono,ui-monospace,monospace;font-size:11px}.dev-boot-reel{background:#ece3cf;border:1.5px solid #1b1813;border-radius:999px;height:14px;margin-top:18px;position:relative;overflow:hidden}.dev-boot-reel-hole{z-index:2;background:#fffde5;border:1.5px solid #1b1813;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;transform:translateY(-50%)}.dev-boot-reel-hole:first-child{left:10px}.dev-boot-reel-hole:last-of-type{right:10px}.dev-boot-reel-strip{transform-origin:0;transform:scaleX(var(--reel-pct,0));background:repeating-linear-gradient(90deg,#1b181324 0 6px,#0000 6px 12px);border-radius:999px;transition:transform .45s cubic-bezier(.22,.85,.25,1);position:absolute;inset:2px 22px}.dev-boot.is-ready .dev-boot-title{animation:.5s cubic-bezier(.22,.85,.25,1) dev-boot-title-settle}@keyframes dev-boot-title-settle{0%{transform:translateY(0)}40%{transform:translateY(-2px)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.dev-boot-reel-strip{transition:none}.dev-boot.is-ready .dev-boot-title{animation:none}}@media (width<=520px){.dev-boot-card{padding:18px 16px 16px;box-shadow:5px 5px #1b1813}.dev-boot-step{grid-template-columns:6.2rem 1fr 1rem;gap:8px}}
