:root{--motion-duration: .22s;--motion-ease: cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:transparent}.action-root{--pad: 20px;min-height:0;color:var(--c-ink, #ededf2);background:var(--c-bg, #121212);font-family:var(--f-body, "Neue Haas Grotesk", "Helvetica Neue", Inter, system-ui, sans-serif);-webkit-font-smoothing:antialiased;line-height:1.45;padding:var(--pad);max-width:560px;margin:0 auto}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.step{animation:step-in var(--motion-duration) var(--motion-ease)}.step-heading{font-family:var(--f-heading, var(--f-display, var(--f-body)));text-transform:uppercase;font-weight:600;font-size:clamp(1.7rem,6.5vw,2.3rem);line-height:1.05;letter-spacing:.005em;margin:0 0 .4em;outline:none}.step-heading:focus-visible{outline:2px solid var(--c-accent, #fe20b0);outline-offset:4px}.step-sub{color:var(--c-muted, #667);margin:0 0 1.2em;font-size:1.02rem}.step-body{display:flex;flex-direction:column;gap:16px}.btn-primary,.btn-secondary{font:inherit;font-weight:600;border-radius:var(--r-md, 8px);padding:15px 20px;border:1px solid transparent;cursor:pointer;text-align:center;text-decoration:none;display:inline-block;transition:transform var(--motion-duration) var(--motion-ease),opacity var(--motion-duration)}.btn-primary{background:var(--c-accent, #fe20b0);color:var(--c-accentInk, #fff)}.btn-secondary{background:transparent;color:var(--c-ink, #111);border-color:var(--c-muted, #ccd)}.btn-primary:active,.btn-secondary:active{transform:scale(.985)}.btn-primary:focus-visible,.btn-secondary:focus-visible,.completion-code:focus-visible{outline:2px solid var(--c-accent, #fe20b0);outline-offset:3px}button:disabled{opacity:.5;cursor:default}.rail{display:flex;gap:6px;margin-bottom:22px}.rail-seg{flex:1;height:4px;border-radius:99px;background:var(--c-muted, #dde);opacity:.4}.rail-done,.rail-current{background:var(--c-accent, #fe20b0);opacity:1}.completion{text-align:center;padding:12px 0 4px}.completion-label{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--c-muted, #667);margin:0 0 10px}.completion-code{display:block;width:100%;font-family:var(--f-mono, ui-monospace, "SF Mono", Menlo, monospace);font-size:clamp(1.7rem,8vw,2.4rem);font-weight:700;letter-spacing:.12em;padding:18px 8px;border:2px dashed var(--c-muted, #ccd);border-radius:var(--r-lg, 16px);background:transparent;color:var(--c-ink, #111);cursor:pointer}.completion-copy{margin-top:14px;width:100%}.completion-instruction{color:var(--c-muted, #667);margin-top:14px;font-size:.95rem}.completion-anon{color:var(--c-muted, #667);margin:.4em 0 1.4em}.shell-boot{display:flex;justify-content:center;padding:60px 0}.shell-boot-dot{width:12px;height:12px;border-radius:99px;background:var(--c-accent, #fe20b0);animation:pulse 1s var(--motion-ease) infinite}.shell-offline{text-align:center;padding:40px 0;color:var(--c-muted, #667)}@keyframes step-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.action-root[data-reduced-motion=true] *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}:root{--reading: 42rem}@media(min-width:900px){.action-root{--pad: 44px;max-width:820px}.step-heading{font-size:clamp(2rem,4vw,2.9rem)}.step-sub{font-size:1.12rem;max-width:var(--reading)}.step-body{gap:20px}.btn-primary,.btn-secondary{max-width:460px;margin-inline:auto;padding:17px 26px;font-size:1.05rem}.completion{padding-top:24px}.completion-code{font-size:clamp(2rem,5vw,3rem)}}@media(min-width:1280px){.action-root{max-width:1000px}}
