:root{--ink: #1b1817;--paper: #eee4d3;--warm: #d7c9b7;--faded: #9c9083;--rule: #615950;--plum: #b69ac7;--blue: #a7c0cd;--rust: #cc795b;--display: "Instrument Serif", Iowan Old Style, Baskerville, Georgia, serif;--sans: "Manrope", Avenir Next, Avenir, Helvetica, Arial, sans-serif;--mono: "DM Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--ease-out: cubic-bezier(.23, 1, .32, 1);background:var(--ink);color:var(--warm);color-scheme:dark;font-family:var(--sans);font-synthesis:none}*{box-sizing:border-box}html{background:var(--ink)}body,#root{background:var(--ink);color:var(--warm);margin:0;min-width:320px;min-height:100%}a{color:inherit;text-underline-offset:.25em;text-decoration-thickness:1px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}:focus-visible{outline:2px solid var(--plum);outline-offset:4px}.notebook-surface{min-height:100vh;overflow:clip}.skip-link{background:var(--paper);color:var(--ink);font:.7rem var(--mono);left:1rem;padding:.72rem .85rem;position:fixed;top:-4rem;z-index:4}.skip-link:focus{top:1rem}.quiet-header{align-items:center;display:flex;font:.58rem var(--mono);left:0;letter-spacing:.03em;padding:1rem 1.25rem;position:absolute;right:0;text-transform:lowercase;top:0;z-index:2}.quiet-header a{align-items:center;border:1px solid var(--rule);display:grid;height:2.75rem;place-items:center;text-decoration:none;width:2.75rem}.cover,.threads,.receipts,.leave-a-note{padding:6.5rem 1.25rem 4.5rem;position:relative}.cover{display:flex;flex-direction:column;justify-content:center;min-height:100svh}.cover-name,.thread-intro p,.thread-handle,.margin-note,.receipts summary,.leave-a-note>p,.leave-a-note small,.proof-fold summary{font:.58rem/1.55 var(--mono);letter-spacing:.03em;margin:0}.cover-name,.thread-intro p,.leave-a-note>p{color:var(--plum)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:-.055em}h1{font-size:clamp(3.95rem,16.3vw,8rem);line-height:.83;margin:1.65rem 0 1.8rem;max-width:9ch}h2{font-size:clamp(3.35rem,14vw,6.4rem);line-height:.85;margin:.9rem 0 0}.cover-subline{color:var(--faded);font-size:.85rem;line-height:1.65;margin:0;max-width:25ch}.come-in,.leave-a-note>a,.source-link{align-items:center;display:inline-flex;font:.67rem var(--mono);gap:.6rem;transition:color .16s ease,transform .13s var(--ease-out);width:fit-content}.come-in{border-bottom:1px solid var(--plum);color:var(--paper);margin-top:auto;padding:1.2rem 0 .5rem;text-decoration:none}.come-in span{color:var(--plum);font-size:1.15rem}.cover-correction{bottom:2.4rem;color:var(--faded);font:.56rem var(--mono);margin:0;position:absolute;right:1.25rem;transform:rotate(-4deg)}.threads{background:#242020;border-top:1px solid var(--rule);min-height:100svh}.thread-intro{margin-bottom:3rem}.thread-list{border-top:1px solid var(--rule);max-width:48rem}.thread{border-bottom:1px solid var(--rule)}.thread-trigger{align-items:center;display:flex;justify-content:space-between;min-height:4.2rem;padding:.85rem 0;text-decoration:none}.thread-trigger{cursor:pointer;list-style:none}.thread-trigger::-webkit-details-marker{display:none}.thread-handle{color:var(--paper);max-width:calc(100% - 3rem);overflow-wrap:anywhere}.thread-mark{color:var(--plum);font:1.5rem/1 var(--display)}.thread-reveal{display:grid;grid-template-rows:0fr;opacity:.25;transition:grid-template-rows .26s var(--ease-out),opacity .18s ease}.thread-reveal-inner{min-height:0;overflow:hidden}.thread[open] .thread-reveal{grid-template-rows:1fr;opacity:1;padding-bottom:1.8rem}.thread[open] .thread-mark{transform:rotate(45deg)}.thread-reveal h3{color:var(--paper);font-size:clamp(2.1rem,9vw,3.2rem);line-height:.9;margin:1.15rem 0 .95rem;max-width:13ch}.thread-reveal-inner>p{color:var(--warm);font-size:.8rem;line-height:1.7;margin-bottom:0;max-width:44ch}.thread-reveal .calibration-line{border-bottom:1px solid #52636b;border-top:1px solid #52636b;color:var(--blue);font:.56rem/1.7 var(--mono);margin-top:1.25rem;padding:.75rem 0;text-transform:uppercase}.thread-reveal .margin-note{color:var(--faded);margin:1.1rem 0 0;transform:rotate(-1.3deg)}.source-link{border-bottom:1px solid var(--plum);color:var(--paper);margin-top:1.4rem;padding-bottom:.35rem;text-decoration:none}.receipts summary::-webkit-details-marker{display:none}.receipts{background:#e8ded0;border-top:1px solid #978a7e;color:#27211f;min-height:45svh}.receipts details{border-bottom:1px solid #978a7e;border-top:1px solid #978a7e;max-width:48rem}.receipts summary{align-items:center;cursor:pointer;display:flex;justify-content:space-between;min-height:4.1rem}.receipts summary span:last-child{color:#765d86;font-size:1.3rem;transition:transform .18s var(--ease-out)}.receipts details[open] summary span:last-child{transform:rotate(45deg)}.receipt-copy{padding:.3rem 0 1.3rem}.receipt-copy p{border-top:1px solid #b1a69a;color:#544b45;font-size:.78rem;line-height:1.68;margin:0;padding:1rem 0}.receipt-copy b{color:#2a2421;font:.58rem var(--mono);letter-spacing:.04em;text-transform:uppercase}.leave-a-note{display:flex;flex-direction:column;justify-content:center;min-height:100svh}.leave-a-note h2{color:var(--paper);font-size:clamp(4.2rem,17vw,8rem);line-height:.82;margin:1rem 0 2rem}.leave-a-note>a{border-bottom:1px solid var(--rust);color:var(--paper);padding-bottom:.5rem;text-decoration:none}.leave-a-note>div{display:flex;gap:1.2rem;margin-top:2rem}.leave-a-note>div a{color:var(--faded);font:.62rem var(--mono)}.leave-a-note small{color:#716762;margin:auto 0 0;padding-top:4rem}@media(min-width:720px){.quiet-header{padding:1.35rem 2rem}.cover,.threads,.receipts,.leave-a-note{padding-left:clamp(3rem,13vw,16rem);padding-right:clamp(3rem,13vw,16rem)}.cover,.leave-a-note{min-height:min(100svh,62rem)}.thread-intro{margin-bottom:4.5rem}.thread-trigger{min-height:4.7rem}.thread-reveal h3{font-size:3.4rem}}@media(hover:hover)and (pointer:fine){.come-in:hover,.source-link:hover,.leave-a-note>a:hover{color:var(--plum);transform:translate(.16rem)}.thread-trigger:hover .thread-handle,.leave-a-note>div a:hover{color:var(--plum)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.thread-reveal{opacity:1;transition:none}.thread-reveal,.come-in,.source-link,.leave-a-note>a{transition:color .16s ease,background-color .16s ease}}
