.archive{--ra-background: hsl(var(--background));--ra-surface: hsl(var(--secondary));--ra-ink: hsl(var(--foreground));--ra-muted: hsl(var(--muted-foreground));--ra-faint: hsl(var(--foreground) / 42%);--ra-rule: hsl(var(--border));--ra-thumb-dim: .5;--ra-reading: hsl(var(--foreground));--ra-serif: var(--font-serif);--ra-sans: var(--font-sans);--ra-gutter: clamp(1.25rem, 3.5vw, 3.5rem);color-scheme:light dark;font-family:var(--ra-sans);color:var(--ra-ink);background:var(--ra-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}@media(prefers-color-scheme:dark){.archive{--ra-thumb-dim: .3}}.dark .archive{--ra-thumb-dim: .3}.archive *,.archive *:before,.archive *:after{box-sizing:border-box}.archive button,.archive input,.archive a{font:inherit}.archive button,.archive a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.archive button{color:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}.archive button:disabled{cursor:default}.archive a{color:inherit;text-decoration:none}.archive button svg,.archive a svg{flex-shrink:0}.archive ::selection{color:var(--ra-background);background:var(--ra-ink)}.archive :focus-visible{outline:1px solid var(--ra-ink);outline-offset:4px}.archive button:focus:not(:focus-visible),.archive a:focus:not(:focus-visible){outline:none}.archive h1,.archive h2,.archive h3,.archive p,.archive dl,.archive ol{margin:0}.archive{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100svh;min-height:34rem;padding:0 var(--ra-gutter);overflow:clip}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:max(1.4rem,env(safe-area-inset-top)) 0 1rem}.topbar__nav{display:inline-flex;align-items:center;gap:.6rem;min-width:0}.topbar__back{display:inline-flex;align-items:center;gap:.35rem;color:var(--ra-muted);font-size:.8125rem;transition:color .16s ease}.topbar__back:hover{color:var(--ra-ink)}.topbar__brand{font-size:.9375rem;font-weight:500;letter-spacing:-.01em;white-space:nowrap}.topbar__meta{display:inline-flex;align-items:center;gap:.45rem;color:var(--ra-muted);font-size:.6875rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;transition:color .16s ease}.topbar__meta:hover{color:var(--ra-ink)}.topbar__dot{color:var(--ra-faint)}.stage{position:relative;min-height:0}.stage:after{content:"";position:absolute;inset:auto 0 0;height:42%;pointer-events:none;background:linear-gradient(to top,color-mix(in srgb,var(--ra-background) 88%,transparent),transparent)}.scene-stage{position:absolute;inset:0;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}.scene-stage[data-dragging]{cursor:grabbing}.scene-canvas,.scene-fallback{position:absolute;inset:0}.scene-canvas{opacity:0;transition:opacity .5s ease}.scene-stage[data-ready] .scene-canvas{opacity:1}.scene-fallback{transition:opacity .3s ease,visibility .3s ease}.scene-stage[data-ready] .scene-fallback{opacity:0;visibility:hidden;pointer-events:none}.cover-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:2rem}.cover-fallback>img{width:auto;height:auto;max-width:50%;max-height:min(54%,420px);object-fit:contain}.cover-fallback__missing{max-width:22rem;text-align:center}.cover-fallback__missing>p{margin:0 0 .5rem;font:700 2.6rem / 1.05 var(--ra-serif)}.cover-fallback__missing>span{color:var(--ra-muted);font-size:.875rem}.copy{position:absolute;z-index:2;left:0;bottom:1.5rem;width:min(100%,34rem);pointer-events:none}.copy:focus{outline:none}.copy__inner{animation:copy-in .52s cubic-bezier(.2,.65,.25,1) both}.copy__eyebrow{display:flex;align-items:center;gap:.75rem;margin:0 0 .9rem;color:var(--ra-faint);font-size:.6875rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;font-variant-numeric:tabular-nums}.copy__rule{width:1.5rem;height:1px;background:var(--ra-rule)}.copy__status{display:inline-flex;align-items:center;gap:.5rem;color:var(--ra-ink)}.copy__status-dot{position:relative;width:.4rem;height:.4rem;border-radius:50%;background:var(--ra-reading)}.copy__status-dot:after{content:"";position:absolute;inset:-.2rem;border-radius:50%;border:1px solid var(--ra-reading);animation:reading-pulse 2.2s ease-out infinite}.copy__title{margin:0 0 .5rem -.03em;font:700 clamp(2.6rem,4.4vw,4.5rem) / .98 var(--ra-serif);letter-spacing:-.03em;text-wrap:balance;overflow-wrap:anywhere}.copy__title--medium{font-size:clamp(2.2rem,3.6vw,3.6rem);line-height:1.02}.copy__title--long{font-size:clamp(1.8rem,2.8vw,2.8rem);line-height:1.06}.copy__subtitle{max-width:34ch;margin:0 0 .6rem;color:var(--ra-muted);font:400 clamp(1.05rem,1.4vw,1.35rem) / 1.2 var(--ra-serif);text-wrap:balance}.copy__author{margin:.35rem 0 0;font-size:.9375rem;color:var(--ra-muted)}.stats{display:flex;flex-wrap:wrap;gap:.75rem 2rem;margin:1.25rem 0 0}.stats>div{min-width:0}.stats dt{margin-bottom:.4rem;color:var(--ra-faint);font-size:.625rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.stats dd{margin:0;font-size:.875rem;font-variant-numeric:tabular-nums;line-height:1.2}.rating{display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap}.rating__stars{display:inline-flex;gap:.05rem}.rating__stars svg{width:13px;height:13px}.rating__number{display:none}.rating--muted{color:var(--ra-muted)}.copy__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.copy__actions>*{pointer-events:auto}.pill{display:inline-flex;align-items:center;gap:.45rem;min-height:2.25rem;padding:.35rem .9rem;border:1px solid var(--ra-rule);border-radius:999px;background:transparent;color:var(--ra-ink);font-size:.8125rem;text-decoration:none;transition:border-color .16s ease,background-color .16s ease}.pill:hover{border-color:var(--ra-muted);background:color-mix(in srgb,var(--ra-ink) 5%,transparent)}.gallery{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:1rem;padding:.75rem 0 max(1rem,env(safe-area-inset-bottom))}.gallery__arrow{display:grid;place-items:center;width:2.25rem;height:2.25rem;border:1px solid var(--ra-rule);border-radius:50%;background:transparent;color:var(--ra-ink);transition:border-color .16s ease,opacity .16s ease}.gallery__arrow:hover:not(:disabled){border-color:var(--ra-muted)}.gallery__arrow:disabled{opacity:.25}.gallery__scrub{display:grid;gap:.5rem;min-width:0}.gallery__strip{display:flex;align-items:flex-end;gap:.45rem;margin:0;padding:.25rem 1.25rem 0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-padding:1.25rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 1.25rem,#000 calc(100% - 1.25rem),transparent);mask-image:linear-gradient(90deg,transparent,#000 1.25rem,#000 calc(100% - 1.25rem),transparent)}.gallery__strip::-webkit-scrollbar{display:none}.gallery__strip li{flex:0 0 auto}.gallery__book{position:relative;display:block;padding:0;border:0;background:none;opacity:var(--ra-thumb-dim);transition:opacity .18s ease,transform .22s ease}.gallery__book>img{display:block;width:auto;height:2.5rem;max-width:2rem;object-fit:cover}.gallery__book[aria-current=true],.gallery__book:hover{opacity:1}.gallery__book[aria-current=true]{transform:translateY(-2px)}.gallery__reading{position:absolute;top:-.3rem;right:-.3rem;width:.45rem;height:.45rem;border-radius:50%;background:var(--ra-reading);box-shadow:0 0 0 2px var(--ra-background)}.gallery__book:has(.gallery__reading){opacity:max(var(--ra-thumb-dim),.7)}.gallery__book[aria-current=true]:has(.gallery__reading){opacity:1}.gallery__fallback{display:grid;place-items:center;width:1.75rem;height:2.5rem;border:1px solid var(--ra-rule);font:italic 1.1rem var(--ra-serif)}.gallery__track{height:1px;background:var(--ra-rule);overflow:hidden}.gallery__progress{display:block;height:100%;width:100%;background:var(--ra-ink);transform-origin:left;transition:transform .4s cubic-bezier(.2,.65,.25,1)}.gallery__count{color:var(--ra-muted);font-size:.6875rem;letter-spacing:.1em;font-variant-numeric:tabular-nums;white-space:nowrap}.notes{position:fixed;width:min(38rem,calc(100% - 2rem));max-width:none;max-height:calc(100dvh - 3rem);margin:auto;padding:0;overflow-y:auto;overscroll-behavior:contain;color:var(--ra-ink);background:var(--ra-surface);border:1px solid var(--ra-rule);border-radius:6px;box-shadow:0 2rem 6rem #00000059;font-family:var(--ra-sans)}.notes[open]{animation:notes-in .3s cubic-bezier(.2,.7,.2,1) both}.notes::backdrop{background:#0000008c}.notes__header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.5rem;background:var(--ra-surface);border-bottom:1px solid var(--ra-rule);color:var(--ra-faint);font-size:.6875rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.notes__close{display:grid;place-items:center;width:2.25rem;height:2.25rem;border:1px solid var(--ra-rule);border-radius:50%;background:transparent;color:var(--ra-ink)}.notes__close:hover{border-color:var(--ra-muted)}.notes__body{padding:1.75rem 1.5rem 2rem}.notes h2{margin:0;font:700 2.4rem / 1.05 var(--ra-serif);letter-spacing:-.02em;overflow-wrap:anywhere;text-wrap:balance}.notes__author{margin:.6rem 0 1.5rem;color:var(--ra-muted);font-size:.9375rem}.notes__section{border-top:1px solid var(--ra-rule);padding-top:1.25rem;margin-bottom:1.5rem}.notes__section-heading{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;justify-content:space-between}.notes h3{margin:0;color:var(--ra-faint);font-size:.6875rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.notes__section>p{margin:1rem 0 0;color:var(--ra-muted);font-size:.9375rem;line-height:1.75;white-space:pre-line;overflow-wrap:anywhere}body:has(.notes[open]){overflow:hidden}.feed-error{display:flex;flex-direction:column;height:auto;min-height:100svh}.feed-error__body{flex:1;width:min(100%,44rem);align-self:center;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:4rem 0 6rem}.feed-error h1{margin:0;font:700 clamp(2.6rem,5vw,4.5rem) / 1 var(--ra-serif);letter-spacing:-.03em;text-wrap:balance}.feed-error p{max-width:46ch;margin:1.25rem 0 0;color:var(--ra-muted);font-size:.9375rem;line-height:1.7}.feed-error__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.75rem}.skip-link{position:absolute;z-index:40;top:.5rem;left:var(--ra-gutter);padding:.75rem 1rem;background:var(--ra-ink);color:var(--ra-background);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.archive .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@keyframes copy-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes reading-pulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}@keyframes notes-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:899px){.archive{display:flex;flex-direction:column;height:auto;min-height:100svh}.stage{--scene-height: clamp(17rem, 58vw, 26rem);display:flex;flex-direction:column;flex:1 1 auto;margin:0 calc(-1 * var(--ra-gutter))}.stage:after{display:none}.scene-stage{position:relative;inset:auto;flex:1 1 var(--scene-height);min-height:var(--scene-height)}.copy{position:static;width:auto;padding:1rem var(--ra-gutter) .5rem;pointer-events:auto}.copy__title{font-size:clamp(2.2rem,8vw,3.2rem)}.copy__title--medium{font-size:clamp(1.9rem,6.5vw,2.7rem)}.copy__title--long{font-size:clamp(1.6rem,5.5vw,2.2rem)}.gallery{padding-top:1.25rem}}@media(max-width:520px){.gallery{grid-template-columns:minmax(0,1fr) auto}.gallery__arrow{display:none}.topbar__meta>span:first-child,.topbar__meta>.topbar__dot{display:none}.topbar__nav>.topbar__dot,.topbar__brand{display:none}.stats{gap:.75rem 1.5rem}.notes{width:calc(100% - 1rem);max-height:calc(100dvh - 1rem)}.notes__body{padding:1.25rem 1.1rem 1.5rem}.notes__header{padding:.65rem 1.1rem}.notes h2{font-size:2rem}}@media(prefers-reduced-motion:reduce){.archive *,.archive *:before,.archive *:after,.notes,.notes *{animation:none!important;transition:none!important}}@media(forced-colors:active){.stage:after{display:none}.pill,.gallery__arrow{border:1px solid ButtonText}.gallery__book[aria-current=true]{outline:2px solid Highlight}}
