:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,#f4f1ea)var(--lightningcss-dark,#0f0e0c);--ink:var(--lightningcss-light,#1a1814)var(--lightningcss-dark,#efe9dd);--text:var(--lightningcss-light,#2d2a25)var(--lightningcss-dark,#cdc6b8);--muted:var(--lightningcss-light,#726b60)var(--lightningcss-dark,#8f887c);--line:var(--lightningcss-light,#1a181424)var(--lightningcss-dark,#efe9dd29);--tint:var(--lightningcss-light,#1a18140d)var(--lightningcss-dark,#efe9dd12);--accent:var(--lightningcss-light,#97784b)var(--lightningcss-dark,#c9aa71);--shadow:var(--lightningcss-light,#3c301c40)var(--lightningcss-dark,#000000b3);--dim:var(--lightningcss-light,#0000)var(--lightningcss-dark,#0f0e0c24);--display:Didot, "Bodoni 72", "Bodoni MT", "Playfair Display", Georgia, serif;--serif:"Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;--sans:"Avenir Next", Avenir, "Helvetica Neue", "Segoe UI", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ease:cubic-bezier(.22, 1, .36, 1);--scale:1;--progress:0}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scrollbar-gutter:stable;scrollbar-color:var(--line) transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:6rem}body{background:var(--bg);color:var(--text);font:400 1rem/1.5 var(--sans);-webkit-font-smoothing:antialiased;margin:0}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:1px solid var(--accent);outline-offset:4px}::selection{background:color-mix(in srgb, var(--accent) 30%, transparent)}.cta,.hint,.formats,.count,.tools .open,.projects :is(a,button),.new-project,.tally,.quiet,.entry-meta,.entry-move{font:500 .6875rem/1 var(--sans);letter-spacing:.26em;text-transform:uppercase}[hidden]{display:none!important}.progress{z-index:3;background:var(--accent);height:2px;transform:scaleX(var(--progress));transform-origin:0;position:fixed;inset:0 0 auto}.progress.loading{animation:glide 1.6s var(--ease) infinite}.bar{z-index:2;height:4.25rem;transition:transform .7s var(--ease);grid-template-columns:1fr minmax(0,auto) 1fr;align-items:center;gap:1.5rem;padding:0 clamp(1.25rem,3vw,2.5rem);display:grid;position:fixed;inset:0 0 auto}.bar:not(.plain){background:color-mix(in srgb, var(--bg) 88%, transparent);box-shadow:0 1px 0 var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.bar.away{transform:translateY(-105%)}.wordmark{color:var(--ink);font:400 1.5rem/1 var(--display);letter-spacing:-.01em;white-space:nowrap;grid-column:1;justify-self:start;text-decoration:none}.title{grid-column:2;align-items:baseline;gap:1.25rem;min-width:0;margin:0;display:flex}.name{color:var(--ink);font:italic 400 1rem/1.5 var(--serif);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.count{color:var(--muted);font-variant-numeric:tabular-nums;flex:none}.count:empty{display:none}@media (width<=32.5rem){.name{display:none}.wordmark{text-align:left;white-space:normal;width:min-content;font-size:1.25rem;line-height:.95}}.tools{grid-column:3;justify-self:end;align-items:center;display:flex}.tools button{min-width:2.5rem;height:2.5rem;color:var(--muted);transition:color .4s var(--ease);place-items:center;display:grid}.tools button:hover{color:var(--ink)}.tools .smaller{font:400 .9375rem/1 var(--display)}.tools .larger{font:400 1.375rem/1 var(--display)}.tools .open{padding:0 .75rem}.welcome{text-align:center;place-content:center;justify-items:center;min-height:100svh;padding:6rem 1.5rem;display:grid;position:relative}.welcome>*{animation:rise 1.4s var(--ease) backwards}.welcome>:nth-child(2){animation-delay:.12s}.welcome>:nth-child(3){animation-delay:.24s}.welcome>:nth-child(4){animation-delay:.32s}.welcome>:nth-child(5){animation-delay:.5s}.brand{color:var(--ink);font:400 clamp(3.25rem, 11vw, 8.5rem)/.9 var(--display);letter-spacing:-.03em;white-space:nowrap;margin:0}.lede{color:var(--muted);font:italic 400 1.25rem/1.4 var(--serif);margin:2.25rem 0 3.75rem}.lede:before{content:"";background:var(--accent);width:2.5rem;height:1px;margin:0 auto 2rem;display:block}.cta{border:1px solid var(--ink);background:linear-gradient(var(--ink), var(--ink)) no-repeat 50% 100% / 100% 0;color:var(--ink);text-indent:.26em;transition:background-size .6s var(--ease), color .6s var(--ease);padding:1.2rem 2.75rem;text-decoration:none;display:inline-block}.cta:hover,.cta:focus-visible{color:var(--bg);background-size:100% 100%}.hint{color:var(--muted);margin:1.5rem 0 0}.formats{color:var(--muted);word-spacing:.5em;margin:0;position:absolute;inset:auto 0 2.5rem}.library{max-width:46rem;animation:rise 1.2s var(--ease) backwards;margin:0 auto;padding:9rem clamp(1.25rem,4vw,2.5rem) 6rem}.projects{flex-wrap:wrap;gap:.5rem 2.25rem;margin-bottom:4.5rem;display:flex}.projects :is(a,button),.new-project{color:var(--muted);transition:color .4s var(--ease), border-color .4s var(--ease);border-bottom:1px solid #0000;padding:.6rem 0;text-decoration:none}.projects :is(a,button):hover,.projects .current{color:var(--ink)}.projects .current{border-bottom-color:var(--accent)}.projects .new:before{content:"+";margin-right:.7em}.new-project{border-width:0 0 1px;border-bottom-color:var(--accent);width:15rem;color:var(--ink);background:0 0;border-radius:0}.shelf{grid-template-columns:1fr auto;align-items:baseline;gap:1rem 2rem;margin-bottom:1.5rem;display:grid}.shelf h1{grid-column:1/-1;margin:0}.heading{width:100%;color:var(--ink);font:400 clamp(2.5rem, 7vw, 4rem)/1.15 var(--display);letter-spacing:-.02em;text-overflow:ellipsis;background:0 0;border:0;border-radius:0;padding:0}.heading:read-only{cursor:default}.heading:focus-visible,.new-project:focus-visible{outline:none}.heading:read-write:focus{box-shadow:0 1px 0 var(--accent)}.tally{color:var(--muted);margin:0}.quiet{color:var(--muted);transition:color .4s var(--ease), opacity .4s var(--ease)}.quiet:hover{color:var(--ink)}.quiet.armed{color:var(--accent)}.entries{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.entry{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:1.75rem;padding-bottom:1.1rem;display:grid}.entry-title{color:var(--ink);font:400 1.25rem/1.3 var(--serif);text-align:left;transition:color .4s var(--ease);grid-column:1/-1;padding:1.4rem 0 .5rem;text-decoration:none;display:block}.entry-title:hover{color:var(--accent)}.entry-meta{color:var(--muted);white-space:nowrap;transition:opacity .4s var(--ease)}.entry-tools{transition:opacity .4s var(--ease);align-items:baseline;gap:1.75rem;display:flex}.entry-move{width:4.75em;color:var(--muted);appearance:none;cursor:pointer;transition:color .4s var(--ease), opacity .4s var(--ease);background:0 0;border:0;padding:0}.entry-move:hover{color:var(--ink)}@media (hover:hover) and (width>=32.5rem){.entry{padding-bottom:0}.entry-title{text-overflow:ellipsis;white-space:nowrap;grid-column:1;padding-bottom:1.4rem;overflow:hidden}.entry-meta,.entry-tools{grid-area:1/2;justify-self:end}.entry-tools,.entry:is(:hover,:focus-within) .entry-meta{opacity:0}.entry:is(:hover,:focus-within) .entry-tools{opacity:1}}.add{flex-wrap:wrap;align-items:center;gap:1.25rem 2rem;margin-top:3.5rem;display:flex}.add .hint{margin:0}.prose{box-sizing:content-box;max-width:31em;font:400 calc(1.1875rem * var(--scale)) / 1.72 var(--serif);font-variant-numeric:oldstyle-nums;overflow-wrap:break-word;text-wrap:pretty;margin:0 auto;padding:9.5rem 1.5rem 12rem}.prose>:first-child{margin-top:0}.prose :is(h1,h2,h3){color:var(--ink);font-family:var(--display);text-wrap:balance;font-weight:400}.prose h1{letter-spacing:-.02em;margin:1.6em 0 .5em;font-size:2.1em;line-height:1.08}.prose>h1:first-child{margin-bottom:.5em;font-size:2.7em}.prose h2{letter-spacing:-.01em;margin:2.2em 0 .6em;font-size:1.75em;line-height:1.18}.prose h3{margin:2em 0 .5em;font-size:1.3em;line-height:1.3}.prose :is(h4,h5,h6){color:var(--muted);font:600 .6em/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;margin:3.6em 0 1.2em}.prose :is(p,ul,ol,pre,table,blockquote,figure){margin:0 0 1.35em}.prose :is(li,td,th,blockquote)>:last-child{margin-bottom:0}.prose .subtitle{color:var(--muted);font-size:1.25em;font-style:italic}.prose a{color:inherit;-webkit-text-decoration:underline 1px var(--accent);text-decoration:underline 1px var(--accent);text-underline-offset:.24em;transition:color .4s var(--ease)}.prose a:hover{color:var(--accent)}.prose strong{color:var(--ink);font-weight:600}.prose blockquote{border-left:1px solid var(--accent);color:var(--ink);padding-left:1.6em;font-style:italic}.prose hr{background:var(--muted);border:0;width:3rem;height:1px;margin:3.5em auto}.prose :is(ul,ol){padding-left:1.3em}.prose li{margin:.4em 0}.prose li::marker{color:var(--muted)}.prose li:has(>input[type=checkbox]){margin-left:-1.3em;list-style:none}.prose input[type=checkbox]{accent-color:var(--accent);margin:0 .6em 0 0}.prose img{max-width:100%;height:auto;margin:2.5em auto;display:block}.prose code{background:var(--tint);font:.8em var(--mono);padding:.15em .4em}.prose pre{background:var(--tint);font:.78em/1.7 var(--mono);padding:1.5em 1.75em;overflow-x:auto}.prose pre code{background:0 0;padding:0;font-size:1em}.prose table{border-collapse:collapse;max-width:100%;font:.8em/1.5 var(--sans);font-variant-numeric:tabular-nums;display:block;overflow-x:auto}.prose :is(th,td){border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.9em 2.5em .9em 0}.prose th{border-bottom-color:var(--ink);color:var(--ink);letter-spacing:.16em;text-transform:uppercase;font-size:.8em;font-weight:600}.pages{padding:7.5rem clamp(1rem,4vw,3rem) 9rem}.page{--scale-round-x:1px;--scale-round-y:1px;width:calc(min(100%, var(--w)) * var(--scale));aspect-ratio:var(--ratio);box-shadow:0 0 0 1px var(--line), 0 2.5rem 5rem -2.5rem var(--shadow);background:#fff;margin:0 auto 2.5rem;position:relative}.page:after{content:"";background:var(--dim);pointer-events:none;position:absolute;inset:0}.page canvas{width:100%;height:100%;position:absolute;inset:0}.page canvas.fresh{animation:fade .9s var(--ease)}.textLayer{--min-font-size:1;--text-scale-factor:calc(var(--total-scale-factor) * var(--min-font-size));--min-font-size-inv:calc(1 / var(--min-font-size));letter-spacing:normal;word-spacing:normal;text-align:initial;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;transform-origin:0 0;line-height:1;position:absolute;inset:0;overflow:clip}.textLayer[data-main-rotation="90"]{transform:rotate(90deg)translateY(-100%)}.textLayer[data-main-rotation="180"]{transform:rotate(180deg)translate(-100%,-100%)}.textLayer[data-main-rotation="270"]{transform:rotate(270deg)translate(-100%)}.textLayer :is(span,br){color:#0000;white-space:pre;cursor:text;transform-origin:0 0;position:absolute}.textLayer>:not(.markedContent),.textLayer .markedContent span:not(.markedContent){--font-height:0;--scale-x:1;--rotate:0deg;font-size:calc(var(--text-scale-factor) * var(--font-height));transform:rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv))}.textLayer .markedContent{display:contents}.textLayer ::selection{background:color-mix(in srgb, var(--accent) 40%, transparent);color:#0000}.textLayer br::selection{background:0 0}.veil{z-index:5;background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;pointer-events:none;transition:opacity .45s var(--ease);place-items:center;display:grid;position:fixed;inset:0}.veil:before{content:"";border:1px solid var(--accent);position:absolute;inset:1.5rem}.veil p{color:var(--ink);font:italic 400 clamp(2rem, 5vw, 3.25rem)/1 var(--display);pointer-events:none;margin:0}.dragging .veil{opacity:1;pointer-events:auto}.notice{z-index:4;border:1px solid var(--line);background:var(--bg);max-width:calc(100vw - 3rem);color:var(--ink);font:italic 400 1rem/1.5 var(--serif);text-align:center;opacity:0;pointer-events:none;transition:opacity .5s var(--ease), translate .5s var(--ease);margin:0;padding:.9rem 1.75rem;position:fixed;bottom:5.5rem;left:50%;translate:-50% .75rem}.notice.shown{opacity:1;translate:-50%}::view-transition-old(root){animation-duration:.7s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-new(root){animation-duration:.7s;animation-timing-function:cubic-bezier(.22,1,.36,1)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@keyframes fade{0%{opacity:0}}@keyframes glide{0%{transform:translate(-30%)scaleX(.3)}to{transform:translate(100%)scaleX(.3)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}::view-transition-old(root){transition:none!important;animation:none!important}::view-transition-new(root){transition:none!important;animation:none!important}}
