@font-face{font-family:Shantell Sans;src:url(/fonts/hissa-hand.woff2) format("woff2");font-weight:300 800;font-style:normal;font-display:swap}@font-face{font-family:Caveat;src:url(/fonts/hissa-scrawl.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Courier Prime;src:url(/fonts/hissa-ledger.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Courier Prime;src:url(/fonts/hissa-ledger-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{color-scheme:light;--ground: #e7ddc6;--paper: #f3ecda;--paper-2: #efe6d0;--paper-edge: #e2d7bd;--rule: rgba(120, 106, 84, .16);--dot: rgba(120, 106, 84, .13);--margin-line: rgba(198, 122, 138, .42);--stain: rgba(150, 122, 72, .05);--tape: rgba(214, 196, 156, .45);--ink: #2b2925;--ink-2: #55503f;--ink-3: #837b66;--ink-line: rgba(43, 41, 37, .32);--rose: #b4697c;--sage: #6f8a63;--slate: #5a7191;--warn: #a4483f;--hand: "Shantell Sans", "Comic Sans MS", ui-rounded, system-ui, sans-serif;--scrawl: "Caveat", "Segoe Script", cursive;--ledger: "Courier Prime", ui-monospace, "SF Mono", Menlo, monospace;--step--1: clamp(.78rem, .76rem + .1vw, .84rem);--step-0: clamp(.95rem, .92rem + .16vw, 1.05rem);--step-1: clamp(1.15rem, 1.08rem + .35vw, 1.35rem);--step-2: clamp(1.45rem, 1.3rem + .7vw, 1.9rem);--step-3: clamp(1.9rem, 1.6rem + 1.4vw, 2.8rem);--line-pitch: 32px;--gap: 12px;--pad: 20px;--shadow-hard: 3px 3px 0 rgba(43, 41, 37, .16);--shadow-lift: 5px 6px 0 rgba(43, 41, 37, .14);--tilt: 0deg}[data-theme=dark]{color-scheme:dark;--ground: #171512;--paper: #211f1b;--paper-2: #262320;--paper-edge: #35312a;--rule: rgba(226, 213, 184, .1);--dot: rgba(226, 213, 184, .09);--margin-line: rgba(198, 122, 138, .34);--stain: rgba(226, 200, 140, .03);--tape: rgba(226, 213, 184, .09);--ink: #ece3cf;--ink-2: #c3b99f;--ink-3: #938b76;--ink-line: rgba(236, 227, 207, .3);--rose: #d2899a;--sage: #93ac86;--slate: #8299b8;--warn: #d98177;--shadow-hard: 3px 3px 0 rgba(0, 0, 0, .4);--shadow-lift: 5px 6px 0 rgba(0, 0, 0, .36)}@media(prefers-color-scheme:dark){[data-theme=system]{color-scheme:dark;--ground: #171512;--paper: #211f1b;--paper-2: #262320;--paper-edge: #35312a;--rule: rgba(226, 213, 184, .1);--dot: rgba(226, 213, 184, .09);--margin-line: rgba(198, 122, 138, .34);--stain: rgba(226, 200, 140, .03);--tape: rgba(226, 213, 184, .09);--ink: #ece3cf;--ink-2: #c3b99f;--ink-3: #938b76;--ink-line: rgba(236, 227, 207, .3);--rose: #d2899a;--sage: #93ac86;--slate: #8299b8;--warn: #d98177;--shadow-hard: 3px 3px 0 rgba(0, 0, 0, .4);--shadow-lift: 5px 6px 0 rgba(0, 0, 0, .36)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:var(--hand);font-size:var(--step-0);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.paper{min-height:100dvh;background:var(--ground)}.sheet{position:relative;max-width:560px;margin-inline:auto;min-height:100dvh;padding:var(--pad) var(--pad) calc(140px + env(safe-area-inset-bottom));padding-left:46px;background-color:var(--paper);background-image:radial-gradient(ellipse 60% 30% at 84% 9%,var(--stain),transparent 70%),radial-gradient(ellipse 45% 26% at 10% 72%,var(--stain),transparent 70%),linear-gradient(var(--margin-line),var(--margin-line)),repeating-linear-gradient(to bottom,transparent 0 calc(var(--line-pitch) - 1px),var(--rule) calc(var(--line-pitch) - 1px) var(--line-pitch)),radial-gradient(var(--dot) .9px,transparent .9px);background-size:100% 100%,100% 100%,1.5px 100%,100% 100%,16px 16px;background-position:0 0,0 0,32px 0,0 0,4px 4px;background-repeat:no-repeat,no-repeat,no-repeat,repeat,repeat;box-shadow:0 0 0 1px var(--paper-edge),0 14px 40px #2b29251a}@media(max-width:460px){.sheet{padding-left:var(--pad);background-image:radial-gradient(ellipse 60% 30% at 84% 9%,var(--stain),transparent 70%),radial-gradient(ellipse 45% 26% at 10% 72%,var(--stain),transparent 70%),repeating-linear-gradient(to bottom,transparent 0 calc(var(--line-pitch) - 1px),var(--rule) calc(var(--line-pitch) - 1px) var(--line-pitch)),radial-gradient(var(--dot) .9px,transparent .9px);background-size:100% 100%,100% 100%,100% 100%,16px 16px;background-position:0 0,0 0,0 0,4px 4px;background-repeat:no-repeat,no-repeat,repeat,repeat;box-shadow:none}}.tilt{transform:rotate(var(--tilt))}.sticky{background:var(--paper-2);border:1px solid var(--paper-edge);box-shadow:var(--shadow-hard);padding:14px 16px;margin-inline:6px 10px;transform:rotate(var(--tilt))}.dashed{border:1.5px dashed var(--ink-line);background:none}.rule-dash{border:none;border-top:1.5px dashed var(--ink-line);margin:var(--gap) 0}.tape{position:relative}.tape:before{content:"";position:absolute;top:-9px;left:50%;width:78px;height:18px;transform:translate(-50%) rotate(-2.5deg);background:var(--tape);border-inline:1px dashed var(--rule)}.dogear{position:relative}.dogear:after{content:"";position:absolute;right:0;bottom:0;border-width:0 0 18px 18px;border-style:solid;border-color:transparent transparent var(--paper) transparent;filter:drop-shadow(-1px -1px 0 var(--paper-edge))}.scrawl{font-family:var(--scrawl);font-size:1.22em;line-height:1.25;color:var(--ink-2)}.note{font-family:var(--scrawl);font-size:1.15em;color:var(--rose)}.strike{text-decoration:line-through;text-decoration-thickness:1.5px;color:var(--ink-3)}.field-note:before{content:attr(data-label) " → ";color:var(--ink-3);font-family:var(--hand)}.amt{font-family:var(--ledger);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1;letter-spacing:-.02em;white-space:nowrap}.amt-lg{font-size:var(--step-3);font-weight:700;letter-spacing:-.04em}.amt-md{font-size:var(--step-1);font-weight:700}.amt-dim{color:var(--ink-3)}h1,h2,h3{font-family:var(--hand);font-weight:700;line-height:1.15;margin:0 0 .4em;letter-spacing:-.015em}h1{font-size:var(--step-3)}h2{font-size:var(--step-2)}h3{font-size:var(--step-1)}p{margin:0 0 .85em}.prose{max-width:62ch;line-height:1.85;font-weight:350}.prose p{margin-bottom:1.2em}.eyebrow{font-family:var(--ledger);font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.dim{color:var(--ink-3)}.small{font-size:var(--step--1)}.underline-draw{position:relative;display:inline-block}.underline-draw>svg{position:absolute;left:-2%;bottom:-.42em;width:104%;height:.5em;overflow:visible;pointer-events:none}.underline-draw path{fill:none;stroke:var(--rose);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:var(--len, 300);stroke-dashoffset:var(--len, 300)}.underline-draw.drawn path{transition:stroke-dashoffset .7s cubic-bezier(.4,0,.2,1);stroke-dashoffset:0}button,input,select,textarea{font:inherit;color:inherit}.btn{display:block;width:100%;padding:15px 18px;background:var(--ink);color:var(--paper);border:none;font-family:var(--hand);font-weight:700;font-size:var(--step-0);cursor:pointer;box-shadow:var(--shadow-hard);transform:rotate(var(--tilt));transition:transform .12s ease,box-shadow .12s ease}.btn:active{transform:rotate(var(--tilt)) translate(2px,2px);box-shadow:1px 1px #2b292529}.btn:disabled{opacity:.34;cursor:default;box-shadow:none;transform:none}.btn-alt{background:var(--paper-2);color:var(--ink);border:1px solid var(--paper-edge);box-shadow:var(--shadow-hard)}.choice{display:block;width:100%;text-align:left;background:var(--paper-2);border:1px solid var(--paper-edge);box-shadow:var(--shadow-lift);padding:16px 18px;cursor:pointer;transform:rotate(var(--tilt));transition:transform .14s ease,box-shadow .14s ease}.choice:hover{transform:rotate(var(--tilt)) translate(-1px,-2px);box-shadow:6px 8px #2b292529}.choice:active{transform:rotate(var(--tilt)) translate(2px,2px);box-shadow:2px 2px #2b292524}.choice b{display:block;font-size:var(--step-1);margin-bottom:2px}.tiny{border:1px solid var(--paper-edge);background:var(--paper-2);color:var(--ink-2);padding:9px 13px;font-size:var(--step--1);font-family:var(--hand);cursor:pointer;box-shadow:2px 2px #2b292521;transition:transform .1s ease,box-shadow .1s ease}.tiny:hover{color:var(--ink)}.tiny:active{transform:translate(1px,1px);box-shadow:1px 1px #2b292521}.tiny.on{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:2px 2px #2b292538}.link{background:none;border:none;padding:0;color:var(--ink-2);font-family:var(--scrawl);font-size:1.2em;cursor:pointer;text-decoration:underline;text-decoration-style:wavy;text-underline-offset:3px}.write{width:100%;background:none;border:none;border-bottom:1.5px dashed var(--ink-line);padding:8px 2px;font-family:var(--hand);font-size:var(--step-0);border-radius:0}.write:focus{outline:none;border-bottom-color:var(--rose);border-bottom-style:solid}.write::placeholder{color:var(--ink-3);opacity:.75}.write.amt{font-family:var(--ledger);text-align:right}:where(button,input,a,[tabindex]):focus-visible{outline:2.5px solid var(--slate);outline-offset:2px}.row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--gap)}.stack>*+*{margin-top:var(--gap)}.stack-lg>*+*{margin-top:calc(var(--gap) * 2)}.bar{position:fixed;inset:auto 0 0;background:var(--ink);color:var(--paper);padding:12px 16px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -3px #2b292524;z-index:20}.bar-in{max-width:560px;margin-inline:auto;display:flex;justify-content:space-between;align-items:center;gap:var(--gap)}.bar .amt{color:var(--paper)}.ghost{background:#f3ecda1f;border:1px solid rgba(243,236,218,.3);color:var(--paper);padding:11px 15px;font-size:var(--step--1);font-family:var(--hand);cursor:pointer;transition:background .12s ease}.ghost:hover:not(:disabled){background:#f3ecda38}.ghost:disabled{opacity:.5;cursor:default}.chip{display:inline-flex;align-items:center;gap:5px;font-family:var(--scrawl);font-size:1.05em;color:#fff;padding:1px 9px 2px;border-radius:12px;transform:rotate(var(--tilt))}.toast{position:fixed;left:50%;bottom:104px;transform:translate(-50%) rotate(-1.4deg);background:var(--ink);color:var(--paper);padding:10px 18px;box-shadow:var(--shadow-lift);z-index:30;font-family:var(--scrawl);font-size:1.2em}.lines{content-visibility:auto;contain-intrinsic-size:auto 640px}@keyframes land{0%{opacity:0;transform:rotate(var(--tilt)) translateY(-6px) scale(.86)}to{opacity:1;transform:rotate(var(--tilt)) translateY(0) scale(1)}}.landed{animation:land .32s cubic-bezier(.2,.9,.3,1.3)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.tilt,.sticky,.btn,.choice,.chip,.toast{transform:none!important}.toast{transform:translate(-50%)!important}.underline-draw path{stroke-dashoffset:0}}.view{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover;background:#17150f;border:1px solid var(--paper-edge);box-shadow:var(--shadow-lift)}.shutter{width:74px;height:74px;border-radius:50%;border:3px solid var(--ink);background:var(--paper);cursor:pointer;padding:0;box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 7px var(--ink);transition:transform .1s ease}.shutter:active{transform:scale(.93)}.shutter:disabled{opacity:.35;cursor:default}.choice:disabled{opacity:.34;cursor:default;transform:none;box-shadow:none}.item{display:block;width:100%;text-align:left;background:none;border:none;border-bottom:1.5px dashed var(--ink-line);padding:11px 4px;cursor:pointer;font:inherit;color:inherit}.item.on{background:color-mix(in srgb,var(--rose) 11%,transparent);box-shadow:inset 3px 0 0 var(--rose)}.item:last-child{border-bottom:none}.step{position:relative;border:none;background:#ffffff4d;color:#fff;width:21px;height:21px;border-radius:50%;font-size:13px;line-height:1;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;font-family:var(--ledger)}.step:after{content:"";position:absolute;top:50%;left:50%;width:30px;height:42px;transform:translate(-50%,-50%)}.line-grid{display:grid;grid-template-columns:1fr 3.2rem 6.5rem;gap:8px;align-items:end}.scratch{border:none;background:none;color:var(--ink-3);font-family:var(--ledger);font-size:1.05rem;line-height:1;padding:6px 4px;cursor:pointer}.scratch:hover:not(:disabled){color:var(--warn)}.scratch:disabled{opacity:.25;cursor:default}.doodle{position:absolute;color:var(--ink-3);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}@media(max-width:560px){.doodle{display:none}}.theme-toggle{position:absolute;top:14px;right:12px;z-index:5;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--paper-edge);background:var(--paper-2);color:var(--ink-3);font-size:15px;line-height:1;cursor:pointer;border-radius:50%;padding:0;box-shadow:2px 2px #2b29251f}.theme-toggle:hover{color:var(--ink)}.theme-toggle:active{transform:translate(1px,1px);box-shadow:1px 1px #2b29251f}.cta{border:none;background:none;padding:0;font:inherit;font-weight:700;color:var(--ink);cursor:pointer;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:var(--rose)}.cta:hover{color:var(--rose)}.cta:active{text-underline-offset:1px}.stub{position:relative;display:inline-flex;align-items:center;gap:7px;padding:7px 13px 7px 16px;border:1px solid var(--paper-edge);background:var(--paper-2);box-shadow:var(--shadow-hard);cursor:pointer;font-family:var(--ledger);font-size:var(--step-0);font-weight:700;letter-spacing:.09em;color:var(--ink);transform:rotate(var(--tilt));transition:transform .14s ease,box-shadow .14s ease}.stub:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:repeating-linear-gradient(to bottom,var(--paper-edge) 0 3px,transparent 3px 7px)}.stub:hover{transform:rotate(var(--tilt)) translate(-1px,-2px);box-shadow:var(--shadow-lift)}.stub:active{transform:rotate(var(--tilt)) translate(2px,2px);box-shadow:1px 1px #2b292524}.stub span{font-family:var(--scrawl);font-weight:400;font-size:1.05em;color:var(--ink-3);letter-spacing:0}