.notes-root .dither:not(:disabled){cursor:pointer}@media (hover:hover){.notes-root .dither:not([data-on]):not(:disabled):hover{color:var(--color-paper)}.notes-root .dither:disabled:hover:before{opacity:0;animation:none}}.notes-root .dither:disabled{cursor:default;color:var(--color-muted)}.notes-root .dither:disabled[data-pressed]:before{opacity:0;animation:none}.notes-root .dither:focus-visible{outline:1px solid var(--color-ink);outline-offset:2px}.notes-root .unprint{--dots-1:conic-gradient(#000 25%, #0000 0) 0 0 / var(--dot-cell) var(--dot-cell);--dots-2:conic-gradient(#000 25%, #0000 0 50%, #000 0 75%, #0000 0) 0 0 / var(--dot-cell) var(--dot-cell);--dots-3:conic-gradient(#000 75%, #0000 0) 0 0 / var(--dot-cell) var(--dot-cell);animation:notes-unprint calc(.28s * var(--dither-pace,1)) linear forwards}@keyframes notes-unprint{0%,24.9%{-webkit-mask:var(--dots-3);-webkit-mask:var(--dots-3);mask:var(--dots-3)}25%,49.9%{-webkit-mask:var(--dots-2);-webkit-mask:var(--dots-2);mask:var(--dots-2)}50%,74.9%{-webkit-mask:var(--dots-1);-webkit-mask:var(--dots-1);mask:var(--dots-1)}75%,to{-webkit-mask:linear-gradient(#0000,#0000);mask:linear-gradient(#0000,#0000)}}.notes-root .ink{stroke:var(--color-ink);fill:var(--color-paper);stroke-linecap:round;stroke-linejoin:round}.notes-root .ink line,.notes-root .ink polyline,.notes-root .ink .open,.notes-root .ink.open{fill:none}.notes-root .ink .solid,.notes-root .ink.solid{fill:var(--color-ink)}.notes-root .ink.ray,.notes-root .ink .ray{stroke:var(--color-muted)}.notes-root .hit{cursor:pointer;outline:none}.notes-root .layer svg *{pointer-events:none}.notes-root .layer svg .hit,.notes-root .layer svg .hit *{pointer-events:auto}.notes-root .hit .pad{fill:#0000;stroke:none}.notes-root .hit .halo{fill:none;stroke:var(--color-ink);stroke-width:1.4px;stroke-dasharray:2 3;opacity:0}.notes-root .hit:focus-visible .halo{opacity:1}@media (hover:hover){.notes-root .hit:hover .halo{opacity:1}}.notes-root .control{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;margin:-8px;padding:8px;font-size:11px}.notes-root .control[aria-pressed]{margin:0}.notes-root .control[aria-pressed=true]{background:var(--color-ink);color:var(--color-paper)}.notes-root .readout{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;grid-template-columns:1fr auto;gap:6px 16px;font-size:11px;display:grid}.notes-root .readout dt{color:var(--color-muted)}.notes-root .readout dd{text-align:right;font-variant-numeric:tabular-nums}.notes-root .slider{width:100%;accent-color:var(--color-ink)}.notes-root .gauge{transition:width .6s var(--ease)}.notes-root .layer{background:var(--color-paper);transform-origin:var(--ox,50%) var(--oy,50%);position:absolute;inset:0}.notes-root .layer.sink{animation:.76s cubic-bezier(.6,0,.9,.4) forwards hole-sink}.notes-root .layer.open{animation:.7s cubic-bezier(.65,0,.35,1) .26s both hole-open}.notes-root .layer.close{animation:.76s cubic-bezier(.5,0,.75,0) forwards hole-close}.notes-root .layer.rise{animation:hole-rise .76s var(--ease) forwards}@keyframes hole-sink{to{opacity:0;transform:scale(4)}}@keyframes hole-open{0%{clip-path:circle(0% at var(--ox) var(--oy))}to{clip-path:circle(150% at var(--ox) var(--oy))}}@keyframes hole-close{0%{clip-path:circle(150% at var(--ox) var(--oy))}to{clip-path:circle(0% at var(--ox) var(--oy))}}@keyframes hole-rise{0%{transform:scale(4)}to{transform:scale(1)}}.notes-root .reduced .layer.sink,.notes-root .reduced .layer.close{animation:.2s linear forwards hole-gone}.notes-root .reduced .layer.open,.notes-root .reduced .layer.rise{animation:.2s linear forwards hole-come}@keyframes hole-gone{to{opacity:0}}@keyframes hole-come{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.notes-root .gauge{transition:none}}.notes-root .sheet{fill:none;stroke:var(--color-rule);stroke-width:.6px}.notes-root .ink.glow,.notes-root .ink .glow{fill:var(--glow)}.notes-root .ink.wire,.notes-root .ink .wire{fill:none;stroke-width:1.4px}.notes-root .ink.live,.notes-root .ink .live{stroke:var(--glow)}.notes-root .swing{transition:transform .22s var(--ease);transform-box:fill-box}@media (prefers-reduced-motion:reduce){.notes-root .swing{transition:none}}.notes-root .zoom-out{transform-box:view-box;animation:.6s cubic-bezier(.6,0,.9,.4) forwards hole-sink}.notes-root .zoom-in{animation:hole-grow .6s var(--ease) .12s both;transform-box:view-box}@keyframes hole-grow{0%{opacity:0;transform:scale(.2)}}.notes-root .reduced .zoom-out{animation:.2s linear forwards hole-gone}.notes-root .reduced .zoom-in{animation:.2s linear both hole-come}.notes-root .zoom-back{animation:hole-rise .6s var(--ease) both;transform-box:view-box}.notes-root .zoom-in-back{animation:.6s linear forwards hole-gone}.notes-root .reduced .zoom-back{animation:.2s linear both hole-come}@media (max-width:1023px){.notes-root .pic-label{font-size:21px}}.notes-root .fill-you{fill:var(--you)}.notes-root .ink.you,.notes-root .ink .you{stroke:var(--you)}.notes-root .prose-note{font-size:17px;line-height:1.6}.notes-root .prose-note>*+*{margin-top:1.1em}.notes-root .prose-note strong{font-weight:600}.notes-root code.code{background:var(--color-tint);color:var(--color-ink);font-family:var(--font-mono);overflow-wrap:anywhere;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.12em .36em;font-size:.84em;font-weight:500}.notes-root .note-list{gap:.6em;display:grid}.notes-root .note-list li{padding-left:22px;position:relative}.notes-root .note-list li:before{content:"";border-top:1px solid var(--color-ink);width:8px;position:absolute;top:.78em;left:2px}.notes-root .prose-note .click{border-block:1px solid var(--color-ink);margin-top:1.6em;margin-bottom:1.6em;padding:14px 0;font-size:20px;font-weight:500;line-height:1.4}.notes-root .term{font:inherit;-webkit-text-decoration:underline dotted var(--color-edge);text-decoration:underline dotted var(--color-edge);text-underline-offset:4px;margin:-8px -4px;padding:8px 4px;display:inline}.notes-root .term:before{inset:8px 4px}.notes-root .term sup{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-muted);margin-left:1px;font-size:9px}@media (hover:hover){.notes-root .term:hover sup{color:inherit}}.notes-root .term:active sup{color:inherit}.notes-root .note-link{white-space:normal;display:inline}.notes-root .dots{background-image:radial-gradient(circle, var(--color-edge) .7px, transparent .9px);background-size:3px 3px}.notes-root .prose-note .fig+.click{border-top:0;margin-top:-1em}.notes-root .fig{border-block:1px solid var(--color-ink);margin:2.2em 0;padding:12px 0 14px}.notes-root .fig-label{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px;font-size:11px}.notes-root .fig figcaption{border-top:1px solid var(--color-rule);color:var(--color-muted);margin-top:14px;padding-top:10px;font-size:14px;line-height:1.45}.notes-root .control.action{border:1px solid var(--color-ink);margin:0}.notes-root .control.action:disabled{border-color:var(--color-rule)}.notes-root .arrow{background:var(--color-ink);height:1px;position:relative}.notes-root .arrow:after{content:"";border:3.5px solid #0000;border-left:5px solid var(--color-ink);border-right:0;position:absolute;top:-3px;right:0}@media (hover:none){.notes-root .bricks{touch-action:pan-y}}.notes-root .plate .bricks{background-color:var(--color-tint)}