[data-paper]{--paper:#fbf7ee;--paper-ink:#29241e;--paper-rule:#6f93c861;--background:var(--paper);--foreground:var(--paper-ink);--card:var(--paper);--card-foreground:var(--paper-ink);--muted-foreground:color-mix(in srgb, var(--paper-ink) 70%, var(--paper));--muted:color-mix(in srgb, var(--paper-ink) 8%, var(--paper));--accent:color-mix(in srgb, var(--paper-ink) 7%, var(--paper));--accent-foreground:var(--paper-ink);--primary:var(--paper-ink);--primary-foreground:var(--paper);--border:color-mix(in srgb, var(--paper-ink) 12%, transparent);--input:color-mix(in srgb, var(--paper-ink) 28%, transparent);--input-bg:transparent;--ring:color-mix(in srgb, var(--paper-ink) 45%, transparent);background-color:var(--paper);color:var(--paper-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border:1px solid #0000;border-radius:3px;position:relative;box-shadow:0 1px 1px #00000014,0 10px 24px -12px #00000073}[data-paper] [data-paper-ruled]{--rule:2.25rem;min-height:calc(var(--rule) * 3);line-height:var(--rule);background-image:linear-gradient(to bottom, transparent calc(var(--rule) - 1px), var(--paper-rule) calc(var(--rule) - 1px));background-size:100% var(--rule);background-attachment:local}[data-paper] [data-paper-ruled]:disabled{cursor:default;opacity:1}[data-paper] [data-paper-signature]{border-bottom:1px dashed var(--input);height:2.25rem;font-family:var(--font-signature);font-size:1.25rem}[data-paper] [data-paper-signature]:focus-visible{border-bottom:1px solid var(--paper-ink)}[data-paper]:before,[data-paper=sheet]:after{content:"";background:var(--paper-tape,#ead9a6d1);clip-path:polygon(0% 8%,4% 0%,96% 4%,100% 0%,97% 30%,100% 55%,96% 100%,3% 94%,0% 100%,3% 70%,0% 45%,4% 22%);pointer-events:none;width:5.5rem;height:1.5rem;position:absolute}[data-paper=sheet]:before{top:.5rem;left:-.75rem;rotate:-38deg}[data-paper=sheet]:after{top:.5rem;right:-.75rem;rotate:38deg}[data-paper=note]{rotate:var(--note-tilt,0deg)}[data-paper=note]:before{translate:-50%;rotate:var(--tape-tilt,-3deg);top:-.75rem;left:50%}:nth-child(4n+1)>[data-paper=note]{--note-tilt:-1.2deg;--tape-tilt:-4deg}:nth-child(4n+2)>[data-paper=note]{--note-tilt:.9deg;--tape-tilt:3deg;--paper-tape:#f2b9c6cc}:nth-child(4n+3)>[data-paper=note]{--note-tilt:-.5deg;--tape-tilt:-2deg;--paper-tape:#b7dccbcc}:nth-child(4n+4)>[data-paper=note]{--note-tilt:1.4deg;--tape-tilt:5deg;--paper-tape:#bccff0cc}[data-paper=note]:focus-within{rotate:0deg}@media (hover:hover) and (prefers-reduced-motion:no-preference){[data-paper=note]{transition:rotate .15s ease-out,translate .15s ease-out}[data-paper=note]:hover{translate:0 -2px;rotate:0deg}}
