*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--paper:#f5f6fb;--panel:#0b7a69;--amber:#ffb300;--ink:#0c0c14;--t:var(--ink);--t-soft:#0c0c14b8;--t-faint:#0c0c1473;--t-line:#0c0c1424;--bad:#d8361a;--fd:"Archivo", "Helvetica Neue", Arial, sans-serif;--fb:"Red Hat Display", "Helvetica Neue", Arial, sans-serif;--fm:"JetBrains Mono", ui-monospace, Menlo, monospace;--fserif:Georgia, "Times New Roman", serif;--fp:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--gutter:clamp(1rem, 6vw, 7rem);--stage:1280px;--side:max(var(--gutter), calc((100vw - var(--stage)) / 2))}html{background:var(--paper)}body{background:var(--paper);color:var(--t);font-family:var(--fd);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;grid-template-rows:auto 1fr auto;min-height:100svh;font-size:1.05rem;line-height:1.55;display:grid;overflow-x:hidden}::selection{background:var(--ink);color:var(--amber)}a{color:inherit}p{text-wrap:pretty}[hidden]{display:none!important}.vh{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}code{font-family:var(--fm);font-size:.86em}.top{padding:1.1rem var(--side);justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.brand{min-height:37px;font-family:var(--fb);letter-spacing:-.02em;align-items:center;font-size:1.24rem;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.brand span{padding-top:.06em;display:block}.crumbs{align-items:center;gap:.55rem;min-width:0;display:inline-flex}.org{font-family:var(--fb);letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.org .sd{width:auto;height:24px;display:block}.crumbs .sep{opacity:.35;flex:none;width:22px;height:22px;display:block}.stars{opacity:.8;align-items:center;gap:.4rem;font-size:.86rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.stars:hover{opacity:1}.stars .gh{width:18px;height:18px;display:block}.stars b{font-variant-numeric:tabular-nums;font-weight:600}@media (width<=600px){.org span{display:none}}.top nav{letter-spacing:.01em;align-items:center;gap:1.4rem;font-size:.86rem;font-weight:600;display:flex}.top nav>a:not(.stars){color:var(--t-soft);text-decoration:none}.top nav>a:not(.stars):hover{color:var(--t)}.btn{font:inherit;border:1.5px solid var(--ink);color:var(--ink);background:0 0;border-radius:2px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.2rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.btn:hover,.btn.fill{background:var(--ink);color:var(--paper)}.btn.fill:hover{color:var(--amber)}.btn.big{padding:1.05rem 1.8rem;font-size:1.05rem}.intro{align-content:center;place-items:center;gap:1.8rem;padding:2vh 1rem 8vh;display:grid}.art{background:var(--panel);width:min(30rem,100%);height:min(62vh,38rem);position:relative}.art canvas{width:100%;height:100%;display:block;position:absolute;inset:0}:root.no-gl .art{background:radial-gradient(circle at 50% 78%, #ffb3008c, transparent 22%), var(--panel)}:root.no-gl .art canvas{display:none}.intro .under{text-align:center;justify-items:center;gap:.8rem;display:grid}.intro .under p{color:var(--t-soft);font-size:.88rem}.guide{width:calc(100% - 2 * var(--side));grid-template-columns:14rem minmax(0,1fr);align-items:start;gap:clamp(2rem,6vw,6rem);margin:0 auto;padding:3vh 0 10vh;display:grid}.guide .link{font:inherit;color:var(--t-soft);background:0 0;border:0;align-items:center;gap:.5rem;padding:.8rem 0;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.guide .btn.fill:hover{color:var(--paper);background:#2a2a36;border-color:#2a2a36}.guide .link:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.nav{position:sticky;top:1.5rem}.nav small{letter-spacing:.08em;color:var(--t-faint);font-size:.72rem;font-weight:700;display:block}.progress{background:var(--t-line);height:2px;margin:.8rem 0 .55rem}.progress span{background:var(--ink);height:100%;transition:width .3s;display:block}.count{color:var(--t-soft);font-variant-numeric:tabular-nums;font-size:.82rem}.nav ol{margin-top:1.4rem;list-style:none}.nav a{color:var(--t-soft);grid-template-columns:1.5rem 1fr;gap:.4rem;padding:.42rem 0;font-size:.92rem;line-height:1.35;text-decoration:none;display:grid}.nav a:hover{color:var(--ink)}.nav a.on{color:var(--ink);font-weight:700}.nav a .n{color:var(--t-faint);font-variant-numeric:tabular-nums;font-size:.85rem}.nav a.done .n{color:var(--panel);font-weight:700}.page{min-width:0;max-width:44rem}.kicker{color:var(--t-soft);font-size:.88rem;font-weight:600}.page h1{letter-spacing:-.03em;margin:.5rem 0 .9rem;font-size:clamp(2rem,4.2vw,3.3rem);font-weight:900;font-stretch:114%;line-height:.98}.page .lede{color:var(--t-soft);font-size:1.12rem;line-height:1.5}.tasks{counter-reset:t;gap:2.2rem;margin-top:2.6rem;list-style:none;display:grid}.tasks>li{counter-increment:t;grid-template-columns:1.6rem minmax(0,1fr);display:grid}.tasks>li:before{content:counter(t) ".";color:var(--t-faint);font-weight:700;line-height:1.45}.tasks>li>*{grid-column:2}.tasks .do{font-family:var(--fp);font-weight:500;line-height:1.45}.tabs{flex-wrap:wrap;gap:1.1rem;margin-top:.6rem;display:flex}.tabs button{color:var(--t-soft);font:500 .8rem var(--fm);background:0 0;border:0;border-bottom:2px solid #0000;padding:.2rem 0}.tabs button:hover{color:var(--ink)}.tabs button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)}.cmd{background:var(--ink);color:var(--paper);font-family:var(--fm);border-radius:2px;align-items:flex-start;margin-top:.7rem;font-size:.82rem;line-height:1.6;display:flex}.tabs+.cmd{margin-top:.5rem}.cmd pre{min-width:0;font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;flex:1;padding:.85rem 0 .85rem 1rem}.cmd pre:before{content:"$ ";color:#f5f6fb6b}.cmd button{text-align:center;color:#f5f6fb9e;width:5.5rem;font:600 .72rem var(--fd);letter-spacing:.05em;background:0 0;border:0;flex:none;padding:.95rem 1rem}.cmd button:hover{color:#fff}.ask{font-family:var(--fserif);background:#0b7a6912;border-radius:3px;margin-top:.7rem;padding:.7rem 1rem;font-size:1.05rem;font-weight:400;line-height:1.45}.ask small{font-family:var(--fserif);letter-spacing:.04em;color:var(--panel);align-items:center;gap:.35rem;margin-bottom:.3rem;font-size:.72rem;font-weight:600;display:flex}.ask small:before{content:">";font-weight:700}.see{font-family:var(--fp);color:var(--t-soft);margin-top:.55rem;font-size:.93rem}.check{border-top:1.5px solid var(--t-line);margin-top:3.2rem;padding-top:2rem}.check small{color:var(--t-soft);font-size:.85rem;font-weight:600;display:block}.check .q{margin:.3rem 0 1rem;font-size:1.2rem;font-weight:700;line-height:1.3}.opts{gap:.5rem;display:grid}.opt{text-align:left;font:inherit;border:1.5px solid var(--t-line);color:var(--ink);background:0 0;border-radius:2px;padding:.8rem 1rem;font-size:.95rem;font-weight:500;transition:border-color .15s,background .2s,color .2s}.opt:hover{border-color:var(--ink)}.opt.no{border-color:var(--bad);color:var(--bad);animation:.3s nudge}.opt.yes{background:var(--ink);border-color:var(--ink);color:var(--paper)}.opt:disabled{cursor:default}.opt:disabled:not(.yes){opacity:.5}@keyframes nudge{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.why{font-family:var(--fp);color:var(--t-soft);margin-top:.9rem;font-size:.95rem;line-height:1.5;display:none}.why.on{display:block}.why b.ok{color:var(--panel)}.why b.bad{color:var(--bad)}.pager{justify-content:space-between;align-items:center;gap:1rem;margin-top:2.6rem;display:flex}.pager>:only-child{margin-left:auto}.finish h1{max-width:14ch}.receipt{background:var(--ink);color:#f5f6fbb3;font-family:var(--fm);white-space:pre-wrap;border-radius:2px;margin-top:2rem;padding:1.6rem 1.8rem;font-size:.85rem;line-height:1.9}.receipt b{color:#fff;font-weight:500}.finish .actions{flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;margin-top:1.6rem;display:flex}.foot{padding:1.2rem var(--side) 1.5rem;letter-spacing:.03em;color:var(--t-soft);flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:.78rem;font-weight:500;display:flex}.foot a{text-decoration:none}.foot a:hover{color:var(--t)}@media (width<=900px){.top{padding:1rem}.top nav>a:not(.stars){display:none}.guide{grid-template-columns:1fr;gap:1.6rem;width:auto;margin:0 1rem;padding-top:1vh}.nav{position:static}.nav ol{display:none}.foot{padding:1rem}}@media (prefers-reduced-motion:reduce){.opt,.progress span{transition:none;animation:none}}.arrow{flex:none;width:1em;height:1em}#root{display:contents}