@font-face{font-family:Ogg;src:url(/fonts/Ogg-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Ogg;src:url(/fonts/Ogg-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Herr Von Muellerhoff;src:url(/fonts/HerrVonMuellerhoff-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Basel Grotesk;src:url(/fonts/Basel-Grotesk-Regular.woff2) format("woff2"),url(/fonts/Basel-Grotesk-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:light only;--paper: #efe9dd;--ink: #11100e;--ink-soft: #5d584e;--rule: rgba(17, 16, 14, .16);--oxblood: #5a1420;--oxblood-bg: #3a1017;--cream: #ede6d5;--cream-soft: rgba(237, 230, 213, .62);--rule-dark: rgba(237, 230, 213, .2);--lime: #c7df16;--display: "Ogg", "Instrument Serif", Georgia, serif;--sans: "Basel Grotesk", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;--measure: 36rem;--gutter: 1.6rem;--ease: cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(130% 80% at 50% -10%,rgba(255,255,255,.38),transparent 62%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.36'/%3E%3C/svg%3E");mix-blend-mode:multiply;opacity:.5}body[data-mode=reveal]:before{mix-blend-mode:soft-light;opacity:.35}.screen{position:relative;z-index:1}html{height:100%;background:#efe9dd}body,#root{min-height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;transition:background .56s var(--ease),color .56s var(--ease)}body[data-mode=reveal],body[data-mode=reveal] .screen{background:var(--oxblood-bg);color:var(--cream)}@media (prefers-color-scheme: dark){html{background:#efe9dd}body{background:var(--paper);color:var(--ink)}body[data-mode=reveal],body[data-mode=reveal] .screen{background:var(--oxblood-bg);color:var(--cream)}}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--oxblood);outline-offset:3px}body[data-mode=reveal] :focus-visible{outline-color:var(--lime)}.screen{background:var(--paper);min-height:100dvh;display:flex;flex-direction:column;padding:0 var(--gutter) calc(env(safe-area-inset-bottom) + 1.35rem)}.wrap{width:100%;max-width:var(--measure);margin:0 auto;flex:1;display:flex;flex-direction:column}.spacer{flex:1;min-height:.6rem}.masthead{display:flex;align-items:baseline;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 1.3rem) 0 .55rem}button.wordmark{border:0;background:none;padding:0;cursor:pointer}.wordmark{font-family:"Herr Von Muellerhoff",var(--display);font-weight:400;font-size:3.35rem;line-height:1;margin:-.55rem 0 -.95rem;white-space:nowrap;position:relative;z-index:2;color:inherit}.wm-f{position:relative;margin-left:-.36em;top:.22em;color:var(--oxblood)}body[data-mode=reveal] .wm-f{color:var(--lime)}.cue{margin:0;text-align:right;font-size:.545rem;letter-spacing:.19em;line-height:1.9;text-transform:uppercase;color:var(--oxblood);-webkit-text-stroke:.3px currentColor}body[data-mode=reveal] .cue{display:none}.eyebrow+.question{margin-top:1.05rem}.eyebrow{font-family:var(--sans);font-size:.68rem;font-weight:400;letter-spacing:.19em;text-transform:uppercase;color:var(--ink-soft);margin:0}body[data-mode=reveal] .eyebrow{color:var(--cream-soft)}.question{font-family:var(--display);font-weight:500;margin:0;text-wrap:pretty;white-space:pre-line;font-size:clamp(1.9rem,8.7vw,2.4rem);line-height:1.08;letter-spacing:-.017em}.question--lead{margin-top:clamp(2.2rem,6vh,3.4rem)}.question[data-tier=short]{font-size:clamp(2.2rem,10.7vw,2.9rem);line-height:1.06;letter-spacing:-.019em}.question[data-tier=long]{font-size:clamp(1.65rem,7.4vw,2.05rem);line-height:1.12;letter-spacing:-.012em}.question.question--small{font-size:clamp(1.6rem,6.6vw,2rem);line-height:1.1;letter-spacing:-.014em}.rule{height:1px;background:var(--rule);border:0;margin:2rem 0 0}body[data-mode=reveal] .rule{background:var(--rule-dark)}.body{font-size:1.0625rem;line-height:1.72;margin:0;white-space:pre-wrap;text-wrap:pretty}.note{font-size:.95rem;line-height:1.65;color:var(--ink-soft);margin:0;max-width:27rem}body[data-mode=reveal] .note{color:var(--cream-soft)}.writing{position:relative;cursor:text;margin-top:clamp(3.5rem,10.5vh,5.6rem);min-height:clamp(10.5rem,26vh,16rem);transition:margin-top .26s var(--ease)}.field{display:block;position:relative;z-index:1;width:100%;min-height:clamp(10.5rem,26vh,16rem);margin:0;padding:0;border:0;background:transparent;color:var(--ink);font-family:var(--sans);font-size:1.0625rem;line-height:1.72;resize:none;caret-color:var(--oxblood)}.field:focus{outline:none}.writing[data-empty=false]{margin-top:clamp(1.5rem,4.2vh,2.3rem)}.invitation{position:absolute;inset:0 0 auto 0;pointer-events:none;transition:opacity .38s var(--ease)}.invitation[data-hidden=true]{opacity:0}.invitation:before{content:"";display:block;width:2.5px;height:1.8rem;background:var(--oxblood)}.prompt{margin:1.05rem 0 0;max-width:21.5rem;font-size:1.075rem;line-height:1.62;color:#5d584ef0;text-wrap:balance}.recorder{position:relative;margin-top:clamp(2.6rem,9vh,4.4rem)}.prompt--said{position:static;margin:0 0 2rem;max-width:21rem}.recording-time{font-family:var(--display);font-weight:500;font-size:clamp(2.6rem,12vw,3.4rem);line-height:1;letter-spacing:-.02em;margin:0 0 .9rem;color:var(--oxblood);font-variant-numeric:tabular-nums}body[data-mode=reveal] .recording-time{color:var(--lime)}.player{display:block;width:100%;max-width:24rem;margin-top:.9rem;height:38px}.played{margin-top:.9rem}.played .eyebrow{margin-bottom:.2rem}.reveal-in .played{margin-top:1.1rem}.pill{align-self:flex-start;margin-top:1.6rem;padding:1.05rem 2.6rem;border:0;border-radius:999px;background:var(--oxblood);color:var(--cream);font-size:1rem;font-weight:400;letter-spacing:0;transition:background .2s var(--ease),color .2s var(--ease)}.pill:hover{background:#48101a}.pill:disabled{background:#11100e0e;color:#4640389e;cursor:default}body[data-mode=reveal] .pill{background:var(--lime);color:var(--oxblood-bg)}.plain{border:0;background:none;padding:.35rem 0;font-size:.68rem;font-weight:400;letter-spacing:.19em;text-transform:uppercase;color:var(--ink-soft)}.plain:hover{color:var(--oxblood)}body[data-mode=reveal] .plain{color:var(--cream-soft)}body[data-mode=reveal] .plain:hover{color:var(--lime)}.question--muted{font-family:var(--display);font-weight:300;font-size:clamp(1rem,4.1vw,1.2rem);line-height:1.4;letter-spacing:0;margin:0;max-width:23rem;color:#ede6d5b3}.answers{margin-top:2.2rem}.answer{padding:0;border:0}.answer .body{margin-top:.9rem}.reveal-in{flex:1;display:flex;flex-direction:column}.reveal-in .answer{margin-top:clamp(2.6rem,7.5vh,4.4rem)}.reveal-in .spacer{flex:1;min-height:2.5rem}.reveal-in .answer .eyebrow{color:var(--lime);font-size:.7rem;letter-spacing:.22em}.reveal-in .answer .body{font-family:var(--display);font-weight:500;color:var(--cream);margin-top:1.15rem;letter-spacing:0}.reveal-in .answer .body[data-len=short]{font-size:clamp(1.75rem,7.4vw,2.15rem);line-height:1.24}.reveal-in .answer .body[data-len=medium]{font-size:clamp(1.45rem,6.1vw,1.8rem);line-height:1.42}.reveal-in .answer .body[data-len=long]{font-family:var(--sans);font-weight:400;font-size:1.28rem;line-height:1.68;letter-spacing:0;color:var(--cream)}.received{margin:2.4rem 0 0;font-size:.9rem;line-height:1.5;color:var(--cream-soft)}.closing{margin:2.2rem 0 0;padding:0;border:0;background:none;font-family:var(--sans);font-size:.95rem;line-height:1.6;color:var(--cream-soft);text-align:left}.reactions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.3rem}.react{padding:.35rem 0;border:0;background:none;color:#ede6d59e;font-size:.66rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase;transition:color .22s var(--ease)}.react:hover{color:var(--cream)}.react[aria-pressed=true]{color:var(--lime)}.react:first-child{font-size:1rem;letter-spacing:0}.reactions{gap:1.7rem;align-items:baseline;margin-top:0}.reactions--quiet .react{color:#6f6a5f8c;cursor:default}.reactions--quiet .react[aria-pressed=true]{color:var(--oxblood)}.line{display:block;width:100%;height:32px;margin-bottom:0;overflow:visible}.line path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.line .rest{stroke:var(--rule);stroke-width:1}.line .trace{stroke:var(--oxblood);stroke-width:1.6}.line .trace--unlit{stroke:#11100e8c}body[data-mode=reveal] .line .trace--unlit{stroke:#ede6d54d}.line[data-matured=true] .trace{stroke-width:2.1}.line--wave{overflow:visible}body[data-mode=reveal] .line .rest{stroke:var(--rule-dark)}body[data-mode=reveal] .line .trace{stroke:var(--lime)}.footer{position:sticky;bottom:0;margin-top:1.4rem;padding-bottom:calc(env(safe-area-inset-bottom) + 1.05rem);border-top:1px solid var(--rule);background:var(--paper)}body[data-mode=reveal] .footer{border-top-color:var(--rule-dark);background:var(--oxblood-bg)}.nav{display:flex;gap:2rem;align-items:baseline;padding-top:1.55rem}.footer-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1.5rem}.status{margin:0 0 0 auto;padding-top:1.55rem;font-size:.6rem;font-weight:400;letter-spacing:.13em;text-transform:uppercase;color:#6f6a5fd9}body[data-mode=reveal] .status{color:var(--cream-soft)}.nav button{border:0;border-bottom:2px solid transparent;background:none;padding:0 0 .45rem;font-size:.68rem;font-weight:400;letter-spacing:.19em;text-transform:uppercase;color:var(--ink-soft)}.nav button[aria-current=page]{color:var(--ink);border-bottom-color:var(--oxblood)}body[data-mode=reveal] .nav button{color:var(--cream-soft)}body[data-mode=reveal] .nav button[aria-current=page]{color:var(--cream);border-bottom-color:var(--lime)}.entries{display:flex;flex-direction:column}.entry{padding:3.6rem 0;border-top:1px solid var(--rule)}.entry:first-child{border-top:0;padding-top:.4rem}.entry:last-child{padding-bottom:2rem}.entry>.eyebrow{color:#11100ead}.entry .said-block{margin-top:2.4rem}.entry .said-block .eyebrow{color:var(--ink)}.entry .said-block .body{margin-top:.65rem}.entry .question--small{margin-top:.8rem}.said-block{margin-top:1.8rem}.said-block .body{margin-top:.5rem}.said-block--mine{margin-top:2.2rem}.said-block--mine .body{color:#11100ec7}.waiting-note{margin:auto 0 0;padding-top:2.5rem;max-width:26rem;font-family:var(--sans);font-size:1.05rem;line-height:1.62;color:#11100e9e}.portrait{font-size:1.0625rem;line-height:1.78;white-space:pre-wrap;margin:1.6rem 0 0;max-width:28rem}.note-page .lede+.portrait,.note-page .lede+.portrait-edit{margin-top:1.5rem}.portrait-edit{width:100%;min-height:17rem;margin-top:1.3rem;padding:1rem 0 0;border:0;border-top:1px solid var(--rule);background:transparent;color:var(--ink);font-family:var(--sans);font-size:1.0625rem;line-height:1.72;resize:vertical}.portrait-edit:focus{outline:none}.stack{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;margin-top:1.9rem}.row{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;margin-top:1.9rem}.access{flex:1;display:flex;flex-direction:column}.access>.lede:first-child{margin-top:1.6rem}.access-action{margin-top:auto;padding-bottom:.5rem}.access-action .signin-field{margin-top:0}.access .pill{margin-top:1.6rem}.signin-field{width:100%;margin-top:1.8rem;padding:0 0 .85rem;border:0;border-bottom:1px solid var(--rule);background:transparent;color:var(--ink);font-family:var(--sans);font-size:1.0625rem}.signin-code{letter-spacing:.32em;font-variant-numeric:tabular-nums}.signin-code::placeholder{letter-spacing:0}.signin-field:focus{outline:none;border-bottom-color:var(--oxblood)}.lede{font-family:var(--display);font-weight:500;font-size:clamp(2.05rem,8.8vw,2.6rem);line-height:1.1;letter-spacing:-.014em;margin:1rem 0 0;text-wrap:balance}.lede--wide{font-size:clamp(2.5rem,11vw,3.3rem);line-height:1.02;letter-spacing:-.02em}.stanza{margin:1.8rem 0 0;max-width:26rem;font-size:1.075rem;line-height:1.5;color:#11100e9e}.note-page--held{flex:1;display:flex;flex-direction:column}.note-held{flex:1;display:flex;flex-direction:column;justify-content:center;padding-bottom:2rem}.note-page--held>.pill{margin-top:0;margin-bottom:.5rem;align-self:flex-start}.note-page .lede{margin-top:.85rem}.note-page--held .lede{margin-top:0}.note-page .lede+.stanza{margin-top:1.5rem}.note-page .pill{margin-top:2.4rem}.reveal-in.note-page--held .lede{animation-delay:.14s}.reveal-in.note-page--held .stanza:nth-of-type(1){animation-delay:.38s}.reveal-in.note-page--held .stanza:nth-of-type(2){animation-delay:.62s}.reveal-in.note-page--held .stanza:nth-of-type(3){animation-delay:.9s}.reveal-in.note-page>.lede{animation-delay:.14s}.reveal-in.note-page>.stanza:nth-of-type(1){animation-delay:.38s}.reveal-in.note-page>.stanza:nth-of-type(2){animation-delay:.62s}.reveal-in.note-page>.stanza:nth-of-type(3){animation-delay:.9s}.reveal-in.note-page>.pill{animation-delay:1.24s}.dev-switch{position:fixed;right:.5rem;bottom:.5rem;z-index:20;display:flex;gap:.6rem;align-items:center;padding:.25rem .55rem;border:1px dashed rgba(111,106,95,.5);border-radius:4px;background:#efe9ddd9;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.56rem;color:#6f6a5ff2}.wordmark{cursor:default;-webkit-tap-highlight-color:transparent}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.reveal-in>*:not(.rule):not(.answer):not(.spacer),.reveal-in .answer>*{animation:rise .76s var(--ease) both}.reveal-in>.rule{transform-origin:left center;animation:draw .9s var(--ease) both;animation-delay:.26s}.reveal-in>.question--muted{animation-delay:0ms}.reveal-in>.rule{animation-delay:.22s}.reveal-in .answer>.eyebrow{animation-delay:.56s}.reveal-in .answer>.body{animation-delay:.76s;animation-duration:1.1s}.reveal-in>.received{animation-delay:1.2s}.reveal-in>.reactions{animation-delay:1.4s}.reveal-in>.received{margin:2.4rem 0 0;font-size:.9rem;line-height:1.5;color:var(--cream-soft)}.closing{animation-delay:1.66s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}@page{size:4.25in 6.875in;margin:0}.book{--bk-zoom: 1;background:#4d4a45;padding:1.2rem 0 2rem}.bk-msg{padding:3rem 1.5rem}.bk-bar{max-width:40rem;margin:0 auto 1.4rem;padding:0 1.2rem;font-family:var(--sans);font-size:.82rem;line-height:1.6;color:#efe9ddbd}.bk-bar b{color:var(--paper);font-weight:400}.bk-page{position:relative;width:4.25in;height:6.875in;margin:0 auto 1.1rem;padding:.62in .5in .7in;background:var(--paper);color:var(--ink);overflow:hidden;box-shadow:0 8px 28px #0000006b;break-after:page;page-break-after:always;zoom:var(--bk-zoom)}.bk-page.recto{padding-left:.58in;padding-right:.46in}.bk-page.verso{padding-left:.46in;padding-right:.58in}.bk-day{font-family:var(--sans);font-size:.55rem;letter-spacing:.19em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 1.25rem;display:flex;justify-content:space-between;gap:.8rem}.bk-question{font-family:var(--display);font-weight:500;font-size:1.62rem;line-height:1.1;letter-spacing:-.018em;margin:0 0 1.6rem;white-space:pre-line;text-wrap:pretty}.bk-said{margin-bottom:1.1rem;break-inside:avoid}.bk-who{font-family:var(--sans);font-size:.52rem;letter-spacing:.19em;text-transform:uppercase;color:var(--oxblood);margin:0 0 .3rem}.bk-body{font-family:var(--sans);font-size:.7rem;line-height:1.66;margin:0;white-space:pre-wrap}.bk-aloud{font-family:var(--display);font-weight:300;font-size:.86rem;margin:0}.bk-marks{font-family:var(--sans);font-size:.55rem;letter-spacing:.06em;color:var(--ink-soft);margin:.35rem 0 0}.bk-flip{position:absolute;bottom:.3in;width:1.05in;height:10px;overflow:visible}.bk-flip--recto{right:.34in}.bk-flip--verso{left:.34in}.bk-flip path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.bk-flip .rest{stroke:#11100e2e;stroke-width:.7}.bk-flip .trace{stroke:var(--oxblood);stroke-width:1.3}.bk-flip--dark .rest{stroke:#ede6d533}.bk-flip--dark .trace{stroke:var(--lime)}.bk-dark{background:var(--oxblood-bg);color:var(--cream)}.bk-dark .bk-day{color:#ede6d59e}.bk-dark .bk-who{color:var(--lime)}.bk-dark .bk-aloud{color:#ede6d5d1}.bk-listen{position:absolute;bottom:.7in;display:flex;align-items:flex-end;gap:.6rem;break-inside:avoid}.recto .bk-listen{left:.58in}.verso .bk-listen{left:.46in}.bk-qr{width:.6in;height:.6in;flex:none}.bk-qr svg{width:100%;height:100%;display:block}.bk-qr--tile{width:.72in;height:.72in;padding:.06in;background:var(--cream);border-radius:2px}.bk-listen p{font-family:var(--sans);font-size:.52rem;letter-spacing:.17em;text-transform:uppercase;color:#ede6d5b8;margin:0;line-height:1;transform:translateY(.08em)}.bk-cover{background:var(--oxblood-bg);display:flex;align-items:center;justify-content:center}.bk-cover-line{font-family:var(--display);font-weight:500;font-size:.82rem;letter-spacing:.005em;color:var(--cream);margin:0;transform:translateY(-4%)}.bk-colophon{display:flex;flex-direction:column;justify-content:flex-end}.bk-names{font-family:var(--display);font-weight:500;font-size:1.05rem;margin:0 0 .4rem}.bk-span{font-family:var(--sans);font-size:.55rem;letter-spacing:.17em;text-transform:uppercase;color:var(--ink-soft);margin:0}.bk-answer{font-size:.78rem;line-height:1.7}.bk-dark .bk-marks{color:#ede6d599}.bk-for{font-family:var(--display);font-weight:300;font-size:.95rem;margin:0 0 1.1rem}.bk-ix-group{margin-bottom:.95rem;break-inside:avoid}.bk-ix-head{font-family:var(--display);font-weight:500;font-size:.86rem;margin:0 0 .3rem}.bk-ix-line{display:grid;grid-template-columns:1.3rem 1fr;font-family:var(--sans);font-size:.6rem;line-height:1.5;margin:0}.bk-ix-n{color:var(--oxblood);font-variant-numeric:tabular-nums}.bk-ix-line--missed{opacity:.4}.bk-choose{max-width:24rem;margin:3rem auto;padding:0 1.5rem;display:grid;gap:1rem}.bk-choose a{font-family:var(--display);font-size:1.3rem;color:var(--paper)}.bk-choose .eyebrow{color:#efe9dd99}.bk-portrait{font-size:.74rem}.bk-about{display:flex;flex-direction:column}.bk-about-text{font-family:var(--display);font-weight:500;font-size:1.02rem;line-height:1.38;letter-spacing:-.008em;margin:auto 0 0;white-space:pre-line;text-wrap:pretty}.bk-byhand .bk-trace-full{position:absolute;left:.58in;right:.46in;top:40%;width:auto;height:12px;overflow:visible}.bk-trace-full path{fill:none;stroke:var(--oxblood);stroke-width:1.3;stroke-linecap:round;vector-effect:non-scaling-stroke}.bk-toggle{text-align:center;padding:.6rem 0 1rem}.bk-toggle button{font-family:var(--sans);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--paper);background:none;border:1px solid rgba(239,233,221,.4);border-radius:999px;padding:.5rem 1rem}.as-spreads{background:#4d4a45}.as-spreads .book{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;padding-bottom:2.4rem}.as-spreads .bk-bar{flex:1 0 100%}.as-spreads .book:before{content:"";width:4.25in;zoom:var(--bk-zoom)}.as-spreads .bk-page{margin:0 0 1.4rem}.as-spreads .bk-page.recto{box-shadow:6px 8px 22px #0000006b}.as-spreads .bk-page.verso{box-shadow:-6px 8px 22px #0000006b}@media print{body{background:var(--paper)}.book{background:none;padding:0;display:block}.bk-bar,.bk-toggle{display:none}.bk-page{margin:0;box-shadow:none;zoom:1}.bk-page:last-child{break-after:auto;page-break-after:auto}}.reveal-in>.note-held{animation:none}.reveal-in .note-held>*{animation:rise .76s var(--ease) both}.note--quiet{font-size:.86rem;opacity:.72}