@font-face{font-family:"Pixelated MS Sans Serif";src:url(./ms_sans_serif-Du8rjN1q.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:"Pixelated MS Sans Serif";src:url(./ms_sans_serif_bold-D5dpRRHG.woff2) format("woff2");font-weight:700;font-style:normal;font-display:block}:root{--face: #c0c0c0;--face-light: #dfdfdf;--hilite: #ffffff;--shadow: #808080;--dk-shadow: #000000;--title: #000080;--title-text: #ffffff;--title-inactive: #808080;--desktop: #008080;--text: #000000;--disabled: #808080;--field: #ffffff;--note: #ffffe1;--note-pinned: #fff8c4;--check: #007000;--warn: #fcf0a8;--warn-border: #806b00;--bad: #a80000;--worst: #7a0000;--font: "Pixelated MS Sans Serif", Tahoma, Verdana, Geneva, sans-serif;--font-mono: "Courier New", Courier, monospace;--fs-base: 11px;--fs-2x: 22px;--fs-mono: 13px;--lh: 14px;--lh-2x: 26px;--gap: 4px;--pad: 6px;--text-muted: #333333;--text-dim: var(--shadow);--bevel-out: inset -1px -1px 0 0 var(--dk-shadow), inset 1px 1px 0 0 var(--face-light), inset -2px -2px 0 0 var(--shadow), inset 2px 2px 0 0 var(--hilite);--bevel-in: inset 1px 1px 0 0 var(--shadow), inset -1px -1px 0 0 var(--face-light), inset 2px 2px 0 0 var(--dk-shadow), inset -2px -2px 0 0 var(--hilite);--touch: 38px;--app-w: 300px;--app-h: 500px}:root{--fs-3x: 33px;--fs-4x: 44px;--lh-3x: 40px;--lh-4x: 52px;--measure: 660px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--desktop);color:var(--text);font-family:var(--font);font-size:var(--fs-base);line-height:var(--lh);font-synthesis:none;font-kerning:none;font-variant-ligatures:none;-webkit-font-smoothing:none;padding:24px 16px 48px}:focus-visible{outline:1px dotted var(--hilite);outline-offset:2px}.page{max-width:var(--measure);margin:0 auto;display:flex;flex-direction:column;gap:24px}.w{background:var(--face);box-shadow:var(--bevel-out);padding:3px}.w__bar{background:var(--title);color:var(--title-text);font-weight:700;padding:3px 3px 3px 6px;display:flex;align-items:center;justify-content:space-between;gap:8px;-webkit-user-select:none;user-select:none}.w__btns{display:flex;gap:2px}.w__btn{width:16px;height:14px;background:var(--face);box-shadow:var(--bevel-out);display:grid;place-items:center;font-size:var(--fs-base);line-height:1}.w__body{padding:16px}.hero{display:flex;flex-direction:column;gap:16px}.hero__mark{font-size:var(--fs-4x);line-height:var(--lh-4x);font-weight:700;margin:0}.hero__thesis{font-size:var(--fs-2x);line-height:var(--lh-2x);font-weight:700;margin:0;color:var(--title)}.hero__body{margin:0;max-width:56ch}.hero__body+.hero__body{margin-top:var(--lh)}.row{display:flex;flex-wrap:wrap;gap:var(--pad);align-items:center}.btn{font-family:var(--font);font-size:var(--fs-base);line-height:var(--lh);background:var(--face);color:var(--text);box-shadow:var(--bevel-out);border:0;padding:6px 16px;min-height:26px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.btn:active{box-shadow:var(--bevel-in);padding:7px 15px 5px 17px}.btn--primary{font-weight:700}.h2{font-size:var(--fs-2x);line-height:var(--lh-2x);font-weight:700;margin:0 0 var(--lh)}.h3{font-size:var(--fs-base);line-height:var(--lh);font-weight:700;margin:0 0 2px;text-transform:uppercase}.p{margin:0;max-width:62ch}.p+.p{margin-top:var(--lh)}.dim{color:var(--text-muted)}.steps{list-style:none;margin:0;padding:0;display:grid;gap:16px}.steps>li{display:grid;grid-template-columns:44px 1fr;gap:var(--pad);align-items:start}.steps__n{font-size:var(--fs-2x);line-height:var(--lh-2x);font-weight:700;color:var(--shadow)}.panel{background:var(--field);box-shadow:var(--bevel-in);padding:16px}.panel--note{background:var(--note)}.list{margin:0;padding-left:18px}.list>li+li{margin-top:var(--gap)}.video{aspect-ratio:16 / 9;width:100%;background:var(--dk-shadow);box-shadow:var(--bevel-in);display:grid;place-items:center}.video>iframe,.video>video{width:100%;height:100%;border:0;display:block}.video__empty{color:var(--hilite);text-align:center;padding:16px;max-width:46ch}.foot{color:var(--hilite);text-align:center;padding-top:var(--pad)}.foot a{color:var(--hilite)}@media(max-width:520px){body{padding:12px 8px 32px}.w__body{padding:12px}.hero__mark{font-size:var(--fs-3x);line-height:var(--lh-3x)}.steps>li{grid-template-columns:26px 1fr}.steps__n{font-size:var(--fs-base);line-height:var(--lh)}}
