html:has(.love-shell) body{background:#f3efe6}.notes{color:#1c1714;flex-direction:column;min-height:100dvh;padding:clamp(1.5rem,4vw,2.75rem) clamp(1.25rem,4vw,3rem) 4rem;display:flex}.notes__hero{margin-bottom:clamp(1.5rem,3vw,2.25rem)}.notes__bar{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.notes__eyebrow{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:#8a8178;margin:0 0 .35rem;font-size:.82rem;font-weight:650}.notes__title{color:#1c1714;margin:0;font-family:Marcellus,Times New Roman,serif;font-size:clamp(2.05rem,5vw,2.85rem);font-weight:400;line-height:1.1}.notes__lede{font-family:var(--font-body);color:#6b5a62;margin:.55rem 0 0;font-size:1.02rem}.notes__grid{grid-template-columns:1fr;gap:1.35rem 1.15rem;max-width:52rem;padding:.35rem .25rem .75rem;display:grid}@media (width>=720px){.notes__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1.35rem}}.notes__status{font-family:var(--font-body);color:#6b5a62;text-align:center;grid-column:1/-1;margin:0;padding:2.5rem 1rem}.notes__status--error{color:#9b1d4a}.notes__card{--note:#ce9ff0;--paper:#fffcf7;--rule:#c5d4e8;--margin-dot:#d4b896;--gutter:2.65rem;--tilt:0deg;grid-template-columns:var(--gutter) minmax(0, 1fr);background:var(--paper);border:6px solid var(--note);min-width:0;min-height:11rem;transform:rotate(var(--tilt));border-radius:.45rem;outline:none;transition:transform .2s,box-shadow .2s;display:grid;position:relative;overflow:visible;box-shadow:0 1px #1c17140a,0 12px 28px #1c171412}.notes__card:hover,.notes__card:focus-within{z-index:2;transform:rotate(0);box-shadow:0 1px #1c17140a,0 16px 34px #1c17141c}@media (prefers-reduced-motion:reduce){.notes__card{transition:none;transform:none}}.notes__card-holes{z-index:1;background:var(--paper);flex-direction:column;justify-content:space-evenly;align-items:center;padding:1rem 0;display:flex;position:relative}.notes__card-holes span{background:radial-gradient(circle at 35% 30%,#f4f1ea 0 35%,#0000 40%),radial-gradient(circle,#d8d2c8 0 70%,#bdb5a8 100%);border-radius:50%;width:.72rem;height:.72rem;box-shadow:inset 1px 1.5px 2px #1c171447,inset -1px -1px 1.5px #ffffffbf,0 0 0 1px #1c17140f}.notes__card-sheet{z-index:1;background-color:var(--paper);border-radius:0 .2rem .2rem 0;gap:.55rem;min-width:0;padding:1.2rem 1.25rem 1.25rem 1.15rem;display:grid;position:relative;overflow:hidden}.notes__card-lines{z-index:0;pointer-events:none;max-width:none;display:block;position:absolute;inset:0;overflow:hidden;width:100%!important;height:100%!important}.notes__card-top{z-index:1;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex;position:relative}.notes__card-title{font-family:var(--font-body);color:#1c1714;margin:0;font-size:1.02rem;font-weight:700;line-height:1.3}.notes__card-pin{color:var(--note);flex-shrink:0;line-height:1.3}.notes__card-sticker{z-index:2;pointer-events:none;filter:drop-shadow(0 2px 4px #1c17142e);width:clamp(2.75rem,18%,3.6rem);height:auto;position:absolute;top:-.55rem;right:-.45rem;transform:rotate(8deg)}.notes__card-body{z-index:1;font-family:var(--font-body);color:#3f3832;white-space:pre-wrap;text-wrap:pretty;margin:0;font-size:.94rem;line-height:1.55;position:relative}.notes__card-when{z-index:1;font-family:var(--font-body);color:#8a8276;margin:0;font-size:.72rem;font-weight:600;line-height:1.4;position:relative}.notes__pager{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;width:100%;max-width:52rem;margin-top:auto;padding-top:1.5rem;display:flex}.notes__pager[hidden]{display:none}.notes__pager-meta{font-family:var(--font-body);color:#6b5a62;margin:0;font-size:.82rem;font-weight:600}.notes__pager-controls{align-items:center;gap:.45rem;display:flex}.notes__pager-btn{appearance:none;color:#5a524b;cursor:pointer;background:#fffcf8;border:1px solid #3a342f1a;border-radius:999px;place-items:center;width:2.25rem;height:2.25rem;margin:0;padding:0;transition:background .16s,border-color .16s,color .16s;display:grid}.notes__pager-btn:hover:not(:disabled){color:#1c1714;background:#efe8df;border-color:#3a342f29}.notes__pager-btn:disabled{opacity:.4;cursor:default}.notes__pager-btn svg{width:1rem;height:1rem}.notes__pager-page{text-align:center;color:#6b5a62;min-width:3.5rem;font-family:ui-monospace,IBM Plex Mono,monospace;font-size:.8rem}