:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--accent:color-mix(in srgb, currentColor 12%, transparent);--rule:color-mix(in srgb, currentColor 15%, transparent);--bad:var(--lightningcss-light,#a4260c)var(--lightningcss-dark,#ff9b7a);--good:var(--lightningcss-light,#116339)var(--lightningcss-dark,#6fd39b)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{text-wrap:pretty;margin:0;font:1rem/1.6 system-ui,sans-serif}main{max-width:42rem;margin:0 auto;padding:2rem 1.25rem 4rem}h1{margin:0 0 .5rem;font-size:1.6rem;line-height:1.3}.lede{opacity:.8;margin:0 0 1rem}.hint{opacity:.7;margin:.25rem 0 .75rem;font-size:.9rem}ol.steps{margin:2.5rem 0 0;padding:0;list-style:none}.step{border-top:1px solid var(--rule);opacity:.45;padding:1.5rem 0}.step[data-state=active],.step[data-state=done]{opacity:1}.step:not([data-state=active]):not([data-state=done]) :is(input,button,textarea,select){pointer-events:none}.step h2{margin:0 0 .5rem;font-size:1.15rem}.step h3{margin:0 0 .5rem;font-size:1rem}.step[data-state=done]>h2:after{content:" ✓";color:var(--good)}label{margin:.75rem 0 .25rem;font-weight:600;display:block}label.check{align-items:center;gap:.5rem;font-weight:400;display:flex}input[type=text],input[type=file],textarea,select{width:100%;font:inherit;border:1px solid var(--rule);color:inherit;background:0 0;border-radius:.35rem;padding:.5rem}textarea{resize:vertical;font-family:ui-monospace,monospace;font-size:.85rem}fieldset{border:1px solid var(--rule);border-radius:.5rem;margin:1.25rem 0;padding:.5rem 1rem 1rem}legend{padding:0 .35rem;font-weight:600}button{font:inherit;color:canvas;cursor:pointer;background:canvastext;border:1px solid #0000;border-radius:.35rem;margin-top:1rem;padding:.5rem 1rem;font-weight:600}button.secondary{border-color:var(--rule);color:inherit;background:0 0}button.link{color:inherit;background:0 0;border:none;margin:0;padding:0;font-weight:400;text-decoration:underline}button[disabled]{cursor:not-allowed;opacity:.5}.choices{flex-wrap:wrap;gap:.75rem;display:flex}.status{min-height:1.6em;margin:.75rem 0 0}.status[data-tone=bad]{color:var(--bad)}.status[data-tone=good]{color:var(--good)}.keybox{border:1px solid var(--rule);background:var(--accent);border-radius:.5rem;margin-top:1.5rem;padding:1rem}.key,code{word-break:break-all;font-family:ui-monospace,monospace;font-size:.8rem}.key{-webkit-user-select:all;user-select:all;background:canvas;border-radius:.35rem;padding:.75rem;display:block}ul.written{margin:1rem 0 0;padding-left:1.25rem}ul.written code{word-break:break-all}progress{width:100%;margin-top:.75rem}footer{border-top:1px solid var(--rule);opacity:.7;margin-top:3rem;padding-top:1.5rem;font-size:.9rem}