@font-face{font-family:Bowlby;src:url(fonts/bowlby.woff2) format("woff2");font-display:swap}
@font-face{font-family:Bagel;src:url(fonts/bagel.woff2) format("woff2");font-display:swap}
@font-face{font-family:Marker;src:url(fonts/marker.woff2) format("woff2");font-display:swap}
@font-face{font-family:Mono;src:url(fonts/mono.woff2) format("woff2");font-display:swap}
@font-face{font-family:Mono;src:url(fonts/mono-700.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--paper:#f1ead8;--paper2:#f6f1e4;--ink:#141210;--lime:#b8f23a;--pink:#ff4f9a}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Mono,ui-monospace,monospace;font-size:16px;line-height:1.6;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .08  0 0 0 0 .07  0 0 0 0 .06  0 0 0 .22 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.wrap{max-width:680px;margin:0 auto;padding:28px 16px 90px}
.back{display:inline-block;font-family:Bowlby;font-size:16px;background:var(--ink);color:var(--lime);padding:4px 12px;text-decoration:none;transform:rotate(-2deg);box-shadow:3px 3px 0 var(--pink)}
h1{font-family:Bagel;font-weight:400;font-size:clamp(44px,12vw,72px);line-height:1;margin:26px 0 6px;text-shadow:4px 3px 0 var(--lime),-2px -1px 0 rgba(255,79,154,.75)}
.sub{font-family:Marker;font-size:20px;margin:0 0 22px;transform:rotate(-1deg);display:inline-block}
.card{background:var(--paper2);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:6px 20px 18px;margin:0 0 22px}
h2{font-family:Bowlby;font-weight:400;font-size:19px;margin:20px 0 4px;text-transform:uppercase}
h2 span{background:var(--lime);padding:0 6px}
p,li{margin:6px 0}
ul{padding-left:20px}
a{color:var(--ink);text-decoration-color:var(--pink);text-decoration-thickness:3px}
.tldr{font-family:Marker;font-size:19px;line-height:1.35;background:var(--lime);border:3px solid var(--ink);padding:12px 16px;transform:rotate(-1deg);margin:0 0 26px}
.wipe{font-family:Bowlby;font-size:17px;background:var(--pink);color:#fff;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:12px 18px;cursor:pointer;margin-top:8px}
.wipe:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}
.done{font-family:Marker;font-size:18px;margin-left:10px}
.small{font-size:13px;opacity:.75}
.foot{display:flex;gap:16px;flex-wrap:wrap;font-size:14px;margin-top:10px}