:root{--paper:#f4f1e9;--paper-hi:#fbf9f4;--slip:#f8f7f2;--ink:#1c1b19;--ink-2:#59554d;--seal:#c9351f;--counter:#191714;--printer:#1d1b19;--steel:#8f8a81;--lamp:255 222 176;--w:30rem;--pad:2rem;--fa:15px;--fb:12.5px;--lh:1.6;--printer-h:60px;--spring:cubic-bezier(.25, 1.5, .45, 1);--z-grain:3;--z-printer:20;--z-skip:30}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{color-scheme:dark;background:var(--counter);-webkit-text-size-adjust:100%;text-size-adjust:100%}html.js-print{scroll-behavior:smooth}body{min-height:100dvh;font-family:Paper Mono,ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:var(--fa);line-height:var(--lh);color:var(--ink);background:var(--counter);font-variant-numeric:tabular-nums;font-synthesis:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;margin:0;overflow-x:clip}p,h1,h2,h3,h4,ol,ul,dl,dd,figure{margin:0}ol,ul{padding:0;list-style:none}h1,h2,h3,h4{font-size:inherit;font-weight:inherit;text-wrap:balance}p{text-wrap:pretty}a{color:inherit}button,input{font:inherit;color:inherit}::selection{background:var(--ink);color:var(--paper)}:focus-visible{outline:2px solid var(--seal);outline-offset:3px}.on-counter :focus-visible,.site-foot :focus-visible{outline-color:var(--paper)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:var(--z-skip);background:var(--paper);color:var(--ink);padding:8px 12px;font-weight:700;transition:transform .15s ease-out;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip:focus-visible{transform:none}.counter{z-index:-1;pointer-events:none;background:radial-gradient(ellipse 62% 50% at 50% -6%, rgb(var(--lamp) / .17), transparent 72%), radial-gradient(ellipse 120% 85% at 50% 35%, transparent 52%, #0009), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .9 0 0 0 0 .78 0 0 0 .55 -.24'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"), var(--counter);position:fixed;inset:0}.scene{padding:64px 16px 0;position:relative;overflow-x:clip}.roll-wrap{width:min(100%, var(--w));margin:0 auto;position:relative}.roll-intro{position:relative}.paper{background:var(--paper);color:var(--ink);color-scheme:light;position:relative}.roll{background-image:linear-gradient(90deg,#0000000b,#0000 7% 90%,#0000000f);box-shadow:0 1px 1px #00000059,0 6px 14px -4px #00000059,0 30px 60px -24px #000000bf}.roll-inner{padding:6px max(var(--pad), env(safe-area-inset-right)) 36px max(var(--pad), env(safe-area-inset-left));position:relative;container-type:inline-size}.grain{z-index:var(--z-grain);pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .957 0 0 0 0 .945 0 0 0 0 .914 0 0 0 -1.7 .8'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='700' height='900'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.006 .02' numOctaves='2' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .957 0 0 0 0 .945 0 0 0 0 .914 0 0 0 .45 -.27'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),repeating-linear-gradient(90deg,#0000 0 97px,#f4f1e929 97px 98px,#0000 98px 233px,#f4f1e91a 233px 235px,#0000 235px 311px);position:absolute;inset:0}.curl{background:linear-gradient(to bottom, var(--paper-hi) 0%, #f7f5ef 45%, #e6e0d3 82%, var(--paper) 100%);transform-origin:50% 100%;height:30px;position:relative;transform:perspective(700px)rotateX(-24deg)}.curl:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='6'%3E%3Cpath d='M0 6L2.5 1.5L6 5L9.5 0.5L13 4.5L16 1L19.5 5.5L23 1.5L26 4L30 0.5L33 5L36.5 1L40 4.5L43 1.5L46.5 5L50 0.5L53 4L56.5 1.5L60 6Z' fill='%23fbf9f4'/%3E%3C/svg%3E") 0 100%/60px 6px repeat-x;height:6px;position:absolute;bottom:100%;left:0;right:0}.curl:after{content:"";z-index:-1;filter:blur(6px);background:radial-gradient(50% 60% at 50% 30%,#00000080,#0000 70%);height:26px;position:absolute;top:-10px;left:4%;right:4%;transform:translateY(-14px)}.roll:after{content:"";background:radial-gradient(circle at 5px 100%, transparent 2.4px, var(--paper) 2.9px) 0 0 / 10px 6px repeat-x;height:6px;position:absolute;top:100%;left:0;right:0}.c{text-align:center}.r{text-align:right}.fb{font-size:var(--fb);line-height:1.55}.em,strong,b{font-weight:700}.cap{text-transform:uppercase;letter-spacing:.06em}.wide{text-transform:uppercase;letter-spacing:.32em;padding-left:.32em}.ink2{color:var(--ink-2)}.seal{color:var(--seal)}.x2{letter-spacing:-.01em;font-size:2em;font-weight:700;line-height:1.12}.fit{font-size:calc(100cqi / (var(--n) * .606));white-space:nowrap;line-height:1.04}.rev{background:var(--ink);color:var(--paper);text-transform:uppercase;letter-spacing:.32em;text-align:center;padding:.18em 0 .12em .32em;font-weight:700;display:block}.u{text-underline-offset:.2em;text-decoration:underline 1px}.gap{height:1.6em}.gap-s{height:.8em}.gap-l{height:3.2em}.rule,.rule2,.rule-dot{white-space:nowrap;user-select:none;color:var(--ink);line-height:1.2;display:block;overflow:hidden}.rule:before{content:"------------------------------------------------------------------------------------------------------------------------"}.rule2:before{content:"════════════════════════════════════════════════════════════════════════════════════════════════════════"}.rule-dot:before{content:"· · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·";color:var(--ink-2)}.li{align-items:baseline;gap:1ch;display:flex}.li>.l{flex:0 auto;min-width:0}.li>.dots{white-space:nowrap;min-width:2ch;color:var(--ink-2);user-select:none;flex:2ch;overflow:hidden}.li>.dots:before{content:"........................................................................................................................"}.li>.v{text-align:right;flex:none}.mod{color:var(--ink-2);font-size:var(--fb);padding-left:2ch;line-height:1.5}section{scroll-margin-top:24px;position:relative}.block+.block{margin-top:2.4em}.btn,.store,.tear,.field,.box,.qr,.barcode svg{z-index:calc(var(--z-grain) + 1);position:relative}.masthead{padding-top:1.4em}.masthead .stamp--wordmark{width:min(80%,18.5rem);margin:0 auto 1.1em;display:block}.till{grid-template-columns:1fr auto;column-gap:1ch;display:grid}.hero h1{letter-spacing:-.02em;font-weight:800}.hero .x2{font-weight:700}.hero .lede{margin-top:1em}.ctas{grid-template-columns:1fr 1fr;gap:10px;margin-top:1.6em;display:grid}.ctas .btn--primary{grid-column:1/-1}.btn{appearance:none;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;text-align:center;border:0;border-radius:0;justify-content:center;align-items:center;gap:1ch;min-height:48px;padding:.7em 1.1em;font-weight:700;text-decoration:none;transition:transform .12s ease-out,background-color .12s ease-out,color .12s ease-out;display:inline-flex}.btn--primary{background:var(--ink);color:var(--paper)}.btn--primary .arw{color:#ff8a72;transition:transform .12s ease-out}.btn--primary:hover{background:#000}.btn--primary:hover .arw{transform:translate(3px)}.btn:active{transform:translateY(1px)}.store{appearance:none;color:var(--ink);cursor:default;border:1.5px dashed var(--ink);background:0 0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;min-height:56px;padding:.5em .6em;line-height:1.25;transition:background-color .12s ease-out;display:flex}.store b{letter-spacing:.04em}.store span{font-size:var(--fb);color:var(--ink-2);letter-spacing:.12em;text-transform:uppercase}.store:hover{background:#1c1b190d}.sentence .line{letter-spacing:-.01em;margin:.5em 0 .8em;font-weight:800}.sentence .line span{display:inline}.sentence .line .l2{display:block}.sentence .arrow{color:var(--seal)}.sentence [data-t]{transition:background-color .12s ease-out,color .12s ease-out}.parts .li{cursor:default}.parts .li:hover .l{text-underline-offset:.2em;text-decoration:underline}.sentence:has([data-k=who]:hover) [data-t=who],.sentence:has([data-k=acct]:hover) [data-t=acct],.sentence:has([data-k=amt]:hover) [data-t=amt],.sentence:has([data-k=to]:hover) [data-t=to],.sentence:has([data-k=friend]:hover) [data-t=friend],.sentence:has([data-k=their]:hover) [data-t=their]{background:var(--ink);color:var(--paper)}.steps li{grid-template-columns:3ch 1fr;column-gap:1ch;display:grid}.steps li+li{margin-top:1.2em}.steps .n{font-weight:700}.steps h3{text-transform:uppercase;letter-spacing:.06em;font-weight:700}.steps p{color:var(--ink-2)}.steps code{font:inherit;color:var(--ink);font-weight:700}.steps code .arrow{color:var(--seal)}.copy{border:1.5px dashed var(--ink);padding:1em 1.2ch 1.2em;position:relative}.copy .amount{justify-content:space-between;align-items:baseline;display:flex}.copy [data-approved]{width:10.5rem;position:absolute;top:-.6em;right:.4ch}.copy .stamp--approved{width:100%}.copy .approved-wrap{padding-right:0;position:relative}.copy .approved-line{min-height:5.6em;padding-right:11rem}.copy .reprint{margin-top:1em}.btn--ghost{color:var(--ink);border:1.5px solid var(--ink);background:0 0;min-height:44px}.btn--ghost:hover{background:var(--ink);color:var(--paper)}.feed li{justify-content:space-between;gap:1ch;display:flex}.feed .who{overflow-wrap:anywhere;min-width:0}.feed .nick{color:var(--ink-2)}.feed .arrow{color:var(--seal)}.toggle{cursor:pointer;align-items:center;gap:1ch;min-height:44px;margin-top:1em;display:flex}.box{-webkit-appearance:none;appearance:none;border:1.5px solid var(--ink);cursor:pointer;background:0 0;border-radius:0;flex:none;place-content:center;width:1.15em;height:1.15em;margin:0;display:inline-grid}.box:before{content:"";background:var(--ink);clip-path:polygon(14% 44%,0 62%,46% 100%,100% 18%,84% 4%,44% 66%);width:.72em;height:.72em;transition:transform .12s ease-out;transform:scale(0)}.box:checked:before{transform:scale(1)}.box:disabled{cursor:default}.qr{width:min(62%,13rem);height:auto;color:var(--ink);margin:.8em auto;display:block}.qr--s{width:6.5rem;margin:.6em 0}.code7{letter-spacing:.32em;padding-left:.32em}.barcode{width:min(86%,19rem);margin:.8em auto 0}.barcode svg{width:100%;height:3.4em;color:var(--ink);display:block}.barcode figcaption{text-align:center;font-size:var(--fb);letter-spacing:.42em;white-space:pre;margin-top:.2em;padding-left:.42em}.slots li{align-items:center;gap:1ch;min-height:40px;display:flex}.slots label{cursor:pointer;flex:1;align-items:center;gap:1ch;min-width:0;display:flex}.slots label:has(:disabled){cursor:default}.slots .li{flex:1;min-width:0}.total .held{letter-spacing:.04em;margin-top:.4em;font-weight:800}.total .zero{color:var(--seal);letter-spacing:-.03em;margin:.08em 0 .12em;font-weight:800;line-height:.92}.slip{background:var(--slip);color:var(--ink);font-size:var(--fb);width:15.5rem;rotate:var(--tilt,-2deg);padding:22px 16px 16px;line-height:1.55;position:relative;box-shadow:0 1px 1px #00000047,0 10px 22px -8px #0000008c}.slip:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='5'%3E%3Cpath d='M0 0L3 4.5L6.5 1L10 5L13 1.5L16.5 4.5L20 0.5L23.5 4L27 1L30.5 5L34 1.5L37 4.5L40 0Z' fill='%23f8f7f2'/%3E%3C/svg%3E") 0 0/40px 5px repeat-x;height:5px;position:absolute;top:100%;left:0;right:0}.staple{z-index:1;width:38px;height:9px;position:absolute;top:7px;left:50%;translate:-50%}.slip h3{letter-spacing:.14em;text-transform:uppercase;margin-bottom:.5em;font-weight:700}.slip .rule{color:var(--ink-2);margin:.4em 0}.blurred{transition:filter .2s ease-out}.privacy-on .blurred{filter:blur(4.5px)}.slip .toggle{min-height:40px;margin-top:.6em}@media (width>=1180px){.slip{top:var(--top,0);z-index:2;position:absolute}.slip--l{right:calc(100% + 64px)}.slip--r{left:calc(100% + 64px)}}@media (width<=1179.98px){.slip{width:min(100%,17rem);margin:2.2em auto .4em;box-shadow:0 1px 1px #0000002e,0 8px 16px -8px #00000059}}.stub{transition:transform .6s var(--spring);margin-top:12px;box-shadow:0 1px 1px #00000059,0 16px 34px -14px #000000bf}.stub:before{content:"";background:radial-gradient(circle at 5px 0, transparent 2.4px, var(--paper) 2.9px) 0 0 / 10px 6px repeat-x;height:6px;position:absolute;bottom:100%;left:0;right:0}.stub:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='6'%3E%3Cpath d='M0 0L3 4.5L6 1L9.5 5.5L13 1.5L16 4L20 0.5L23 5L26.5 1L30 4.5L33 1.5L36.5 5L40 0.5L43 4L46.5 1.5L50 5L53 1L56.5 4.5L60 0Z' fill='%23f4f1e9'/%3E%3C/svg%3E") 0 0/60px 6px repeat-x;height:6px;position:absolute;top:100%;left:0;right:0}.stub .roll-inner{padding-top:1.6em;padding-bottom:1.8em}.stub.torn{transform:translate(10px,40px)rotate(-2.4deg)}.stub.dragging{user-select:none;transition:none}.tear{z-index:4;cursor:grab;touch-action:none;background:var(--paper);color:var(--ink);border:1.5px dashed var(--ink);min-height:36px;font-size:var(--fb);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.8ch;padding:.35em 1.1ch;font-weight:700;transition:background-color .12s ease-out,color .12s ease-out;display:inline-flex;position:absolute;top:-6px;left:50%;translate:-50% -50%}.tear:hover{background:var(--ink);color:var(--paper)}.tear:active{cursor:grabbing}.tear svg{width:1.3em;height:1.3em}.torn .tear{opacity:0;pointer-events:none}.field{gap:.35em;margin-top:1.2em;display:grid}.field label{font-size:var(--fb);letter-spacing:.14em;text-transform:uppercase;font-weight:700}.field input{border:0;border-bottom:2px solid var(--ink);width:100%;min-height:48px;color:var(--ink);background:0 0;border-radius:0;padding:.4em 0;font-size:max(16px,1em)}.field input::placeholder{color:#77726a}.field input:focus-visible{border-bottom-color:var(--seal);box-shadow:0 2px 0 var(--seal);outline:none}.stub form .btn{width:100%;margin-top:1em}.note{font-size:var(--fb);color:var(--ink-2);margin-top:.8em}.note b{color:var(--ink)}.done-msg{margin-top:1em}.stub .ctas{margin-top:1.2em}.reattach{cursor:pointer;color:#f4f1e9bf;font-size:var(--fb);letter-spacing:.12em;text-transform:uppercase;text-underline-offset:.3em;background:0 0;border:0;min-height:40px;margin:64px auto 0;text-decoration:underline;display:block}.site-foot{width:min(100% - 32px,46rem);padding:0 0 calc(56px + env(safe-area-inset-bottom));color:#f4f1e9b8;font-size:var(--fb);text-align:center;margin:96px auto 0;line-height:1.7}.site-foot nav{flex-wrap:wrap;justify-content:center;gap:.4em 2.4ch;margin:1em 0;display:flex}.site-foot a{color:#f4f1e9e6;text-underline-offset:.25em}.site-foot a:hover{color:#fff}.site-foot .mini{width:2.2rem;color:var(--seal);margin-bottom:.6em;display:inline-block}.stamp{color:var(--seal);rotate:var(--rot,-2deg);transform-origin:50% 55%;background:0 0;border:0;margin:0;padding:0;line-height:0;display:inline-block}.stamp svg{width:100%;height:auto;display:block;overflow:visible}.stamp text{font-family:inherit}.stamp--live{cursor:pointer;border-radius:12px}.stamp--live:focus-visible{outline-offset:6px}.stamp-ghost{opacity:0;pointer-events:none}.printer{display:none}.js-print .printer{z-index:var(--z-printer);width:min(100%, calc(var(--w) + 72px));height:calc(var(--printer-h) + env(safe-area-inset-bottom));pointer-events:none;transition:transform .55s cubic-bezier(.55,0,.8,.2);display:block;position:fixed;bottom:0;left:50%;translate:-50%}.printer-body{background:linear-gradient(#2f2c28 0,#1e1c1a 18%,#151412 60%,#100f0e 100%);border-radius:16px 16px 0 0;position:absolute;inset:0;box-shadow:0 -18px 40px -12px #000000b3,inset 0 1px #ffffff17}.printer .lip{background:linear-gradient(#050505,#1a1816);border-radius:0 0 4px 4px;height:9px;position:absolute;top:0;left:30px;right:30px;box-shadow:inset 0 3px 4px #000000e6}.printer .teeth{filter:drop-shadow(0 1px #0009);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='5'%3E%3Cpath d='M0 5L3 0L6 5Z' fill='%23a6a198'/%3E%3C/svg%3E") 0 0/6px 5px repeat-x;height:5px;position:absolute;top:-3px;left:26px;right:26px}.printer .label{letter-spacing:.32em;color:#6b665e;text-transform:uppercase;text-shadow:0 1px #000c;font-size:10px;position:absolute;top:22px;left:34px}.printer .led{background:#3a3632;border-radius:50%;width:6px;height:6px;transition:background-color 80ms,box-shadow 80ms;position:absolute;top:25px;right:38px;box-shadow:inset 0 1px 1px #0009}.printer.busy .led{background:#ffe7c2;box-shadow:0 0 6px 2px #ffd6968c}.printer.busy .printer-body{animation:70ms steps(2,end) infinite buzz}.printer.gone{transform:translateY(calc(100% + 24px))}@keyframes buzz{50%{transform:translateY(.6px)}}.js-print:not(.ready) .roll-intro{visibility:hidden}.js-print .p{clip-path:inset(0 0 100%)}.js-print .p.on{clip-path:none;animation:print var(--dur,.14s) steps(var(--rows,6), end) var(--delay,0s) backwards}.js-print .p.now{animation:none}.js-print .p.stampy,.js-print .p.slip{clip-path:none;opacity:0}.js-print .p.slip.on{opacity:1;animation:slipin .5s var(--spring) var(--delay,0s) backwards}.js-print .p.slip.now{animation:none}@keyframes slipin{0%{opacity:0;transform:translateY(-14px)rotate(5deg)scale(1.04)}}.js-print .p.stampy.on{opacity:1;animation:none}@keyframes print{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@supports (animation-timeline:scroll()){.js-print .roll-wrap.feeding{animation-name:feed;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-iteration-count:var(--feed-n,1);animation-timeline:scroll(root)}}@keyframes feed{0%{transform:translateY(0)}to{transform:translateY(var(--feed-px,0px))}}@media (width>=1400px) and (height>=1000px){:root{--w:33rem;--fa:16.5px;--fb:13.5px;--pad:2.2rem}}@media (width<=560px){:root{--pad:18px;--fa:14px;--fb:12px;--printer-h:54px}.scene{padding:28px 0 0}.roll-wrap,.js-print .printer{width:100%}.printer-body{border-radius:0}.printer .lip,.printer .teeth{left:0;right:0}.printer .label{top:20px;left:18px}.printer .led{top:22px;right:22px}.stub.torn{transform:translate(4px,36px)rotate(-2deg)}.copy [data-approved]{width:8.6rem}.copy .approved-line{padding-top:5.4em;padding-right:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stub{transition:none}.curl{transform:none}}
