@font-face{font-family:Courier Prime;src:url(/fonts/CourierPrime-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Courier Prime Fallback;src:local(Courier New),local(CourierNewPSMT),local(Liberation Mono),local(Cousine);size-adjust:100%;ascent-override:78.1%;descent-override:34.2%;line-gap-override:0%}.letter{--paper:#f2e8d3;--type:#2e2924;--pen:#233064;--page-blur:9px;--dim:#0e101e57}@media (prefers-color-scheme:dark){.letter{--paper:#e4d8bf;--type:#29241f;--pen:#1f2a5a;--dim:#04050c99}}.letter{touch-action:auto;-webkit-user-select:text;user-select:text;background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.letter::backdrop{background:0 0}.letter:focus{outline:none}.letter-dim{background:var(--dim);-webkit-backdrop-filter:blur(var(--page-blur)) saturate(.85);backdrop-filter:blur(var(--page-blur)) saturate(.85);opacity:0;position:absolute;inset:0}@media (prefers-reduced-transparency:reduce){.letter-dim{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0e101eb3}}.letter-stage{padding:calc(1rem + var(--safe-top,0px)) calc(.75rem + var(--safe-right,0px)) calc(1rem + var(--safe-bottom,0px)) calc(.75rem + var(--safe-left,0px));pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.letter-sheet{pointer-events:auto;transform-origin:50%;flex-direction:column;width:min(100%,37rem);max-height:100%;display:flex;position:relative}.letter-shadow{pointer-events:none;background:0 0/100% 100% no-repeat;position:absolute;inset:-36px}.letter-rim{pointer-events:none;background:0 0/100% 100% no-repeat;position:absolute;inset:0;-webkit-mask:none 0 0/100% 100% no-repeat;mask:none 0 0/100% 100% no-repeat;-webkit-mask-size:;-webkit-mask-repeat:}.letter:not([open]) .letter-rim{display:none}.letter-paper{box-sizing:border-box;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;min-height:0;color:var(--type);background: radial-gradient(circle at 97% 101%, transparent 0 50px, #96682c12 53px, #96682c06 57px, transparent 62px), radial-gradient(ellipse 150px 120px at 99% 102%, #a5763412, transparent 72%),  radial-gradient(ellipse 210px 150px at 4% 7%, #a0783c17, transparent 70%),  radial-gradient(circle at 14% 31%, #8b562433 0 1.2px, #8b562412 2.6px, transparent 5px), radial-gradient(circle at 17% 33.5%, #8b562424 0 .8px, transparent 3px), radial-gradient(circle at 78% 12%, #8b562429 0 1px, #8b56240f 2.4px, transparent 4.5px), radial-gradient(circle at 63% 71%, #8b56241f 0 1.4px, #8b56240d 3px, transparent 6px), radial-gradient(circle at 36% 89%, #8b562421 0 .9px, transparent 3.2px),  radial-gradient(ellipse 70% 55% at 42% 38%, #fffcf061, transparent 75%), linear-gradient(172deg, transparent 55%, #7858280d), url(/letter-paper.png) 0 0 / 256px 256px repeat, var(--paper);scrollbar-width:thin;scrollbar-color:#2e292440 transparent;position:relative;overflow-y:auto;box-shadow:inset 0 0 2px 1px #6e4e222e,inset 0 0 22px #825c2829,inset 0 0 90px #825c281a;-webkit-mask:none 0 0/100% 100% no-repeat;mask:none 0 0/100% 100% no-repeat;-webkit-mask-size:;-webkit-mask-repeat:}.letter-paper:focus,.letter-paper:focus-visible{outline:none}.letter-body{letter-spacing:.012em;text-wrap:pretty;font-kerning:none;text-shadow:0 0 .6px #2e292473;font-family:Courier Prime,Courier Prime Fallback,ui-monospace,monospace;font-size:.9375rem;line-height:1.62}@media (min-width:40rem){.letter-body{font-size:1rem}}.letter-body a{text-decoration-thickness:1px}.letter-greeting,.letter-sign{color:var(--pen);font-size:1rem}.letter-greeting{margin-left:-.35em;font-family:Courier Prime,Courier Prime Fallback,ui-monospace,monospace}.letter-ink{display:block;overflow:visible}.letter-greeting .letter-ink{font-size:.86rem}.letter-sign .letter-ink{margin-bottom:-.2em;font-size:.9rem}@media (min-width:40rem){.letter-greeting .letter-ink{font-size:.95rem}.letter-sign .letter-ink{font-size:1rem}}.letter-signoff{color:var(--type);opacity:.8;margin-top:.35em;font-family:Courier Prime,Courier Prime Fallback,ui-monospace,monospace}.letter-action{letter-spacing:.012em;color:#2e2924a8;-webkit-tap-highlight-color:transparent;align-items:center;gap:.3em;min-height:44px;margin-block:-10px;font-family:Courier Prime,Courier Prime Fallback,ui-monospace,monospace;font-size:.875rem;text-decoration:none;transition:color .15s;display:inline-flex}.letter-action-label{text-underline-offset:.25em;-webkit-text-decoration:underline #2e292438;text-decoration:underline #2e292438;text-decoration-thickness:1px;transition:text-decoration-color .15s}.letter-action-arrow{font-size:.85em;transition:transform .16s cubic-bezier(.23,1,.32,1);display:inline-block}.letter-action:hover{color:var(--type)}.letter-action:hover .letter-action-label{text-decoration-color:#2e292499}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.letter-action:hover .letter-action-arrow{transform:translate(1.5px,-1.5px)}}.letter-action:focus-visible{outline:2px solid var(--pen);outline-offset:2px;border-radius:2px}.letter-close{color:#2e292480;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:999px;place-items:center;width:44px;height:44px;transition:color .15s,background-color .15s;display:grid;position:absolute;top:.6rem;right:.6rem}.letter-close:hover{color:var(--type);background:#2e29240f}.letter-close:focus-visible{outline:2px solid var(--pen)}.letter-creases{pointer-events:none;opacity:0;background:linear-gradient(#0000 calc(33.3% - 1px),#43321e29 calc(33.3% - 1px),#fff9 calc(33.3% + 1px),#0000 calc(33.3% + 1px)) no-repeat,linear-gradient(#0000 calc(66.6% - 1px),#43321e29 calc(66.6% - 1px),#fff9 calc(66.6% + 1px),#0000 calc(66.6% + 1px)) no-repeat;position:absolute;inset:0}.letter-env{aspect-ratio:8/5;transform-origin:50%;opacity:0;pointer-events:none;width:min(300px,74vw);position:absolute;top:0;left:0}.letter-env>*{position:absolute}.letter-env-proxy{background:repeating-linear-gradient(to bottom, transparent 0 9px, #43321e1f 9px 10px) 0 18% / 70% 60% no-repeat, var(--paper);background-position:15% 22%;border-radius:2px;width:86%;height:80%;top:10%;left:7%;box-shadow:0 0 0 1px #434a5f40}.letter-env-flap{transform-origin:50% 0;width:100%;height:62%;transform-style:preserve-3d;top:0;left:0}.letter-env-flap>svg{backface-visibility:hidden;position:absolute;inset:0}.letter-env-flap>svg+svg{transform:rotateX(180deg)}.letter-env-seal{aspect-ratio:1;width:17%;margin:-8.5% 0 0 -8.5%;top:62%;left:50%}.letter:not([open]):target{width:auto;height:auto;margin-top:2rem;display:block;position:relative;inset:auto;overflow:visible}.letter:not([open]) .letter-env,.letter:not([open]) .letter-dim{display:none}.letter:not([open]) .letter-stage{padding:0;display:block;position:static}.letter:not([open]) .letter-sheet{width:auto;max-height:none}.letter:not([open]) .letter-paper{border-radius:4px;box-shadow:inset 0 0 22px #825c2829,0 0 0 1px #434a5f2e,0 12px 32px -14px #08081473}