.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 .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 .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;-webkit-box-decoration-break:clone;box-decoration-break:clone;--ink-1:conic-gradient(var(--color-ink) 25%, #0000 0) 0 0 / var(--dot-cell) var(--dot-cell);--ink-2:conic-gradient(var(--color-ink) 25%, #0000 0 50%, var(--color-ink) 0 75%, #0000 0) 0 0 / var(--dot-cell) var(--dot-cell);--ink-3:conic-gradient(var(--color-ink) 75%, #0000 0) 0 0 / var(--dot-cell) var(--dot-cell);margin-inline:0;padding-inline:.1em;display:inline;position:static}.notes-root .note-link:before{content:none}@media (hover:hover){.notes-root .note-link:hover{background:var(--color-ink);animation:ink-in calc(.2s * var(--dither-pace,1)) linear both}}.notes-root .note-link[data-pressed]{background:var(--color-ink);animation:ink-out calc(.28s * var(--dither-pace,1)) linear both}@keyframes ink-in{0%,24.9%{background:var(--ink-1)}25%,49.9%{background:var(--ink-2)}50%,74.9%{background:var(--ink-3)}75%,to{background:var(--color-ink)}}@keyframes ink-out{0%,24.9%{background:var(--color-ink)}25%,49.9%{background:var(--ink-3)}50%,74.9%{background:var(--ink-2)}75%,to{background:var(--ink-1)}}.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)}.notes-root .prose-note.prose-small{font-size:15px;line-height:1.55}.notes-root .prose-note.prose-small .click{font-size:17px}.notes-root .said{background:conic-gradient(var(--color-rule) 25%, #0000 0) 0 0 / var(--dot-cell) var(--dot-cell)}.notes-root .fig-body{overscroll-behavior-x:contain;margin:-2px;padding:2px;overflow:auto hidden}