.pn{--pn-e:var(--pinote-easing,cubic-bezier(.2, 0, 0, 1));--pn-t:var(--pinote-duration,var(--pn-d,.14s));--pn-s:var(--pinote-background,var(--pn-bg,#2c2c2c))}[data-pinote-theme=dark]{color-scheme:dark}[data-pinote-theme=light]{color-scheme:light}.pn-layer{position:relative}.pn-t,.pn-c{box-sizing:border-box;color:var(--pinote-foreground,#fff);background:var(--pn-s);border:0;box-shadow:0 3px 8px #0003}.pn-t,.pn-f{place-items:center;display:grid}.pn-t{width:var(--pinote-size,25px);aspect-ratio:1;cursor:pointer;touch-action:manipulation;padding:0;position:relative}.pn-f{background:inherit;border-radius:inherit;position:absolute;inset:0}:is(.pn-t,.pn-c):focus-visible{outline-offset:3px}.pn-t svg{width:16px;height:16px}.pn-v{aspect-ratio:1;object-fit:cover;border-radius:50%;width:21px}.pn-h>span{-webkit-text-decoration:underline dotted var(--pinote-accent,currentColor);text-decoration:underline dotted var(--pinote-accent,currentColor);text-underline-offset:.15em;cursor:pointer}.pn-c{z-index:50;width:max-content;max-width:min(var(--pinote-width,280px),var(--pn-w, calc(100vw - 24px) ));max-height:var(--pn-h, calc(100dvh - 24px) );border-radius:var(--pinote-radius,var(--radius,12px));overflow-wrap:anywhere;padding:16px;font:.875rem/1.5 system-ui;overflow:auto}@media(pointer:coarse){.pn-t:after{content:"";position:absolute;inset:-10px}}@media(prefers-reduced-motion:no-preference){.pn-b,.pn-t,.pn-c{transition:var(--pn-t) var(--pn-e);transition-property:opacity,scale,transform,clip-path,translate}[data-entrance=pop]{animation:pn-enter var(--pinote-entrance-duration,.24s) var(--pn-e) var(--pinote-entrance-delay,0s) backwards}@keyframes pn-enter{0%{scale:0}}@media(hover:hover)and (pointer:fine){.pn-t:hover{scale:var(--pinote-hover-scale,.96)}.pn-t:hover>.pn-b{translate:var(--pinote-aside-reveal,3px)}}}:is(.pn-t,.pn-r)[data-dragging]{cursor:grabbing}@media(prefers-reduced-motion:reduce){.pn-c[data-leaving]{opacity:0!important}.pn-c{clip-path:none!important;transition:opacity .2s!important}.pn-c,.pn-v,.pn-l{transform:none!important}}:root{color-scheme:light;--ink: #1d1a16;--paper: #f4efe4;--paper-2: #fffdf8;--rule: #d9d0c1;--accent: #c45c26;--forest: #215c4a;font-family:Iowan Old Style,Palatino Linotype,Palatino,Times New Roman,serif;line-height:1.5;font-weight:400;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh}button,textarea,.hint,.kicker,.eyebrow,.composer,.saved-note,.selection-chip{font-family:Avenir Next,Segoe UI,sans-serif}.shell{max-width:52rem;margin:0 auto;padding:1.25rem 1.25rem 3rem}.bar{display:grid;gap:.75rem;margin-bottom:1.25rem}.kicker{margin:0;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;color:var(--forest)}.bar h1{margin:.15rem 0 0;font-size:1.85rem;letter-spacing:-.03em}.hint{margin:0;max-width:36rem;color:#5c564c;font-size:.95rem}.page{background:var(--paper-2);border:1px solid var(--rule);min-height:32rem;overflow:visible;box-shadow:0 18px 40px #1d1a1612}.brief{padding:2.25rem 2rem 3rem;max-width:38rem}.eyebrow{margin:0 0 .75rem;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.brief h2{margin:0 0 1rem;font-size:2rem;line-height:1.15;letter-spacing:-.03em}.brief p{margin:0 0 1rem;font-size:1.12rem}.closing{color:#5c564c}.composer,.saved-note{display:grid;gap:.65rem}.composer textarea{width:100%;resize:vertical;border:0;border-radius:8px;padding:.55rem .65rem;background:#fffdf8;color:var(--ink);font-size:.92rem}.composer-actions{display:flex;justify-content:flex-end;gap:.4rem}.composer button,.saved-note button,.selection-chip{appearance:none;border:0;border-radius:999px;padding:.35rem .75rem;background:var(--paper-2);color:var(--ink);font-size:.82rem;cursor:pointer}.composer button[type=submit]{background:#fffdf8;color:var(--forest);font-weight:650}.ghost{background:transparent!important;color:inherit;opacity:.8}.quote{margin:0;font-style:italic;opacity:.85}.saved-note p{margin:0}.selection-chip{position:fixed;z-index:40;transform:translate(-50%,calc(-100% - 10px));background:var(--ink);color:var(--paper-2);box-shadow:0 8px 20px #1d1a1633}.clear{display:none}@media(max-width:640px){.brief{padding:1.5rem 1.1rem 2.5rem}.bar h1,.brief h2{font-size:1.55rem}}