:root{--paper:#fff;--print:#111;--ink-black:#141414;--ink-red:#e5231b;--ink-blue:#1e46d6;--ink-yellow:#ffe81a;--ink-green:#11a04b;--font-print:"Helvetica Neue", Helvetica, Arial, sans-serif;--z-marks:1;--z-ink:2;--z-live:40;--z-notes:50;--z-tray:60;--hero-size:clamp(52px, 14vw, 168px);--h2-size:clamp(36px, 6.5vw, 112px);--big-size:clamp(26px, 3.4vw, 52px);--list-size:clamp(22px, 2.5vw, 38px);--name-size:clamp(26px, 2.3vw, 34px);--body-size:17px;--small-size:13px;--gutter:clamp(16px, 4vw, 56px);--gutter-l:max(var(--gutter), env(safe-area-inset-left,0px));--gutter-r:max(var(--gutter), env(safe-area-inset-right,0px));--col-gap:clamp(12px, 2.4vw, 36px);--section-pad:clamp(72px, 10vw, 160px);--head-h:116px;--tray-room:calc(80px + env(safe-area-inset-bottom,0px))}@media (min-width:768px){:root{--hero-size:clamp(44px, 9vw, 168px);--body-size:18px;--head-h:92px}}*,:before,:after{box-sizing:border-box}html{background:var(--paper);color:var(--print);font-family:var(--font-print);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-tap-highlight-color:transparent;scroll-padding-bottom:var(--tray-room)}body{background:var(--paper);font-size:var(--body-size);margin:0;line-height:1.4}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}#sheet{background:var(--paper);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative;overflow-x:clip}:where(#sheet) :where(a,img,svg){-webkit-user-drag:none}:where(#sheet) :where(h1,h2,h3,p,ul,figure){margin:0}:where(#sheet) :where(ul[role=list]){padding:0;list-style:none}:where(#sheet) :where(a){color:inherit;text-decoration:none}:where(#sheet) :where(button){appearance:none;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}:where(#sheet) :where(label){cursor:pointer}#sheet :focus-visible:not([data-enhanced]){outline:2px solid var(--ink-red);outline-offset:4px}#sheet label:not([data-enhanced]):has(>input:focus-visible){outline:2px solid var(--ink-red);outline-offset:4px}#sheet label:not([data-enhanced])>input:focus-visible{outline:none}#sheet>header,#sheet>main,#sheet>footer,#sheet section{margin:0}#pad{display:flow-root}#sheet>header{min-height:var(--head-h);padding:10px var(--gutter-r) 6px var(--gutter-l);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2px 24px;display:flex}.logo{align-items:flex-start;min-height:48px;line-height:1;display:inline-flex}.logo-reg{margin:4px 0 0 14px;font-size:15px;font-weight:700}.logo-aside{margin:6px 0 0 22px}#sheet>header nav{flex:100%}.nav-list{justify-content:space-between;align-items:center;gap:8px;display:flex}.nav-list a,.nav-bag{font-size:var(--body-size);letter-spacing:-.01em;white-space:nowrap;align-items:center;padding:3px;font-weight:700;line-height:1.2;display:inline-flex;position:relative}.nav-bag{padding:4px 9px}.nav-list a:before,.nav-bag:before{content:"";position:absolute;inset:-11px -8px}@media (min-width:768px){#sheet>header{flex-wrap:nowrap;padding-block:14px 10px}#sheet>header nav{flex:0 auto}.nav-list{gap:clamp(20px,2.6vw,40px)}.nav-list a,.nav-bag{font-size:clamp(18px,1.5vw,22px)}}#top{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:auto var(--band) auto;column-gap:var(--col-gap);--band:clamp(170px, 26svh, 230px);padding:2px var(--gutter-r) 56px var(--gutter-l);scroll-margin-top:100vh;display:grid;position:relative}#top h1{font-size:var(--hero-size);letter-spacing:-.025em;grid-area:1/1/2/-1;font-weight:700;line-height:.92}.hint{grid-area:3/1/4/-1;place-self:end;margin-top:14px;padding:0 4px 6px 0;line-height:1;position:relative}.hint>.hint-arrow{width:76px;height:52px;display:block;position:absolute;bottom:70%;right:calc(100% + 4px);transform:rotate(200deg)}body:has([data-testid=note-uncap]:not(.is-leaving)) .hint{visibility:hidden}.zone,.demo-spot{pointer-events:none;min-width:0;min-height:0}@media (max-width:767.98px){#top .demo-spot{grid-area:2/1/3/5;align-self:start;height:46%;margin-top:18px}#top .zone[data-zone=top-a]{width:21%;height:1.75em;font-size:var(--hero-size);grid-area:1/1/2/-1;place-self:end}#top .zone[data-zone=top-g]{width:21%;height:.95em;font-size:var(--hero-size);grid-area:1/1/2/-1;place-self:start end;margin-top:.95em}#top .zone[data-zone=top-b]{grid-area:2/5/3/7;align-self:start;height:48%}#top .zone[data-zone=top-c]{grid-area:2/5/3/7;align-self:end;height:42%;margin-bottom:6px}#top .zone[data-zone=top-d]{grid-area:2/1/3/3;align-self:end;height:26%;margin-bottom:42px}#top .zone[data-zone=top-h]{grid-area:2/3/3/5;align-self:end;height:26%;margin-bottom:42px}#top .zone[data-zone=top-e]{grid-area:3/1/4/4;align-self:end;height:64px;margin-bottom:-54px}#top .zone[data-zone=top-f]{grid-area:3/4/4/-1;align-self:end;height:46px;margin-bottom:-52px}}@media (min-width:768px){#top{--top-pad:clamp(4px, 1vw, 16px);grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto minmax(32px, 1fr) minmax(32px, 1fr) auto calc(var(--head-h) + var(--tray-room));min-height:100vh;min-height:100svh;padding:var(--top-pad) var(--gutter-r) 0 var(--gutter-l)}.hint{grid-area:4/7/5/-1;margin-top:60px}.hint>.hint-arrow{width:96px;height:64px}#top .demo-spot{grid-area:4/5/5/9}#top .zone[data-zone=top-a],#top .zone[data-zone=top-b],#top .zone[data-zone=top-c]{font-size:var(--hero-size);height:.78em;position:absolute}#top .zone[data-zone=top-a]{top:calc(var(--top-pad) + .07em);left:calc(var(--gutter-l) + 6.55em);width:3.35em}#top .zone[data-zone=top-b]{top:calc(var(--top-pad) + 1.91em);left:calc(var(--gutter-l) + 6.75em);width:3.15em}#top .zone[data-zone=top-c]{top:calc(var(--top-pad) + 2.83em);left:calc(var(--gutter-l) + 5.15em);width:4.75em}#top .zone[data-zone=top-d]{grid-area:2/1/3/6;margin-top:clamp(18px,2.2vw,36px)}#top .zone[data-zone=top-e]{grid-area:3/3/4/7}#top .zone[data-zone=top-f]{grid-area:5/2/6/8}#top .zone[data-zone=top-g]{grid-area:2/8/4/13;margin-top:clamp(18px,2.2vw,36px);margin-bottom:40px}#top .zone[data-zone=top-h]{margin-bottom:var(--tray-room);grid-area:5/9/6/13}#top h1{max-width:10.4em}}#sheet>footer{padding:28px var(--gutter-r) calc(var(--tray-room) + 16px) var(--gutter-l);font-size:var(--small-size);flex-direction:column;gap:6px;font-weight:700;line-height:1.45;display:flex}.reg-note{position:relative}.reg-note oops-hand{white-space:nowrap;transform-origin:0 100%;position:absolute;bottom:72%;left:calc(100% - 2px);transform:rotate(-5deg)}.back{text-underline-offset:3px;margin-left:4px;text-decoration:underline}@media (min-width:768px){#sheet>footer{padding-top:clamp(48px,7vw,96px);padding-bottom:calc(var(--tray-room) + 28px);flex-direction:row;justify-content:space-between;gap:24px}}#sheet h2{font-size:var(--h2-size);letter-spacing:-.025em;font-weight:700;line-height:.95}#sheet h2 .line{display:block}#markers{column-gap:var(--col-gap);padding:clamp(40px, 7vw, 112px) var(--gutter-r) 0 var(--gutter-l);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}#markers h2{grid-column:1/-1}#markers .zone[data-zone=markers-a]{grid-column:2/-1;height:88px;margin-block:14px 18px}#markers .zone[data-zone=markers-b]{grid-column:1/6;height:120px}.cards{grid-column:1/-1;row-gap:64px;display:grid}.card{--tilt:0deg;--art-tilt:0deg;transform:rotate(var(--tilt));grid-template-columns:auto minmax(0,1fr);grid-template-areas:"art art""ink ink""name price""nib price""line line""actions actions";align-items:start;column-gap:16px;display:grid}.card[data-marker=fat]{--art-tilt:-1.6deg}.card[data-marker=red]{--art-tilt:1.2deg}.card[data-marker=blue]{--art-tilt:-.8deg}.card[data-marker=hi]{--art-tilt:1.8deg}.card[data-marker=green]{--art-tilt:-1.2deg}.card-art{transform:rotate(var(--art-tilt));grid-area:art}.card-art svg{width:100%;height:auto;display:block;overflow:visible}.card-ink{grid-area:ink;align-items:center;height:30px;margin-top:10px;display:flex;position:relative}.ink-bar{display:block;position:relative}.ink-bar>svg,.ink-fill>svg{position:absolute;top:0;left:0}.ink-fill{clip-path:inset(-40% calc((1 - var(--left,1)) * 100%) -40% -10%);position:absolute;inset:0}.card-ink>.ink-dead{position:absolute;top:-2px;left:58px;transform:rotate(-5deg)}.card-name{font-size:var(--name-size);letter-spacing:-.02em;grid-area:name;margin-top:20px;font-weight:700;line-height:1.02}.nib{font-size:var(--small-size);grid-area:nib;margin-top:6px;font-weight:700;line-height:1.3}.nib .highlit{padding:0 2px}.price{transform-origin:0 100%;grid-area:price;justify-self:start;margin:12px 0 0 6px;line-height:1;transform:rotate(-5deg)}.price del{letter-spacing:-.02em;margin-top:18px;font-size:26px;font-weight:700;display:inline-block}.card-line{grid-area:line;min-height:30px;margin-top:14px;line-height:1.25}.card-actions{flex-wrap:wrap;grid-area:actions;align-items:center;gap:8px 28px;margin-top:16px;display:flex}.pick,.pad-button{align-items:center;gap:6px;min-height:48px;padding:6px 14px;line-height:1;display:inline-flex}.pick-tick{width:22px;height:20px;display:none}.pick[aria-pressed=true] .pick-tick{display:inline-block}.add{align-items:center;gap:10px;min-height:48px;padding:4px 2px;line-height:1;display:inline-flex}@media (min-width:768px){#markers{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;row-gap:72px}#markers h2{grid-area:1/1/2/9}#markers .zone[data-zone=markers-a]{grid-area:1/9/2/13;align-self:stretch;height:auto;min-height:120px;margin-block:0}.cards{grid-area:2/1/5/13;grid-template-columns:subgrid;grid-template-rows:subgrid}.card[data-marker=fat]{--tilt:-1.2deg;grid-area:1/1/2/7}.card[data-marker=red]{--tilt:1.5deg;grid-area:1/7/2/13;margin-top:96px}.card[data-marker=blue]{--tilt:.7deg;grid-area:2/1/3/7}.card[data-marker=hi]{--tilt:-1.4deg;grid-area:2/7/3/13;margin-top:96px}.card[data-marker=green]{--tilt:1.1deg;grid-area:3/2/4/8}#markers .zone[data-zone=markers-b]{grid-area:4/8/5/13;height:auto;min-height:200px;margin-top:96px}}@media (min-width:1200px){.cards{grid-area:2/1/4/13}.card[data-marker=fat]{grid-area:1/1/2/5}.card[data-marker=red]{grid-area:1/5/2/9;margin-top:104px}.card[data-marker=blue]{grid-area:1/9/2/13;margin-top:28px}.card[data-marker=hi]{grid-area:2/2/3/6;margin-top:0}.card[data-marker=green]{grid-area:2/6/3/10;margin-top:88px}#markers .zone[data-zone=markers-b]{grid-area:3/10/4/13;min-height:240px;margin-top:0}}#why{column-gap:var(--col-gap);padding:var(--section-pad) var(--gutter-r) 0 var(--gutter-l);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}#why h2{text-wrap:balance;grid-area:1/1/2/-1;padding-top:.75em;line-height:1.9}#why .big{max-width:21em;font-size:var(--big-size);letter-spacing:-.02em;text-wrap:pretty;grid-column:1/-1;margin-top:clamp(28px,4vw,56px);font-weight:700;line-height:1.08}#why .zone[data-zone=why-a]{grid-column:2/-1;height:96px}.checklist{font-size:var(--list-size);letter-spacing:-.015em;grid-column:1/-1;gap:14px;font-weight:700;line-height:1.1;display:grid}.checklist li{flex-wrap:wrap;align-items:center;column-gap:.45em;min-height:48px;display:flex}.checklist .tickbox{flex:none;width:.95em;height:.95em;position:relative}.tickbox>.tickbox-box{position:absolute;inset:0}.tickbox>.tickbox-tick{width:1.05em;height:1.05em;position:absolute;top:-.32em;left:.12em}.checklist .erasable{align-items:center;gap:.45em;min-height:48px;display:inline-flex}.checklist .nice-try{font-size:var(--body-size)}#why .zone[data-zone=why-b]{grid-column:1/6;height:112px}@media (min-width:768px){#why{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}#why h2{padding-top:.6em;line-height:1.6}#why .big{grid-area:2/1/3/10}#why .zone[data-zone=why-a]{grid-area:2/10/3/13;align-self:stretch;height:auto;min-height:140px;margin-top:clamp(28px,4vw,56px)}.checklist{grid-area:3/5/4/13;margin-top:clamp(48px,6vw,96px)}#why .zone[data-zone=why-b]{grid-area:3/1/4/5;align-self:stretch;height:auto;min-height:200px;margin-top:clamp(48px,6vw,96px)}}@media (min-width:1200px){#why .big{grid-area:2/1/3/8}#why .zone[data-zone=why-a]{grid-area:2/9/3/13}.checklist{grid-area:3/6/4/13}#why .zone[data-zone=why-b]{grid-area:3/1/4/6}}#pad{padding:var(--section-pad) var(--gutter-r) clamp(16px, 3vw, 40px) var(--gutter-l)}.pad-space{height:90vh;height:90svh;margin-top:clamp(24px,3vw,40px);position:relative}.pad-space:before{content:"";background:radial-gradient(circle at 2px 2px, var(--print) 1.2px, transparent 1.7px) 0 0 / 10px 4px repeat-x;height:4px;position:absolute;top:0;left:0;right:0}.pad-controls{flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:12px;display:flex}.sheet-count{margin-left:auto;line-height:1}.add .scribble-box,.add .scribble-input,.checklist .erasable .scribble-box,.checklist .erasable .scribble-input{top:50%}@media (max-width:767.98px){#markers h2{grid-row:1}#markers .zone[data-zone=markers-a]{width:30%;height:1.9em;font-size:var(--h2-size);grid-area:1/1/2/-1;place-self:start end;margin:0}#markers .zone[data-zone=markers-c]{width:56%;height:1.05em;font-size:var(--h2-size);grid-area:1/1/2/-1;place-self:end}.cards{row-gap:40px}#markers .zone[data-zone=markers-b]{grid-column:1/4;height:76px;margin-bottom:-76px}#why,#pad{padding-top:48px}#why .zone[data-zone=why-a],#why .zone[data-zone=why-c]{grid-area:3/1/4/-1;place-self:start end;width:36%;height:48px}#why .zone[data-zone=why-c]{margin-top:92px}.checklist{grid-row:3;gap:6px}.checklist li{min-height:40px}#why .zone[data-zone=why-b]{grid-area:4/2/5/-1;height:56px;margin:8px 0 -64px}.pad-space{height:60vh;height:60svh;margin-top:20px}}@media (min-width:768px){#markers .zone[data-zone=markers-c]{grid-area:2/7/3/13;align-self:start;height:88px}#why .zone[data-zone=why-c]{grid-area:1/10/2/13;align-self:end;height:45%}}@media (min-width:1200px){#markers .zone[data-zone=markers-c]{grid-area:2/5/3/9;height:96px}}.bag-note{transform-origin:0;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:4px 16px;margin-top:4px;line-height:1;display:flex;transform:rotate(-2deg)}.bag-note-open{align-items:center;min-height:48px;padding:6px 14px;line-height:1;display:inline-flex}.has-mark{position:relative}svg.mark{pointer-events:none;z-index:var(--z-marks);mix-blend-mode:multiply;transition:opacity .16s ease-out;position:absolute;overflow:visible}svg.mark[data-leaving]{opacity:0}:where(a[data-scribble=link]){color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none;display:inline-block}:where(button[data-scribble=button]){appearance:none;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;margin:0;padding:.42em .9em;line-height:1.2}:where(button[data-scribble=button]:disabled){cursor:not-allowed}:where(label[data-scribble=check]){cursor:pointer;-webkit-tap-highlight-color:transparent}label[data-scribble=check][data-enhanced]{padding-left:1.5em;position:relative}.scribble-box{top:.6em;left:0;width:.95em;height:.95em;position:absolute;top:.5lh;transform:translateY(-50%)}.scribble-input{top:.6em;left:0;opacity:0;width:.95em;height:.95em;cursor:inherit;margin:0;position:absolute;top:.5lh;transform:translateY(-50%)}[data-enhanced][data-scribble]:focus-visible,.scribble-input:focus-visible,[data-scribble-target]:focus{outline:none}@media (forced-colors:active){[data-enhanced][data-scribble]:focus-visible{outline-offset:4px;outline:2px solid canvastext}label[data-scribble=check]:has(.scribble-input:focus-visible){outline-offset:4px;outline:2px solid canvastext}}.scribble-box[data-unticked]>svg.mark[data-role=tick],.scribble-box[data-unticked]>svg.mark[data-role=untick],.scribble-box>svg.mark[data-faded]{animation:.3s ease-out .7s forwards oops-untick-fade}@keyframes oops-untick-fade{to{opacity:.15}}@media (prefers-reduced-motion:reduce){svg.mark{transition:none}.scribble-box[data-unticked]>svg.mark[data-role=tick],.scribble-box[data-unticked]>svg.mark[data-role=untick],.scribble-box>svg.mark[data-faded]{animation-duration:1ms;animation-delay:0s}}oops-hand{line-height:1;display:inline-block;position:relative}oops-hand:not([data-state]){visibility:hidden;animation:0s linear 3.5s forwards oops-hand-reveal}@keyframes oops-hand-reveal{to{visibility:visible}}oops-hand>svg{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}oops-hand[data-state=fallback]{font-family:var(--font-print,"Helvetica Neue", Helvetica, Arial, sans-serif);font-size:calc(var(--hand-size,24px) * .8);color:var(--print,#111);font-weight:400;line-height:1.2}oops-hand[data-state=fallback][color=red]{color:var(--ink-red,#e5231b)}oops-hand[data-state=fallback][color=blue]{color:var(--ink-blue,#1e46d6)}oops-hand[data-state=fallback][color=green]{color:var(--ink-green,#11a04b)}del[data-fix]{white-space:nowrap;text-decoration:none;display:inline-block;position:relative}del[data-fix]>svg{pointer-events:none;position:absolute;overflow:visible}del[data-fix]>.fix-probe{width:0;height:0;display:inline-block}ins.fix-word:before{content:" "}del[data-fix]>.fix-plain{font-family:var(--font-print,"Helvetica Neue", Helvetica, Arial, sans-serif);letter-spacing:0;color:var(--ink-red,#e5231b);white-space:nowrap;pointer-events:none;font-size:.5em;font-weight:700;line-height:1;position:absolute;bottom:88%;left:50%;transform:translate(-50%)rotate(-3deg)}:root{--tray-h:56px;--ui-ease:cubic-bezier(.23, 1, .32, 1)}.ui-art>svg.mark{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.tray,.note,dialog.bag{cursor:auto}.tray{z-index:var(--z-tray);padding:0 max(8px, env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(8px, env(safe-area-inset-left,0px));pointer-events:none;font-family:var(--font-print);color:var(--print);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;justify-content:center;display:flex;position:fixed;inset:auto 0 0}.tray-strip{pointer-events:auto;width:100%;max-width:30rem;height:var(--tray-h);background:var(--paper);box-shadow:0 0 0 1.5px var(--print);justify-content:space-between;align-items:center;gap:4px;padding:0 6px;display:flex;position:relative}.tray-strip:has(>.tray-outline svg.mark path){box-shadow:none}.tray-outline{pointer-events:none;position:absolute;inset:0}.tray-pens,.tray-tools{align-items:center;height:100%;display:flex;position:relative}.tray-pens{min-width:0}.tray-tools{gap:2px}.tray button{appearance:none;height:44px;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;align-content:center;place-items:center;margin:0;padding:0;display:grid;position:relative}.tray button:focus{outline:none}.tray button:focus-visible{outline:2px solid var(--ink-red);outline-offset:-2px;border-radius:46% 54% 44% 56%/56% 44%}.tray-pen{flex:0 44px;grid-template-rows:30px 5px;gap:4px;width:44px;min-width:38px}.pen-cap{transform-origin:42% 100%;width:24px;height:30px;transition:transform .2s var(--ui-ease), opacity .2s ease;display:block;position:relative}.pen-cap:before,.uncap-cap:before{content:"";border:1.5px solid var(--print);background:var(--ink);border-radius:4.5px 4.5px 1.5px 1.5px;position:absolute;inset:2.4px 7px 1.6px 3px}.pen-cap:after{content:"";background:var(--print);border-radius:1px;width:2px;height:15px;position:absolute;top:4px;right:3px}.pen-cap:has(svg.mark path):before{background:color-mix(in srgb, var(--ink) 24%, transparent);border-color:#0000}.uncap-cap:has(svg.mark path):before{background:color-mix(in srgb, var(--ink) 24%, transparent);border-color:#0000}.pen-cap:has(svg.mark path):after{display:none}.tray-pen[aria-pressed=true] .pen-cap{transform:translateY(-5px)rotate(-9deg)}@media (hover:hover) and (pointer:fine){.tray-pen:hover .pen-cap{transform:translateY(-2px)}.tray-pen[aria-pressed=true]:hover .pen-cap{transform:translateY(-6px)rotate(-9deg)}}.tray-pen:active .pen-cap{transform:translateY(1px)scale(.94)}.tray-pen[aria-pressed=true]:active .pen-cap{transform:translateY(-4px)rotate(-9deg)scale(.94)}.pen-ink{border-radius:2px 3px;width:24px;height:5px;display:block;position:relative}.pen-ink-level{border-radius:inherit;background:var(--ink);transform-origin:0;transform:scaleX(var(--left,1));transition:transform .24s var(--ui-ease);position:absolute;inset:0}.pen-ink:after{content:"";border:1.25px solid var(--print);border-radius:inherit;position:absolute;inset:0}.tray-pen[data-low] .pen-ink-level{background:repeating-linear-gradient(90deg, var(--ink) 0 3px, transparent 3px 5px)}.tray-pen[data-dead] .pen-cap{opacity:.3}.tray-pen[data-dead] .pen-ink:before{content:"";z-index:1;background:var(--ink-red);border-radius:1px;height:1.5px;position:absolute;top:1.75px;left:-3px;right:-3px;transform:rotate(-12deg)}.tray-tool{flex:0 0 44px;width:44px}.tool-art{display:block;position:relative}.undo-art{transform-origin:50% 60%;width:26px;height:16px}.undo-art:not(:has(svg.mark path)):before{content:"undo";letter-spacing:-.01em;place-items:center;font-size:12px;font-weight:700;display:grid;position:absolute;inset:0}.tray-tear{grid-template-rows:9px 17px;gap:3px}.tear-art{width:26px;height:8px}.tear-art:not(:has(svg.mark path)):before{content:"";border-top:1.5px dashed var(--print);position:absolute;top:3px;left:0;right:0}.tool-word{font-size:13px;font-weight:700;line-height:17px;display:block}.uncap-art{width:24px;height:40px;display:block;position:relative;transform:scale(.86)}.uncap-art>span{display:block;position:absolute}.uncap-cap{transform-origin:75% 100%;width:24px;height:30px;transition:transform .22s var(--ui-ease);top:0;left:0}.uncap-nib{width:20px;height:12px;transition:opacity .16s;top:17px;left:0}.uncap-body{width:14px;height:11px;top:28px;left:3px}.uncap-body:before{content:"";border:1.5px solid var(--print);border-radius:1px;position:absolute;inset:0}.uncap-body:has(svg.mark path):before{display:none}.tray-uncap[aria-pressed=false] .uncap-nib{opacity:0}.tray-uncap[aria-pressed=true] .uncap-cap{transform:translate(7px,-6px)rotate(22deg)}.tray-uncap.is-nudged .uncap-cap{animation:.6s ease-in-out 3 oops-cap-nudge}@keyframes oops-cap-nudge{0%,to{transform:none}45%{transform:translate(4px,-5px)rotate(14deg)}}.uncap-nib:has(svg.mark path):before{display:none}.uncap-nib:before{content:"";background:var(--print);clip-path:polygon(0 100%,21% 55%,33% 55%,43% 5%,66% 0,68% 55%,79% 55%,100% 100%);position:absolute;inset:1px 3px}@media (min-width:768px){.tray{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.tray-strip{gap:14px;width:auto;padding:0 12px}.tray-pens{gap:4px}.tray-pen{flex-basis:48px;width:48px}}@media (max-width:359.98px){.tray{padding-right:max(4px, env(safe-area-inset-right,0px));padding-left:max(4px, env(safe-area-inset-left,0px))}.tray-strip{gap:2px;padding:0 4px}.tray-pen{min-width:32px}.tray-tool{flex-basis:38px;width:38px}}@media (prefers-reduced-motion:reduce){.tray *,.tray :before,.tray :after{transition:none!important}}.ui-button{appearance:none;min-height:44px;color:var(--print);font:700 17px/1.1 var(--font-print);letter-spacing:-.01em;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .14s var(--ui-ease);background:0 0;border:0;border-radius:0;margin:0;padding:9px 16px 10px;position:relative;box-shadow:inset 0 0 0 1.5px}.ui-button:has(>svg.mark path){box-shadow:none}.ui-button:active{transform:scale(.97)}.ui-button:focus,.receipt-close:focus,.receipt-link:focus{outline:none}.ui-button:not([data-enhanced]):focus-visible,.receipt-close:focus-visible,.receipt-link:focus-visible{outline:2px solid var(--ink-red);outline-offset:3px;border-radius:46% 54% 44% 56%/56% 44%}dialog.bag{--bag-top:max(16px, 10dvh);width:min(22rem,100vw - 32px);max-width:none;max-height:calc(100dvh - var(--bag-top) - 16px);margin:var(--bag-top) auto auto;color:var(--print);font-family:var(--font-print);filter:drop-shadow(0 12px 28px #11111129)drop-shadow(0 1px 2px #11111124);background:0 0;border:0;padding:0;overflow:visible}dialog.bag::backdrop{background:#1111114d}dialog.bag[open]::backdrop{animation:.2s oops-fade}dialog.bag[open] .receipt{animation:oops-receipt-in .26s var(--ui-ease)}@keyframes oops-fade{0%{opacity:0}}@keyframes oops-receipt-in{0%{opacity:0;transform:translateY(16px)rotate(-2.4deg)}}.receipt{max-height:calc(100dvh - var(--bag-top) - 16px);overscroll-behavior:contain;background:var(--paper);padding:30px 22px 34px;position:relative;overflow-y:auto;transform:rotate(-.7deg)}.receipt-title{border-bottom:1.5px dashed var(--print);letter-spacing:-.025em;margin:0 0 14px;padding:2px 48px 12px 0;font-size:28px;font-weight:700;line-height:1}.receipt-close{appearance:none;width:44px;height:44px;color:var(--print);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:14px;right:10px}.close-art{width:16px;height:16px;transition:transform .14s var(--ui-ease);display:block;position:relative}.receipt-close:active .close-art{transform:scale(.88)}.close-art:not(:has(svg.mark path)):before{content:"";background:currentColor;border-radius:1px;height:2px;position:absolute;top:7px;left:-1px;right:-1px;transform:rotate(45deg)}.close-art:not(:has(svg.mark path)):after{content:"";background:currentColor;border-radius:1px;height:2px;position:absolute;top:7px;left:-1px;right:-1px;transform:rotate(45deg)}.close-art:not(:has(svg.mark path)):after{transform:rotate(-45deg)}.receipt-items{gap:6px;margin:0;padding:0;list-style:none;display:grid}.receipt-item{align-items:baseline;gap:8px;min-height:30px;font-size:20px;font-weight:700;display:flex}.receipt-dots{border-bottom:1.5px dotted #11111173;flex:auto;min-width:12px;transform:translateY(-4px)}.receipt-price{flex:none}.receipt-total{border-top:1.5px dashed var(--print);justify-content:space-between;align-items:baseline;gap:12px;margin:16px 0 0;padding-top:12px;display:flex}.receipt-label{letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:700}.receipt-sum{color:var(--ink-red);font-size:24px;font-weight:700;position:relative}.receipt-checkout{margin:24px auto 0;display:block}.receipt-empty{color:var(--ink-red);margin:4px 0 6px;font-size:19px;font-weight:700;line-height:1.35}.receipt-link{color:inherit;text-decoration:none;display:inline-block;position:relative}.receipt-link:not(:has(>svg.mark path)){text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1.5px}.checkout-note{letter-spacing:-.01em;margin:4px 0 22px;font-size:20px;font-weight:700;line-height:1.25}.checkout-ok{margin:0 auto;display:block}s.was{text-decoration:line-through;-webkit-text-decoration-color:var(--ink-red);text-decoration-color:var(--ink-red);margin-right:.2em;text-decoration-thickness:2px;position:relative}s.was:has(>svg.mark path){text-decoration:none}.note{z-index:var(--z-notes);background:var(--paper);max-width:min(17rem,100vw - 32px);color:var(--ink-red);font:700 16px/1.25 var(--font-print);transform:rotate(var(--tilt,-1.5deg));-webkit-user-select:none;user-select:none;padding:8px 12px 10px;transition:opacity .2s;position:fixed}.note:empty{padding:0}.note.is-leaving{opacity:0}.note-line{display:block}.note-big{margin-bottom:2px;font-size:22px}.note-dead{justify-items:start;display:grid}.note-buy{margin-top:10px}.note-stack{z-index:var(--z-notes);left:max(16px, env(safe-area-inset-left,0px));bottom:calc(var(--tray-room,calc(80px + env(safe-area-inset-bottom,0px))) + 8px);pointer-events:none;flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:fixed}.note-stack:empty{display:none}.note-stack>.note{pointer-events:auto;position:relative}.note-uncap{align-items:flex-end;gap:2px;padding:4px 6px;font-size:18px;display:flex}.note-arrow{flex:none;width:30px;height:30px;display:block;position:relative;transform:translateY(4px)}.note-arrow:not(:has(svg.mark path)):before{content:"↓";text-align:center;font-size:26px;line-height:30px;display:block}@media (prefers-reduced-motion:reduce){.note,.ui-button,.close-art{transition:none}dialog.bag[open] .receipt{animation:none}dialog.bag[open]::backdrop{animation:none}}