.note{position:absolute;user-select:none;touch-action:none;transform-origin:50% 50%;isolation:isolate}
.note.is-moving,.note.is-dragging,.note.is-coasting{will-change:transform}
.note canvas{display:block;width:100%;height:100%;pointer-events:none}.note .note-material{position:absolute;z-index:0;filter:none}.note .note-paint{position:relative;z-index:1}
.note.is-away,.note.is-offscreen{visibility:hidden;pointer-events:none}
.note-hit{position:absolute;inset:0;z-index:4;cursor:grab;-webkit-user-drag:none;touch-action:none}.note.is-dragging .note-hit{cursor:grabbing}.note.is-pinned .note-hit,.note.is-attached .note-hit{cursor:pointer}.note-hit:focus-visible{outline:1px solid #657c5f;outline-offset:6px}.note.is-hidden{visibility:hidden;pointer-events:none}
.selection-mark{position:absolute;inset:-10px;z-index:-1;pointer-events:none;opacity:0}.selection-mark svg{display:block;width:100%;height:100%}.hatch-frame{opacity:0}.note.is-dragging .selection-mark{opacity:.72}.note.is-dragging .hatch-frame{animation:hand-hatch .9s steps(1,end) infinite;animation-delay:calc(var(--frame) * -.15s)}
@keyframes hand-hatch{0%,16.66%{opacity:1}16.67%,100%{opacity:0}}
.note .pin-tape{position:absolute;width:72px;height:25px;left:50%;top:-10px;margin-left:-36px;background:repeating-linear-gradient(90deg,#d2be8b55 0,#d2be8b55 2px,#e3d8b988 2px,#e3d8b988 4px);border:1px solid #c6b68644;box-shadow:0 1px 3px #46563b15;transform:rotate(-5deg);clip-path:polygon(2% 0,97% 2%,100% 91%,96% 97%,3% 100%,0 12%);z-index:6;opacity:0;pointer-events:none}.note.is-pinned .pin-tape{opacity:1}
.note .favorite-star{position:absolute;right:15px;top:13px;font:18px Georgia;color:#aa8032;opacity:0;z-index:6;pointer-events:none;transform:rotate(8deg)}.note.is-favorite .favorite-star{opacity:1}.note .fold{position:absolute;right:0;bottom:0;width:27px;height:27px;opacity:0;pointer-events:none;z-index:5;background:linear-gradient(135deg,#a69c7530 0 45%,#e6dfc7 48% 100%);clip-path:polygon(100% 0,100% 100%,0 100%);filter:drop-shadow(-1px -1px 1px #34473533);transform-origin:100% 100%}.note.is-favorite .fold{opacity:1}
.note .attachment-tape{position:absolute;top:var(--tape-y,80%);left:var(--tape-x,95%);width:56px;height:21px;background:repeating-linear-gradient(90deg,#d6c9a778 0 2px,#d9cea87b 2px 4px);box-shadow:0 1px 2px #23332516;transform:translate(-50%,-50%) rotate(var(--tape-rotation,15deg));opacity:0;z-index:6;pointer-events:none;clip-path:polygon(1% 0,99% 3%,100% 92%,98% 100%,0 97%)}.note.is-attached .attachment-tape{opacity:1;transition:opacity .22s var(--attachment-delay,.8s)}
@media(prefers-reduced-motion:reduce){.note.is-dragging .hatch-frame{animation:none}.note.is-dragging .hatch-frame:first-child{opacity:1}.note.is-attached .attachment-tape{transition:none}}