@property --scene-focus{syntax: "<length>"; inherits: true; initial-value: 0px;}.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);--page-inset: max(var(--grid-margin), (100cqw - var(--grid-max)) / 2);--content: calc(100cqw - var(--page-inset) * 2);--col: calc( (var(--content) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) );container-type:inline-size;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}:where(.archive) :where(button,input,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}:where(.archive) :where(h1,h2,h3,p,dl,ol){margin:0}.archive{display:flex;flex-direction:column;min-height:100svh}.topbar,.copy,.gallery{padding-inline:var(--page-inset)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);line-height:var(--line-24);padding-block:max(var(--space-md),env(safe-area-inset-top)) var(--space-sm)}.topbar__nav{display:inline-flex;align-items:center;gap:var(--space-sm);min-width:0}.topbar__back{display:inline-flex;align-items:center;gap:var(--space-xs);color:hsl(var(--muted-foreground));font-size:var(--text-sm);font-weight:500;line-height:var(--line-24);letter-spacing:.02em;text-transform:uppercase;transition:color .16s ease}.topbar__back:hover{color:var(--ra-ink)}.topbar__brand{font-family:var(--ra-serif);font-size:var(--text-base);font-weight:700;line-height:var(--line-24);white-space:nowrap}.topbar__meta{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--ra-muted);font-size:.75rem;font-weight:500;line-height:var(--line-24);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;transition:color .16s ease}.topbar__meta:hover{color:var(--ra-ink)}.topbar__dot{color:var(--ra-faint)}.stage{position:relative;display:flex;flex-direction:column;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{--scene-focus: 50cqw;--scene-book-share: .74;--scene-lift: 0;position:relative;flex:none;height:round(down,clamp(18rem,84cqw,34rem),var(--rhythm));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;padding-left:max(2rem,calc(var(--scene-focus) * 2 - 100%))}.cover-fallback>img{width:auto;height:auto;max-width:60%;max-height:min(70%,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:relative;z-index:2;padding-top:var(--space-sm)}.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:var(--space-sm);margin:0 0 var(--space-sm);color:var(--ra-faint);font-size:.75rem;font-weight:500;line-height:var(--line-18);letter-spacing:.14em;text-transform:uppercase;font-variant-numeric:tabular-nums}.copy__rule{width:var(--space-md);height:1px;background:var(--ra-rule)}.copy__status{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--ra-ink)}.copy__status-dot{position:relative;width:6px;height:6px;border-radius:50%;background:var(--ra-reading)}.copy__status-dot:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1px solid var(--ra-reading);animation:reading-pulse 2.2s ease-out infinite}.copy__title{margin:0 0 var(--space-xs);font:700 var(--text-2xl) / var(--line-42) var(--ra-serif);letter-spacing:-.025em;text-wrap:balance;overflow-wrap:anywhere}.copy__title--medium{font-size:var(--text-xl);line-height:var(--line-36)}.copy__title--long{font-size:var(--text-lg);line-height:var(--line-30)}.copy__subtitle{max-width:34ch;margin:0 0 var(--space-xs);color:var(--ra-muted);font:400 var(--text-base) / var(--line-24) var(--ra-serif);text-wrap:balance}.copy__author{margin:0;color:var(--ra-muted);font-size:var(--text-sm);line-height:var(--line-24)}.stats{display:grid;grid-template-columns:repeat(3,max-content);gap:var(--space-sm) var(--space-lg);margin:var(--space-md) 0 0}.stats>div{min-width:0}.stats dt{margin-bottom:var(--space-xs);color:var(--ra-faint);font-size:.75rem;font-weight:500;line-height:var(--line-18);letter-spacing:.14em;text-transform:uppercase}.stats dd{margin:0;font-size:var(--text-sm);line-height:var(--line-24);font-variant-numeric:tabular-nums}.rating{display:inline-flex;align-items:center;gap:var(--space-xs);white-space:nowrap}.rating__stars{display:inline-flex;gap:1px}.rating__stars svg{width:14px;height:14px}.rating__number{display:none}.rating--muted{color:var(--ra-muted)}.copy__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.copy__actions>*{pointer-events:auto}.pill{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:var(--line-36);padding:0 var(--line-18);border:1px solid var(--ra-rule);border-radius:999px;background:transparent;color:var(--ra-ink);font-size:.875rem;line-height:var(--line-24);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:repeat(var(--grid-columns),minmax(0,1fr));align-items:center;column-gap:var(--grid-gutter);line-height:var(--line-18);margin-top:auto;padding-top:var(--space-lg);padding-bottom:max(var(--space-md),env(safe-area-inset-bottom))}.gallery__arrow{display:none;place-items:center;width:var(--line-36);height:var(--line-36);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{grid-column:1 / span 3;display:grid;gap:var(--space-xs);min-width:0}.gallery__strip{display:flex;align-items:flex-end;gap:var(--space-xs);margin:0;padding:var(--space-xs) var(--line-18) 0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-padding:var(--line-18);-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--line-18),#000 calc(100% - var(--line-18)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--line-18),#000 calc(100% - var(--line-18)),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:var(--line-42);max-width:28px;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:28px;height:var(--line-42);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{grid-column:-2;justify-self:end;color:var(--ra-muted);font-size:.75rem;line-height:var(--line-18);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:100%;max-width:calc(44rem + var(--page-inset) * 2);padding-inline:var(--page-inset);align-self:center;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-block:var(--space-3xl)}.feed-error h1{margin:0;font:700 clamp(2.6rem,5vw,4.5rem) / 1.08 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(--page-inset);padding:var(--space-sm) var(--line-18);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(min-width:900px){.archive{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100svh;min-height:36rem;overflow:clip}.topbar{padding-top:max(var(--space-lg),env(safe-area-inset-top))}.stage:before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(to right,color-mix(in srgb,var(--ra-background) 92%,transparent) calc(var(--page-inset) + var(--col) * 3),transparent calc(var(--page-inset) + var(--col) * 6 + var(--grid-gutter) * 5))}.scene-stage{--scene-focus: calc( var(--page-inset) + var(--content) * .75 + var(--grid-gutter) * .25 );--scene-book-share: .56;--scene-lift: .2;position:absolute;inset:0;height:auto}.copy{position:absolute;left:0;bottom:var(--space-lg);width:calc(var(--page-inset) + var(--col) * 5 + var(--grid-gutter) * 4);padding-inline-end:0;pointer-events:none}.copy__eyebrow{margin-bottom:var(--space-md)}.copy__title{font-size:var(--text-4xl);line-height:var(--line-60)}.copy__title--medium{font-size:var(--text-3xl);line-height:var(--line-48)}.copy__title--long{font-size:var(--text-2xl);line-height:var(--line-42)}.copy__subtitle{font-size:var(--text-lg);line-height:var(--line-30)}.gallery{margin-top:0;padding-top:var(--space-sm)}}@media(min-width:768px){.gallery__arrow{display:grid;grid-row:1}.gallery__arrow:first-child{grid-column:1}.gallery__arrow:last-child{grid-column:-2;justify-self:end}.gallery__scrub{grid-column:2 / span 9}.gallery__count{grid-column:11;grid-row:1}}@media(max-width:520px){.topbar__meta>span:first-child,.topbar__meta>.topbar__dot{display:none}.topbar__nav>.topbar__dot,.topbar__brand{display:none}.stats{gap:var(--space-sm) var(--space-md)}.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}}