:root{--paper: #f7f5f1;--page: #fffdf8;--ink: #1c1c1c;--muted: #6a655e;--wood: #c4a078;--wood-dark: #a9845c;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%;height:100%}body{margin:0;font-family:Poppins,system-ui,sans-serif;color:var(--ink);background:var(--paper)}h1,.article-body h1,.intro-title,.page-copy h1{font-family:Barlow Condensed,Arial Narrow,sans-serif;font-weight:800;letter-spacing:-.02em}h2{font-family:Cormorant Garamond,Georgia,serif;font-weight:600}a{color:#5c4a2e}button,input{font:inherit}.library{min-height:100vh;display:flex;flex-direction:column}.stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.7rem;padding:2.2rem 1.5rem 1rem}.intro{text-align:center;max-width:36rem;padding:0 .75rem}.intro-title{margin:0;font-size:clamp(2.1rem,5vw,3.35rem);line-height:.95;color:var(--ink)}.intro-lede{margin:.65rem 0 0;font-family:Poppins,system-ui,sans-serif;font-weight:400;font-size:1.02rem;line-height:1.45;color:var(--muted)}.copy-stage{flex:1;padding:2.5rem 1.25rem 2rem}.page-copy{max-width:720px;margin:0 auto}.page-copy h1{font-size:clamp(2rem,4vw,3rem);margin:0 0 .6rem}.lede{font-size:1.12rem;color:#444}.muted{color:var(--muted);font-size:.92rem}.page-copy h2{margin-top:2rem}.page-copy blockquote{margin:1.5rem 0;padding:1rem 1.2rem;border-left:3px solid #c4a078;background:#fff;color:#555}.plain-list{padding-left:1.1rem;line-height:1.8}.text-link{background:none;border:0;padding:0;color:#5c4a2e;cursor:pointer;text-decoration:underline;text-underline-offset:3px;font:inherit}.contact-card{display:inline-block;padding:1rem 1.2rem;background:#fff;border:1px solid #ddd6cb;border-radius:6px}.shelf{--cover-aspect: .70707;width:min(1200px,100%)}.row{list-style:none;display:flex;align-items:flex-end;justify-content:center;flex-wrap:wrap;gap:1.8rem 2rem;margin:0;padding:0}.row li{width:168px;height:238px;flex:0 0 168px}.book{width:168px;height:238px;padding:0;border:0;background:transparent;cursor:pointer;position:relative;overflow:visible;perspective:900px;transform-style:preserve-3d;transition:transform .16s ease}.book:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:0 2px 2px 0;background:linear-gradient(90deg,#d5cec3,#f4f0e8 8px,#fffdf8 18px);box-shadow:inset 5px 0 8px #281e1414}.book:after{content:"";position:absolute;top:2px;right:-5px;bottom:2px;z-index:0;width:5px;pointer-events:none;background:linear-gradient(90deg,#f4f0e8,#e8e2d8 40%,#d9d2c6 70%,#cfc7b8);border-radius:0 1px 1px 0;box-shadow:1px 0 #c4bbae}.book:hover,.book:focus-visible{transform:translateY(-6px);outline:none}.book:hover .book-face,.book:focus-visible .book-face{transform:rotateY(-16deg);filter:drop-shadow(0 14px 22px rgba(40,30,20,.2))}.book-face{display:block;width:100%;height:100%;position:relative;z-index:1;background:#fff;overflow:visible;border-radius:0 2px 2px 0;transform-origin:left center;transition:transform .28s ease,filter .28s ease;filter:drop-shadow(0 8px 16px rgba(40,30,20,.16));box-shadow:inset 3px 0 #ffffff59,inset 6px 0 8px #281e141f}.book-face:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(40,30,20,.28),rgba(40,30,20,.08) 55%,transparent)}@media(prefers-reduced-motion:reduce){.book:hover .book-face,.book:focus-visible .book-face{transform:none}}.cover-art,.generated-cover{display:block;width:100%;height:100%;position:relative;overflow:hidden;background:#eeeae3;z-index:1}.cover-art canvas,.cover-art img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;object-fit:cover}.cover-wait,.cover-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:1rem;text-align:center;font-family:Cormorant Garamond,Georgia,serif;font-size:1.05rem;color:#555}.generated-cover{display:flex;flex-direction:column;justify-content:flex-end;gap:.35rem;padding:1.1rem 1rem 1.2rem;background:#f3efe8;color:var(--ink);text-align:left}.cover-wait,.cover-fallback{overflow-wrap:anywhere}.generated-title{font-size:.98rem;line-height:1.2;-webkit-hyphens:auto;hyphens:auto}.generated-rule{display:block;width:2rem;height:1px;background:#1c1c1c;margin:.15rem 0 .2rem}.generated-author,.generated-year{font-size:.72rem;letter-spacing:.04em;color:var(--muted)}.colophon{padding:.9rem 1rem 1.2rem;text-align:center;color:var(--muted);font-size:.92rem}.colophon p{margin:0}.viewer{position:fixed;inset:0;z-index:40;height:100%;height:100dvh;background:transparent;color:var(--ink)}.viewer.is-closing{pointer-events:none}.viewer:fullscreen,.viewer:-webkit-full-screen{background:var(--paper);width:100%;height:100%;color:var(--ink)}.viewer:fullscreen .viewer-scrim,.viewer:-webkit-full-screen .viewer-scrim{background:var(--paper);backdrop-filter:none;-webkit-backdrop-filter:none}.viewer::backdrop,.viewer:fullscreen::backdrop{background:var(--paper)}.viewer-scrim{position:absolute;inset:0;background:#f7f5f16b;backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);animation:share-in-backdrop .28s ease-out forwards}.viewer.is-closing .viewer-scrim,.viewer.is-closing .viewer-actions{animation:share-out-backdrop .22s ease-in forwards}.viewer.is-article .viewer-scrim,.viewer.is-article .article-page{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}.viewer-actions{position:absolute;top:max(.85rem,env(safe-area-inset-top,0px));right:max(.9rem,env(safe-area-inset-right,0px));z-index:3;display:flex;gap:.35rem;animation:share-in-backdrop .28s ease-out forwards}.viewer-stage{position:absolute;inset:0;z-index:1;margin:0;width:auto;height:auto;display:flex;flex-direction:column;pointer-events:none;padding-top:max(.5rem,env(safe-area-inset-top,0px));padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:0;transform-origin:center center;animation:share-in-card .28s ease-out forwards}.viewer.is-closing .viewer-stage,.viewer.is-closing .article-page{animation:share-out-card .22s ease-in forwards}.viewer-stage .flipbook,.viewer-stage .mobile-flipbook{pointer-events:auto}.icon-btn,.chevron{background:none;border:0;color:var(--ink);cursor:pointer;padding:.35rem;line-height:1}.icon-btn{font-size:1.15rem;width:2.25rem;height:2.25rem;display:grid;place-items:center;border-radius:999px;background:#f7f5f194;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.icon-btn:hover,.chevron:hover:not(:disabled){color:#000}.icon-btn.is-active{background:#1c1c1c24;color:#000}.chevron{font-size:1.7rem;align-self:center;opacity:1;visibility:visible;transition:opacity .28s ease}.chevron:disabled{opacity:0;cursor:default;pointer-events:none}.flipbook.is-turning .chevron,.flipbook.is-turning .chevron:disabled{opacity:.34;pointer-events:none}.fa-icon{display:inline-flex}.flipbook{flex:1;min-height:0;width:100%;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;grid-template-rows:minmax(0,1fr) auto auto;column-gap:.2rem}.flipbook.is-narrow{grid-template-columns:minmax(0,1fr);column-gap:0}.flipbook.is-narrow .flip-stage{grid-column:1;touch-action:none}.chevron-prev{grid-column:1;grid-row:1}.chevron-next{grid-column:3;grid-row:1}.flip-stage{grid-column:2;grid-row:1;min-height:0;position:relative;display:grid;place-items:center}.flipbook.is-narrow .flip-stage{overflow:hidden}.flip-stage.is-loupe .bound-book{cursor:none}.page-loupe{position:absolute;z-index:8;width:176px;height:176px;margin:-88px 0 0 -88px;border-radius:50%;overflow:hidden;pointer-events:none;opacity:0;border:3px solid rgba(255,253,248,.94);box-shadow:0 10px 28px #281e144d,inset 0 0 0 1px #281e142e;background:var(--page)}.page-loupe canvas{display:block;width:100%;height:100%}.cover-ghost{position:absolute;z-index:6;display:block;pointer-events:none;transform-origin:center center;background:var(--page);box-shadow:0 12px 36px #281e1424;overflow:hidden}.cover-ghost canvas{display:block;width:100%;height:100%;object-fit:contain}.is-cover-prepare .cover-ghost{opacity:1;transform:none}.is-cover-open .cover-ghost{animation:cover-open .72s ease-out forwards}.is-cover-open .bound-book{opacity:0;animation:spread-in .72s ease-out forwards}.is-cover-close .cover-ghost{animation:cover-close .72s ease-out forwards}.is-cover-close .bound-book{animation:spread-out .72s ease-out forwards}@keyframes cover-open{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.16)}}@keyframes cover-close{0%{opacity:0;transform:scale(1.16)}to{opacity:1;transform:scale(1)}}@keyframes spread-in{0%{opacity:0}to{opacity:1}}@keyframes spread-out{0%{opacity:1}to{opacity:0}}.bound-book{position:relative;background:#efebe3;box-shadow:0 12px 36px #281e1424;transform-origin:center center}.bound-pages{position:absolute;inset:0;display:flex;--page-gutter: 10px}.leaf{flex:1;min-width:0;border:0;padding:0;background:var(--page);display:grid;place-items:center;cursor:pointer;overflow:hidden}.leaf:disabled{cursor:default}.leaf canvas,.flip-face canvas{display:block;width:100%;height:100%;object-fit:contain;background:var(--page)}.leaf canvas.is-empty{visibility:hidden}.endpaper{display:block;width:100%;height:100%;background:#e8e0d4}.gutter{width:var(--page-gutter);flex:0 0 var(--page-gutter);background:linear-gradient(90deg,#d5cec3,#f4f0e8 50%,#d5cec3)}.is-cover .left-leaf,.is-cover .gutter,.is-single .left-leaf,.is-single .gutter{display:none}.is-cover .bound-pages,.is-single .bound-pages{--page-gutter: 0px}.is-cover .flipper,.is-single .flipper{width:100%;left:0}.flipper{position:absolute;top:0;bottom:0;width:calc((100% - var(--page-gutter)) / 2);transform-style:preserve-3d;visibility:hidden;pointer-events:none;z-index:5}.flip-face{position:absolute;inset:0;display:grid;place-items:center;background:var(--page);backface-visibility:hidden;overflow:hidden}.flip-back{transform:rotateY(180deg)}.is-flipping-next .flipper{left:calc((100% + var(--page-gutter)) / 2);transform-origin:calc(var(--page-gutter) / -2) center;visibility:visible;animation:flip-next .8s ease-in-out forwards}.is-flipping-prev .flipper{left:0;transform-origin:calc(100% + var(--page-gutter) / 2) center;visibility:visible;animation:flip-prev .8s ease-in-out forwards}.is-flipping-next.is-flip-hold .flipper,.is-flipping-prev.is-flip-hold .flipper{animation:none;transform:rotateY(0)}@keyframes flip-next{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes flip-prev{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.page-indicator{grid-column:1 / -1;grid-row:2;margin:.4rem 0 .15rem;text-align:center;font-size:.92rem;color:var(--muted)}.thumbs{grid-column:1 / -1;grid-row:3;display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:.15rem;min-height:92px;padding:.2rem 0 max(.35rem,env(safe-area-inset-bottom,0px))}.thumb-chevron{background:none;border:0;color:var(--ink);cursor:pointer;font-size:1.35rem;padding:.2rem;line-height:1}.thumb-chevron:disabled{opacity:.28;cursor:default}.thumbs-viewport{position:relative;min-width:0;mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent)}.thumbs-scroller{display:flex;gap:.4rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;padding:.2rem 1.4rem .35rem;scrollbar-width:none;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.thumbs-scroller.is-dragging{cursor:grabbing;scroll-behavior:auto}.thumbs-scroller.is-dragging .thumb{pointer-events:none}.thumbs-scroller::-webkit-scrollbar{display:none}.thumb{flex:0 0 auto;width:46px;height:66px;padding:0;border:1px solid #d8d2c8;background:#fff;cursor:pointer;position:relative;overflow:visible;box-shadow:0 1px 4px #281e1414}.thumb:after{content:"";position:absolute;inset:-2px;z-index:2;border:2px solid #1c1c1c;opacity:0;transform:scale(.86);transform-origin:center;pointer-events:none;transition:opacity .28s ease,transform .28s ease}.thumb.is-active:after{opacity:1;transform:scale(1)}.thumb img,.thumb canvas{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.thumb img{overflow:hidden}.thumb-num{position:absolute;right:2px;bottom:1px;font-size:.58rem;line-height:1;color:#fff;text-shadow:0 0 3px #000}.reader-status,.reader-error{position:absolute;inset:0;display:grid;place-items:center;z-index:2;margin:0;background:#f7f5f1e6}.reader-error{color:#8a3b2a}.loader-bar{width:min(220px,56%);height:4px;overflow:hidden;background:#ddd6cb;border-radius:999px}.loader-bar-fill{display:block;height:100%;width:0;background:var(--ink);border-radius:inherit}.loader-bar.is-indeterminate .loader-bar-fill{width:36%;animation:loader-slide 1s ease-in-out infinite}@keyframes loader-slide{0%{transform:translate(-120%)}to{transform:translate(380%)}}.reader-status.is-jump{background:var(--paper)}.bound-book.is-jump-in,.mobile-book.is-jump-in{animation:jump-page-in .48s ease-out}@keyframes jump-page-in{0%{opacity:0}to{opacity:1}}.article-page{position:absolute;inset:0;z-index:1;overflow:auto;overscroll-behavior:contain;transform-origin:center center;animation:share-in-card .28s ease-out forwards}.article-body{width:min(42rem,calc(100% - 3rem));margin:0 auto;padding:3.4rem 0 5rem;color:var(--ink);line-height:1.7}.article-body h1{font-size:clamp(1.8rem,3.4vw,2.5rem);margin:0 0 1.4rem;line-height:1.15}.article-body h2{font-size:1.35rem;margin:1.8rem 0 .7rem}.article-body img{display:block;width:min(100%,520px);height:auto;margin:1rem auto}.article-figure{position:relative;display:block;width:min(100%,520px);margin:1rem auto}.article-figure img{width:100%;margin:0}.article-loupe-btn{position:absolute;top:.4rem;right:.4rem;z-index:2;width:2.15rem;height:2.15rem;display:grid;place-items:center;border:0;border-radius:8px;background:#f7f5f1e0;color:var(--ink);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .18s ease}.article-figure:hover .article-loupe-btn,.article-figure.is-loupe .article-loupe-btn,.article-loupe-btn:focus-visible{opacity:1;pointer-events:auto}.article-figure.is-loupe img{cursor:none}.article-body table{width:100%;border-collapse:collapse;font-size:.92rem;margin:1rem 0}.article-body td{border-bottom:1px solid #ece7df;padding:.35rem .4rem;vertical-align:top}.loupe-explainer{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:1.25rem;background:#f7f5f18c;backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1)}.loupe-explainer-card{position:relative;width:min(28rem,calc(100% - 1.5rem));padding:1.35rem 1.4rem 1.25rem;background:var(--page);color:var(--ink);border-radius:10px;box-shadow:0 18px 48px #281e142e}.loupe-explainer-close{position:absolute;top:.55rem;right:.55rem}.loupe-explainer-preview{display:grid;place-items:center;margin:.15rem 1.6rem 1rem;overflow:hidden}.loupe-explainer-preview img{display:block;width:min(100%,280px);height:auto;border-radius:6px}.loupe-explainer-card h2{margin:0 0 .45rem;font-size:1.45rem}.loupe-explainer-card p{margin:0 0 1.1rem;font-size:.98rem;line-height:1.5;color:#444}.loupe-explainer-ok{display:block;margin:0 auto;padding:.45rem 1.15rem;border:1px solid #1c1c1c;background:var(--ink);color:var(--page);border-radius:999px;cursor:pointer}.loupe-explainer-ok:hover{background:#000}.share-dialog{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:1.25rem;background:#f7f5f18c;backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1);animation:share-in-backdrop .28s ease-out forwards}.share-dialog-card{position:relative;width:min(24rem,calc(100% - 1.5rem));padding:1.35rem 1.4rem 1.25rem;background:var(--page);color:var(--ink);border-radius:10px;box-shadow:0 18px 48px #281e142e;animation:share-in-card .28s ease-out forwards}.share-dialog.is-closing{animation:share-out-backdrop .22s ease-in forwards}.share-dialog.is-closing .share-dialog-card{animation:share-out-card .22s ease-in forwards}@keyframes share-in-backdrop{0%{opacity:0}to{opacity:1}}@keyframes share-in-card{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes share-out-backdrop{0%{opacity:1}to{opacity:0}}@keyframes share-out-card{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.share-dialog-close{position:absolute;top:.55rem;right:.55rem}.share-dialog-card h2{margin:0 0 1rem;font-size:1.45rem;padding-right:2rem;overflow-wrap:anywhere}.share-dialog-actions{display:flex;flex-direction:column;gap:.5rem}.share-action{display:flex;align-items:center;gap:.7rem;width:100%;padding:.7rem .85rem;border:1px solid #ddd6cb;background:#fff;color:var(--ink);text-align:left;cursor:pointer;border-radius:8px}.share-action:hover{border-color:#1c1c1c;background:#f7f5f1}.mobile-flipbook{flex:1;min-height:0;width:100%;display:grid;grid-template-rows:minmax(0,1fr) auto auto}.mobile-flipbook .mobile-stage{grid-column:1;grid-row:1}.mobile-flipbook .mobile-turn{grid-column:1;grid-row:2}.mobile-flipbook .thumbs{grid-column:1;grid-row:3}.mobile-turn{position:relative;display:flex;width:100%;flex:0 0 auto}.mobile-turn .chevron{flex:1 1 50%;width:50%;min-height:2.75rem;display:grid;place-items:center;touch-action:manipulation}.mobile-turn-label{position:absolute;left:50%;top:50%;z-index:1;margin:0;transform:translate(-50%,-50%);pointer-events:none;white-space:nowrap;font-size:.92rem;color:var(--muted)}.mobile-flipbook.is-flipping-next .mobile-turn .chevron,.mobile-flipbook.is-flipping-prev .mobile-turn .chevron,.mobile-flipbook.is-flipping-next .mobile-turn .chevron:disabled,.mobile-flipbook.is-flipping-prev .mobile-turn .chevron:disabled{opacity:.34;pointer-events:none}.mobile-stage{min-height:0;position:relative;display:grid;place-items:center;overflow:hidden;touch-action:none}.mobile-book{position:relative;background:#efebe3;box-shadow:0 12px 36px #281e1424;transform-origin:center center;overflow:hidden}.mobile-leaf{position:absolute;inset:0;background:var(--page);display:grid;place-items:center;overflow:hidden}.mobile-leaf canvas,.mobile-face canvas{display:block;width:100%;height:100%;object-fit:contain;background:var(--page)}.mobile-leaf canvas.is-empty{visibility:hidden}.mobile-flipper{position:absolute;inset:0;transform-style:preserve-3d;visibility:hidden;pointer-events:none;z-index:5}.mobile-face{position:absolute;inset:0;display:grid;place-items:center;background:var(--page);backface-visibility:hidden;overflow:hidden}.mobile-back{transform:rotateY(180deg)}.mobile-flipbook.is-flipping-next .mobile-flipper{visibility:visible;transform-origin:left center;animation:mobile-flip-next .8s ease-in-out forwards}.mobile-flipbook.is-flipping-prev .mobile-flipper{visibility:visible;transform-origin:right center;animation:mobile-flip-prev .8s ease-in-out forwards}.mobile-flipbook.is-flipping-next.is-flip-hold .mobile-flipper,.mobile-flipbook.is-flipping-prev.is-flip-hold .mobile-flipper{animation:none;transform:rotateY(0)}@keyframes mobile-flip-next{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes mobile-flip-prev{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@media(min-width:801px){.viewer-stage{padding:2vh 2vw 1vh}.flipbook{width:min(1200px,100%);margin-inline:auto}}@media(max-width:800px){.row{gap:1.1rem 1.2rem}.row li,.book{width:min(42vw,168px);height:calc(min(42vw,168px) * 297 / 210);flex-basis:min(42vw,168px)}.article-body{width:min(42rem,calc(100% - 2.2rem));padding-top:3.8rem}.loupe-toggle{display:none}.viewer-stage{padding-top:max(2.6rem,env(safe-area-inset-top,0px))}.thumbs{min-height:calc(92px + env(safe-area-inset-bottom,0px));padding-bottom:max(.5rem,env(safe-area-inset-bottom,0px))}}