:root{--desk:#2f2d29;--desk-hi:#4d4a43;--paper:#fbfaf2;--bar:#dfeedd;--ink:#141a15;--ink-2:#33402f;--ink-3:#6c7a68;--plastic:#d4ccb6;--plastic-lo:#b5ad94;--plastic-ink:#4b4535;--pen:#d22a1e;--line:27px;--dot:"Doto", "IBM Plex Mono", monospace;--mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--hand:"Caveat", "Bradley Hand", cursive;--feed:56px}*{box-sizing:border-box}html{background:var(--desk);-webkit-font-smoothing:antialiased}body{min-height:100vh;font:400 16px/var(--line) var(--mono);color:var(--ink-2);background:radial-gradient(ellipse 90% 60% at 50% 0%, var(--desk-hi), var(--desk) 70%) fixed, var(--desk);margin:0;overflow-x:hidden}a{color:var(--ink);text-underline-offset:3px;text-decoration-thickness:1px}::selection{background:var(--pen);color:var(--paper)}img{max-width:100%;height:auto;display:block}.printer{z-index:5;background:linear-gradient(#ddd6c2, var(--plastic) 55%, #bdb59c);border-radius:0 0 18px 18px;width:min(1080px,100% - 24px);height:128px;margin:-6px auto 0;position:relative;box-shadow:0 18px 30px -10px #0009,inset 0 -6px #a59d84,inset 0 1px #fff9}.printer .badge{font:600 12.5px var(--mono);letter-spacing:.24em;color:#6b6450;white-space:nowrap;text-decoration:none;position:absolute;top:30px;left:40px}.printer .badge b{color:#36322a;letter-spacing:.06em;margin-right:10px;font-size:15px}.printer .vent{opacity:.7;background:repeating-linear-gradient(90deg,#a99f86 0 3px,#0000 3px 9px);border-radius:3px;width:110px;height:30px;position:absolute;top:30px;left:520px}.printer .led{font:600 10px var(--mono);letter-spacing:.12em;color:#6b6450;white-space:nowrap;position:absolute;top:34px;left:650px}.printer .led i{vertical-align:-1px;background:#59d36a;border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block;box-shadow:0 0 8px #59d36a}.printer.busy .led i{animation:.18s steps(2,end) infinite busy}@keyframes busy{50%{opacity:.35}}.printer .keys{gap:8px;display:flex;position:absolute;top:22px;right:40px}.key{font:600 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#36322a;cursor:pointer;white-space:nowrap;background:linear-gradient(#ece6d4,#cfc7af);border:0;border-radius:5px;padding:9px 12px 8px;text-decoration:none;transition:transform 60ms,box-shadow 60ms;display:inline-block;box-shadow:0 3px #9c947b,0 4px 6px #00000040,inset 0 1px #ffffff8c}.key:active,.key[aria-pressed=true]{transform:translateY(2px);box-shadow:0 1px #9c947b,0 2px 3px #00000040,inset 0 1px #fff6}.key.dark{color:#efe9d6;background:linear-gradient(#3a3730,#24221d);box-shadow:0 3px #11100d,0 4px 6px #00000059}.key.dark:active{box-shadow:0 1px #11100d}.key[aria-current]{background:linear-gradient(#e2dac3,#c3bba1)}.printer .slot{background:#1b1a17;border-radius:7px;height:14px;position:absolute;bottom:22px;left:60px;right:60px;box-shadow:inset 0 3px 4px #000}.printer .head{opacity:0;background:linear-gradient(#5b574d,#33302a);border-radius:4px;width:54px;height:22px;transition:opacity .3s;position:absolute;bottom:18px;left:64px;box-shadow:0 2px 3px #00000080}.printer.busy .head{opacity:1}.strip{z-index:20;background:linear-gradient(#ddd6c2, var(--plastic));justify-content:space-between;align-items:center;gap:16px;height:50px;padding:0 max(16px,50% - 528px);transition:transform .35s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-110%);box-shadow:0 6px 14px -6px #0000008c,inset 0 -3px #a59d84}.strip.on{transform:none}.strip .badge{font:600 13px var(--mono);letter-spacing:.06em;color:#36322a;text-decoration:none}.strip .keys{gap:6px;display:flex}.strip .key{padding:7px 10px 6px;font-size:10.5px}.paper{z-index:3;background:var(--paper);width:min(980px,100% - 24px);padding:0 var(--feed);margin:-26px auto 0;position:relative;box-shadow:0 0 0 1px #0000000d,0 40px 90px -30px #000c}.paper:before,.paper:after{content:"";width:var(--feed);background:radial-gradient(circle at calc(var(--feed) / 2) 18px, var(--desk) 8px, transparent 8.6px) 0 0 / var(--feed) 36px repeat-y;position:absolute;top:0;bottom:0}.paper:before{border-right:1px dashed #00000029;left:0}.paper:after{border-left:1px dashed #00000029;right:0}.sheet{background:repeating-linear-gradient(var(--paper) 0 calc(var(--line) * 2), var(--bar) calc(var(--line) * 2) calc(var(--line) * 4));background-attachment:local}.paper.torn{padding-bottom:0}.tear{height:18px;margin:0 calc(var(--feed) * -1);background:linear-gradient(135deg, var(--paper) 33.3%, transparent 33.3%) 0 0 / 22px 18px repeat-x, linear-gradient(225deg, var(--paper) 33.3%, transparent 33.3%) 0 0 / 22px 18px repeat-x;transform:translateY(17px)}.page{padding:calc(var(--line) * 1.5) 40px calc(var(--line) * 3);position:relative}.perf{height:0;margin:0 calc(var(--feed) * -1);border-top:2px dotted #141a1547;position:relative}.perf span{font:500 11px var(--mono);letter-spacing:.16em;color:var(--ink-3);background:var(--paper);padding:0 8px;position:absolute;top:-10px;right:74px}.pghead{letter-spacing:.08em;color:var(--ink-3);text-transform:uppercase;margin-bottom:var(--line);justify-content:space-between;gap:16px;font-size:12.5px;display:flex}.memo{letter-spacing:.04em;color:var(--ink-2);margin-bottom:var(--line);white-space:pre-wrap;font-size:14px}.memo b{color:var(--ink);font-weight:600}h1,h2,.dot{font-family:var(--dot);text-transform:uppercase;color:var(--ink);letter-spacing:.01em;margin:0;font-weight:900}h1{margin:var(--line) 0 calc(var(--line) * 1.2);font-size:clamp(46px,8.6vw,98px);line-height:.98}h2{margin:0 0 var(--line);font-size:clamp(34px,5.4vw,62px);line-height:1}p{margin:0 0 var(--line);max-width:68ch}.lead{color:var(--ink);font-size:18px}b,strong{color:var(--ink);font-weight:600}.ref{vertical-align:super;color:var(--ink-3);margin-left:1px;font-size:.72em;line-height:0;text-decoration:none}.ref:hover{color:var(--pen)}.refs{margin-top:calc(var(--line) * 2);padding-top:calc(var(--line) / 2);color:var(--ink-3);border-top:1px solid #141a1540;font-size:12.5px;line-height:21px}.refs div{grid-template-columns:34px 1fr;display:grid}.refs a{color:var(--ink-2);word-break:break-word}.rec{font-size:16px;line-height:var(--line)}.rec .r{white-space:nowrap;gap:0;display:flex}.rec .k{flex:none}.rec .lead-dots{color:var(--ink-3);flex:1;min-width:20px;overflow:hidden}.rec .lead-dots:before{content:" ..........................................................................................................................................................................................................";letter-spacing:.1em}.rec .v{flex:none;padding-left:8px}.rec .in{padding-left:2ch}.rec .u{text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.cursor{background:var(--ink);vertical-align:-4px;width:10px;height:20px;margin-left:4px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}pre.box-m{display:none}pre.box{font:400 15px/1.18 var(--mono);color:var(--ink);margin:0 0 var(--line);white-space:pre;overflow-x:auto}.pen-note{font:600 clamp(26px, 2.6vw, 34px)/1 var(--hand);color:var(--pen);display:inline-block;transform:rotate(-4deg)}svg.pen{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}svg.pen path{fill:none;stroke:var(--pen);stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round}.no-motion svg.pen path{stroke-dashoffset:0!important}.strike{position:relative}.strike:after{content:"";background:var(--pen);transform-origin:0;border-radius:3px;height:3px;transition:transform .6s cubic-bezier(.6,0,.3,1);position:absolute;top:52%;left:-4px;right:-4px;transform:scaleX(0)rotate(-1.5deg)}.drawn .strike:after,.no-motion .strike:after{transform:scaleX(1)rotate(-1.5deg)}.drawn .strike:nth-of-type(2):after{transition-delay:.2s}.drawn .strike:nth-of-type(3):after{transition-delay:.4s}.drawn .strike:nth-of-type(4):after{transition-delay:.6s}.wavy{text-decoration:underline wavy var(--pen);text-underline-offset:5px;text-decoration-thickness:1.5px}.margin-note{font:600 25px/1.05 var(--hand);color:var(--pen);opacity:0;width:260px;transition:opacity .6s .9s,transform .6s .9s;position:absolute;transform:rotate(-3deg)translateY(6px)}.drawn .margin-note{opacity:1;transform:rotate(-3deg)}.ask{margin:calc(var(--line) * 1.5) 0 calc(var(--line) / 2);flex-wrap:wrap;gap:0;max-width:640px;display:flex}.ask label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.ask input{min-width:220px;font:400 18px var(--mono);color:var(--ink);border:2px solid var(--ink);background:#fff;border-right:0;border-radius:0;outline:none;flex:1;padding:14px 18px}.ask input:focus{box-shadow:inset 0 0 0 2px var(--pen)}.ask input::placeholder{color:#93a08f}.ask button{font:600 16px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--paper);background:var(--ink);border:2px solid var(--ink);cursor:pointer;padding:14px 22px}.ask button:hover{background:var(--pen);border-color:var(--pen)}.fine{color:var(--ink-3);font-size:13px}.step{margin:calc(var(--line) * 1.5) 0 calc(var(--line) * 2.5);grid-template-columns:minmax(0,.78fr) minmax(0,1.4fr);align-items:start;gap:40px;display:grid}.step .no{font:900 64px/1 var(--dot);color:var(--ink);margin-bottom:14px}.step h3{font:600 19px/var(--line) var(--mono);color:var(--ink);text-transform:uppercase;letter-spacing:.04em;margin:0 0 calc(var(--line) / 2)}.step p{font-size:15px}.clip{transform:rotate(var(--tilt,-1.2deg));background:#0a0a0a;margin:10px 0 0;padding:7px;position:relative;box-shadow:0 2px #0000001a,0 22px 40px -18px #0000008c}.clip:before{content:"";z-index:2;background:0 0;border:3px solid #9aa0a6;border-bottom-color:#0000;border-radius:12px;width:22px;height:64px;position:absolute;top:-22px;left:28px;box-shadow:inset 0 0 0 1px #ffffff40}.clip:after{content:"";z-index:2;border:3px solid #b6bcc2;border-top-color:#0000;border-radius:8px;width:10px;height:44px;position:absolute;top:-14px;left:34px}.clip figcaption{font:400 12px/1.5 var(--mono);color:var(--ink-3);transform:rotate(calc(var(--tilt,-1.2deg) * -1));margin-top:12px;position:absolute;top:100%;left:0;right:0}.invoice{border:2px solid var(--ink);margin:var(--line) 0;background:#fbfaf2bf}.invoice .hd{border-bottom:2px solid var(--ink);font:600 13px var(--mono);letter-spacing:.1em;justify-content:space-between;padding:10px 18px;display:flex}.inv-row{border-bottom:1px dashed #141a1559;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:16px 18px;display:grid}.inv-row:last-child{border-bottom:0}.inv-row .item{font:600 17px var(--mono);color:var(--ink);text-transform:uppercase;letter-spacing:.02em}.inv-row .amt{font:900 34px/1 var(--dot);color:var(--ink);text-align:right;white-space:nowrap}.inv-row .amt small{font:400 12px var(--mono);letter-spacing:.04em;color:var(--ink-3);text-transform:none;margin-top:6px;display:block}.inv-row .desc{color:var(--ink-2);max-width:58ch;margin:6px 0 10px;font-size:14.5px;line-height:23px}.inv-row .act{font:600 13px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);border-bottom:2px solid var(--ink);text-decoration:none}.inv-row .act:hover{color:var(--pen);border-color:var(--pen)}h2.sub{margin:calc(var(--line) * 2) 0 var(--line);font-size:clamp(26px,3.4vw,38px)}table.src{border-collapse:collapse;width:100%;font:400 15px/var(--line) var(--mono);color:var(--ink-2);margin:0 0 var(--line)}table.src th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);border-bottom:2px solid var(--ink);padding:0 12px 4px 0;font-size:12.5px;font-weight:600}table.src td{vertical-align:top;border-bottom:1px dashed #141a154d;padding:0 12px 0 0}table.src td:first-child{color:var(--ink-3);white-space:nowrap;width:7ch}table.src td:nth-child(2){word-break:break-all}table.src td:last-child{white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;font-size:13px}table.src tr.vendor td:last-child{color:var(--ink);font-weight:600}table.src a{color:var(--ink-2)}.qa h3{font:600 17px/var(--line) var(--mono);color:var(--ink);margin:0 0 calc(var(--line) / 2)}.qa p{margin-bottom:var(--line)}@media (width<=640px){table.src td:last-child{white-space:normal}.rec .r{flex-wrap:wrap}.rec .v{white-space:normal;text-align:right;overflow-wrap:anywhere;min-width:0;margin-left:auto}}.ref{margin:-6px -2px;padding:6px 3px}.checks{margin:0 0 var(--line);padding:0;list-style:none}.checks li{margin-bottom:calc(var(--line) / 2);grid-template-columns:4ch 1fr;display:grid}.checks li:before{content:"[X]";color:var(--ink);font-weight:600}.verdict{font:900 clamp(26px, 3.6vw, 40px)/1.15 var(--dot);text-transform:uppercase;color:var(--ink);margin:0 0 calc(var(--line) / 2)}.verdict.no{color:var(--ink-3)}.end{text-align:center;padding:calc(var(--line) * 3) 40px calc(var(--line) * 4)}.end h2{margin-bottom:calc(var(--line) * 1.5)}.end .ask{margin-left:auto;margin-right:auto}.desk-foot{color:#b9b3a3;grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:40px;width:min(980px,100% - 24px);margin:60px auto 0;padding:0 0 60px;font-size:13px;line-height:21px;display:grid}.desk-foot a{color:#e6e0cf}.desk-foot a.key{color:#36322a}.desk-foot a.key.dark{color:#efe9d6}.desk-foot .refs{color:#a39d8c;border:0;margin:0;padding:0}.desk-foot .refs a{color:#e6e0cf}.desk-foot h2.foot-h{font:600 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#8d8777;margin:0 0 10px}.sticky{color:#3a3416;font:600 25px/1.15 var(--hand);background:#f6e27a;padding:22px 20px 26px;transform:rotate(2.4deg);box-shadow:0 18px 30px -12px #0009}.sticky a{color:#3a3416}.sticky small{font:400 12px var(--mono);color:#6b6230;margin-top:12px;display:block}.desk-nav{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.pr{visibility:hidden}.pr.on,.no-motion .pr{visibility:visible}.rv{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1);transform:translateY(16px)}.rv.in,.no-motion .rv{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=900px){:root{--feed:30px}.paper:before,.paper:after{background:radial-gradient(circle at 15px 18px, var(--desk) 5px, transparent 5.6px) 0 0 / 30px 36px repeat-y}.printer{height:104px}.printer .vent,.printer .led{display:none}.printer .badge{font-size:10px;top:20px;left:22px}.printer .badge span{display:none}.printer .keys{top:16px;right:16px}.printer .keys .key:not(.keep){display:none}.printer .slot{left:26px;right:26px}.page{padding-left:14px;padding-right:14px}.step{grid-template-columns:minmax(0,1fr);gap:34px}.clip{margin-bottom:58px}.rec{font-size:13px}pre.box-d{display:none}pre.box-m{font-size:14px;display:block}.rec.vs .r{white-space:normal;margin-bottom:6px;display:block}.rec.vs .lead-dots{display:none}.rec.vs .v{padding-left:0;display:block}.desk-foot{grid-template-columns:minmax(0,1fr)}.margin-note{width:auto;margin:12px 0 0;display:block;position:static}.perf span{right:40px}.strip .keys .key:not(.keep){display:none}}