.desk{--paper:#f3eee2;--ink:#1f2a48;--biro:#2a3f93;--red:#b4342c;--pencil:#5a5650;--green:#2f6b45;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .28 0 0 0 0 .18 0 0 0 .22 -.08'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)'/%3E%3C/svg%3E");--mottle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='m' x='0' y='0' width='1' height='1'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012' numOctaves='2' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .36 0 0 0 0 .2 0 0 0 .14 -.02'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23m)'/%3E%3C/svg%3E");--wear:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='5' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .95 0 0 0 0 .93 0 0 0 0 .88 0 0 0 1.5 -.62'/%3E%3C/filter%3E%3Crect width='96' height='96' filter='url(%23w)'/%3E%3C/svg%3E");--fs:16px;--lh:30px;flex-direction:column;max-width:none;min-height:100dvh;margin:0 auto;padding:0;display:flex}@media (min-width:720px){.desk{--fs:18px;--lh:34px;max-width:216mm;padding:28px 16px 0}}.hw{text-indent:0;opacity:var(--strike,1);transform:translateY(var(--dy,0));-webkit-text-fill-color:transparent;background-color:var(--ink-now);background-image:var(--wear);-webkit-background-clip:text;background-clip:text;background-position:calc(var(--dy,0px) * 40) calc(var(--dy,0px) * -23);display:inline-block}.hw[data-typing]{opacity:1;background:0 0}.hw[data-typing]>span{transform:translateY(var(--dy));background-color:var(--ink-now);background-image:var(--wear);-webkit-background-clip:text;background-clip:text;background-position:calc(var(--dy) * 40) calc(var(--dy) * -23);display:inline-block}.leaf{--mx:clamp(92px, 27vw, 140px);--nf:var(--font-type), "Courier New", monospace;--ns:1;--ls:0;--ws:0;--hf:var(--font-note), cursive;--hs:1.1;--mr:clamp(26px, 8vw, 68px);color:var(--ink);background-color:var(--paper);background-image:var(--grain), var(--mottle);padding:calc(var(--lh) * 2) var(--mr) calc(var(--lh) * 1.5) calc(var(--mx) + 10px);border-radius:0;flex:1 0 auto;position:relative;overflow:hidden;box-shadow:0 0 0 .5px #3c280a1f,0 1px 2px #0000001a}.lamp{z-index:3;pointer-events:none;background:radial-gradient(clamp(560px,70vw,980px) 85vh at 50% 58%,#3c280a00 0%,#3c280a08 55%,#32220a1a 100%);position:fixed;inset:0}@media (prefers-color-scheme:dark){.lamp{background:radial-gradient(clamp(560px,70vw,980px) 85vh at 50% 58%,#ffd6960f 0%,#3c280e1a 45%,#1e140673 80%,#0009 100%)}.leaf{box-shadow:0 0 0 .5px #0006,0 2px 6px #00000080}}.folio{top:calc(var(--lh) * .6);right:var(--mr);font:400 var(--fs)/1 var(--nf);color:color-mix(in srgb, var(--ink) 70%, transparent);position:absolute}.leaf p{font-family:var(--nf);font-size:calc(var(--fs) * var(--ns,1));line-height:var(--lh);text-indent:5ch;overflow-wrap:anywhere;letter-spacing:var(--ls,0);word-spacing:var(--ws,0);--ink-now:color-mix(in srgb, var(--ink) var(--load,100%), transparent);color:var(--ink-now);text-shadow:0 0 .35px color-mix(in srgb, var(--ink) 60%, transparent);margin:0;font-weight:400;position:relative}.leaf p.state-line{opacity:.7}.leaf p.state-line[data-state=out_of_ink]{background:linear-gradient(to right, var(--ink) 45%, color-mix(in srgb, var(--ink) 12%, transparent) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.leaf .waiting{min-height:var(--lh);display:block}.caret{text-indent:0;width:0;display:inline-block;position:relative}.caret:after{content:"^";font:700 15px/1 var(--font-note), cursive;color:var(--ink-h);text-shadow:none;position:absolute;top:.62em;left:-.28em}.mnote{width:calc(var(--mx) - 14px);font-family:var(--hf);font-size:calc(var(--fs) * .8 * var(--hs,1) * var(--hsz,1));line-height:1.02;font-weight:var(--wt,400);color:var(--ink-h);transform:rotate(var(--rot,-2deg)) skewX(var(--slant,0deg));transform-origin:0 0;overflow-wrap:anywhere;text-shadow:0 0 .5px color-mix(in srgb, var(--ink-h) 45%, transparent);position:absolute;top:0;left:8px}.mnote:not([data-placed]){visibility:hidden}.mnote[style*=--pencil]{opacity:.82}.mnote.faint{opacity:.4}.mnote .w{transform:translateY(var(--dy,0)) rotate(var(--dr,0deg));display:inline-block}.mnote .who{opacity:.85;font-size:.85em;display:block}.leaders{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.leaders path{fill:none;stroke:var(--ink-h);stroke-width:1.3px;stroke-linecap:round;opacity:.9}svg.rough-annotation path{stroke-linecap:round;stroke-opacity:.92}.strike-wrap{position:relative}.hw[data-struck],p[data-struck] .hw,.struck{text-decoration:line-through;-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink);text-decoration-thickness:.1em}.struck.rn-on{text-decoration:none}.mnote .struck{-webkit-text-decoration-color:var(--ink-h);text-decoration-color:var(--ink-h)}.live-tab{font:600 13px/1 var(--ui);border:1px solid color-mix(in srgb, var(--ink) 35%, transparent);background:var(--paper);min-height:36px;color:var(--ink);cursor:pointer;border-radius:999px;padding:9px 12px;position:absolute;bottom:calc(100% + 8px);right:12px;box-shadow:0 4px 12px #0000002e}.live-tab:focus-visible{outline:2px solid var(--biro);outline-offset:2px}.scrap-dock{z-index:2;padding:10px 0 calc(10px + env(safe-area-inset-bottom));background:linear-gradient(to bottom, transparent, var(--bg) 35%);margin-top:14px;position:sticky;bottom:0}.pens{text-align:right;font:600 9px/1.4 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:0 4px 6px}.credit{text-align:right;font:500 11px/1.4 var(--ui);color:var(--dim);margin:6px 4px 0}.credit a{color:inherit;text-underline-offset:2px;text-decoration:underline}.credit a:hover{text-decoration-thickness:2px}.credit a:focus-visible{outline:2px solid var(--biro);outline-offset:2px}.scrap{background-color:var(--paper);background-image:var(--grain);border-radius:2px;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:end;gap:2px 8px;padding:8px 10px 8px 14px;display:grid;position:relative;transform:rotate(-.4deg);box-shadow:0 1px #00000014,0 6px 16px #0000002e}.scrap label{font:600 9px/1.4 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--ink) 55%, transparent);grid-column:1/-1}.scrap input{border:0;border-bottom:1px dashed color-mix(in srgb, var(--biro) 40%, transparent);width:100%;min-width:0;min-height:40px;color:var(--biro);font:400 24px/1.1 var(--font-note), cursive;background:0 0;border-radius:0;padding:2px 0}.scrap input::placeholder{color:color-mix(in srgb, var(--biro) 40%, transparent)}.scrap input:focus{border-bottom-style:solid;outline:none}.scrap button{cursor:pointer;border:1.5px solid var(--biro);min-height:40px;color:var(--biro);font:600 20px/1 var(--font-note), cursive;background:0 0;border-radius:999px;padding:6px 14px}.scrap button:disabled{opacity:.45;cursor:default}.scrap button:focus-visible{outline:2px solid var(--biro);outline-offset:2px}.scrap .meta{min-height:16px;font:500 12px/1.3 var(--ui);color:color-mix(in srgb, var(--ink) 65%, transparent);grid-column:1/-1;justify-content:space-between;gap:8px;display:flex}.scrap .count.over{color:var(--red);font-weight:700}.scrap .count{opacity:0;transition:opacity .2s}.scrap:focus-within .count,.scrap .count.over{opacity:1}.leaf-break{height:calc(var(--lh) * 3);margin:0 calc(-1 * var(--mr)) 0 calc(-1 * (var(--mx) + 10px));scroll-margin-top:12px;position:relative}.leaf-break:before{content:"";height:var(--lh);background:var(--bg);position:absolute;top:0;left:0;right:0;box-shadow:inset 0 7px 8px -7px #00000047,inset 0 -7px 8px -7px #00000047}.leaf-break .folio{top:calc(var(--lh) + var(--lh) * .6)}.leaf-break.first{height:calc(var(--lh) * 2)}.leaf-break.first:before{display:none}.leaf-break.first .folio{top:calc(var(--lh) * .6)}.leaf p.dogear:after{content:"";top:0;right:calc(-1 * var(--mr));background:linear-gradient(225deg, var(--bg) 50%, color-mix(in srgb, var(--paper) 82%, #fff) 50%);width:20px;height:20px;position:absolute;box-shadow:-2px 2px 3px #00000038}.corner-tab{left:12px;right:auto}
.qsheet{color:var(--ink);background-color:var(--paper);background-image:radial-gradient(ellipse at 50% 40%, transparent 60%, var(--age) 100%), repeating-linear-gradient(to bottom, transparent 0, transparent 29px, var(--rule) 29px, var(--rule) 30px);border-radius:2px;margin:0 8px 10px;padding:8px 12px 10px 14px;animation:.42s cubic-bezier(.2,.8,.25,1) both qsheet-in;position:relative;transform:rotate(-.4deg);box-shadow:0 1px #00000014,0 -2px 10px #00000014,0 12px 32px #00000047}@keyframes qsheet-in{0%{transform:translateY(calc(100% + 24px))rotate(1.5deg)}to{transform:rotate(-.4deg)}}.qsheet-head{justify-content:space-between;align-items:flex-start;gap:8px;min-height:28px;display:flex}.qsheet-lead{font:400 17px/1.15 var(--font-note), cursive;color:color-mix(in srgb, var(--ink) 70%, transparent);text-wrap:pretty;margin:2px 0 0}.qsheet-close{width:40px;height:40px;color:color-mix(in srgb, var(--ink) 70%, transparent);cursor:pointer;font:400 26px/1 var(--font-note), cursive;background:0 0;border:0;border-radius:999px;flex:none;margin:-6px -8px -6px auto}.qsheet-q{font:400 25px/1.05 var(--font-note), cursive;color:var(--ink);text-wrap:pretty;margin:2px 0 8px}.qsheet-chip{cursor:pointer;border:1.5px solid var(--biro);min-height:44px;color:var(--biro);text-align:center;font:400 21px/1.05 var(--font-note), cursive;background:0 0;border-radius:14px;padding:6px 10px;transition:background-color .15s,transform .15s}.qsheet-chip:hover:not(:disabled){background:color-mix(in srgb, var(--biro) 10%, transparent)}.qsheet-chip:active:not(:disabled){transform:scale(.97)}.qsheet-chip:disabled{opacity:.45;cursor:default}.chips{gap:8px;display:grid}.chips .qsheet-chip{text-align:left;width:100%;padding:6px 12px}.chips .qsheet-chip.else{border-style:dashed;border-color:color-mix(in srgb, var(--biro) 75%, transparent);color:color-mix(in srgb, var(--biro) 75%, transparent)}.qsheet-own{grid-template-rows:auto auto auto;grid-template-columns:1fr auto;align-items:end;gap:2px 8px;margin-top:12px;display:grid}.qsheet-own label{font:400 19px/1.2 var(--font-note), cursive;color:color-mix(in srgb, var(--ink) 70%, transparent);grid-column:1/-1}.qsheet-own input{border:0;border-bottom:1px dashed color-mix(in srgb, var(--biro) 40%, transparent);width:100%;min-width:0;min-height:40px;color:var(--biro);font:400 24px/1.1 var(--font-note), cursive;background:0 0;border-radius:0;padding:2px 0}.qsheet-own input:focus{border-bottom-style:solid;outline:none}.qsheet-own button{cursor:pointer;border:1.5px solid var(--biro);min-height:40px;color:var(--biro);font:600 20px/1 var(--font-note), cursive;background:0 0;border-radius:999px;padding:6px 14px}.qsheet-own button:disabled{opacity:.45;cursor:default}.qsheet-count{font:500 12px/1.3 var(--ui);color:color-mix(in srgb, var(--ink) 65%, transparent);grid-column:1/-1;justify-self:end}.qsheet-count.over{color:var(--red);font-weight:700}.qsheet-foot{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 8px;margin-top:6px;display:flex}.qsheet-msg{font:500 12px/1.3 var(--ui);color:color-mix(in srgb, var(--ink) 75%, transparent)}.qsheet-msg:empty{display:none}.qsheet-hint{font:500 12px/1.3 var(--ui);color:color-mix(in srgb, var(--ink) 65%, transparent);margin-left:auto}.qsheet button:focus-visible{outline:2px solid var(--biro);outline-offset:2px}.qsheet.claim{z-index:5;width:min(100% - 16px,360px);max-height:calc(100dvh - 24px);margin:0 0 calc(8px + env(safe-area-inset-bottom));text-align:center;padding:10px 14px 12px 16px;animation-name:qsheet-claim-in;position:fixed;bottom:0;left:50%;overflow-y:auto;transform:translate(-50%)rotate(-.4deg)}@keyframes qsheet-claim-in{0%{transform:translate(-50%)translateY(calc(100% + 24px))rotate(1.5deg)}to{transform:translate(-50%)rotate(-.4deg)}}.claim-name{font:400 20px/1.15 var(--font-note), cursive;color:color-mix(in srgb, var(--ink) 75%, transparent);margin:6px 0 0}.claim .qsheet-q{margin-bottom:12px;font-size:30px}.claim-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (prefers-reduced-motion:reduce){.qsheet,.qsheet.claim{animation:none}}