:root{--paper:#f6edde;--ink:#171513}*,:before,:after{box-sizing:border-box}html{background:var(--paper);min-width:1180px;height:100%;overflow:hidden}body{background:var(--paper);min-width:1180px;height:100%;color:var(--ink);text-rendering:geometricprecision;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden}::selection{color:var(--ink);background:#cc4c3942}:focus-visible{outline-offset:6px;outline:1px solid #171513b3}.site-shell{background:var(--paper);isolation:isolate;width:100vw;min-width:1180px;height:100svh;min-height:720px;position:relative;overflow:hidden}.bookshelf-stage{background:radial-gradient(circle at 50% 18%,#ffffff6b,#0000 32rem),linear-gradient(#fbf7ed 0%,#f6efdf 72%,#eee3cf 100%);position:absolute;inset:0;overflow:hidden}.bookshelf-stage:before{pointer-events:none;content:"";mix-blend-mode:multiply;z-index:0;background:radial-gradient(circle at 24% 16%,#31221209 0 1px,#0000 1.5px) 0 0/174px 128px,radial-gradient(circle at 66% 58%,#31221206 0 1px,#0000 1.7px) 0 0/262px 212px,linear-gradient(90deg,#eee1cabf,#0000 12% 88%,#eee1cab8) 0 0/100% 100%;position:absolute;inset:0}.bookshelf-canvas{z-index:1;opacity:0;outline:none;width:100%;height:100%;transition:opacity .26s cubic-bezier(.16,1,.3,1);display:block;position:absolute;inset:0}.bookshelf-canvas--ready,.bookshelf-canvas--fallback{opacity:1}.shelf-a11y{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@font-face{font-family:FolioBook;src:url(/fonts/folio-tc.woff2)format("woff2");font-weight:400;font-display:block}html,body,.site-shell{background:0 0;width:100%;min-width:0;height:100%;min-height:0}#root{width:100%;height:100%}body,.book-caption,.book-caption button{font-synthesis:none;font-family:FolioBook,serif;font-weight:400}.site-shell{--caption-height:112px}.bookshelf-stage{inset:0 0 calc(var(--caption-height) + 4px);background:0 0}.bookshelf-stage:before{display:none}.book-caption{height:var(--caption-height);color:#486370;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;font:19px/1.35 FolioBook,serif;display:flex;position:absolute;bottom:0;left:8px;right:8px}.book-caption .book-summary{color:#51483a;text-wrap:pretty;max-width:52ch;margin:0;padding:0 12px;font:14px/1.5 FolioBook,serif}.book-caption button{color:#7a392e;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;min-height:44px;padding:8px 12px;font:14px/1.3 FolioBook,serif;transition:background .18s,border-color .18s}.book-caption button:focus-visible{outline-offset:2px;outline:2px solid #7a392e}.book-caption button:not(:disabled):not([aria-disabled=true]):hover{background:#7a392e0c;border-color:#7a392e44}.book-caption button:not(:disabled):not([aria-disabled=true]):active{background:#7a392e1c}.book-caption button:is(:disabled,[aria-disabled=true]){opacity:.45;cursor:wait}.book-heading{text-wrap:balance;flex-direction:column;align-items:center;gap:3px;line-height:1.25;display:flex}.book-heading small{color:#51483a;font-size:12px;line-height:1.4}.book-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;margin-top:2px;display:flex}.book-actions button:last-child{background:#7a392e08;border-color:#7a392e66;font-size:15px}.site-shell[data-active-book]{--caption-height:154px}@media (width<=480px){.site-shell{--caption-height:124px}.site-shell[data-active-book]{--caption-height:204px}.book-caption{gap:4px}.book-heading{font-size:18px}.book-caption .book-summary{padding-inline:4px;font-size:13px}.book-actions{grid-template-columns:1fr 1.3fr 1fr;gap:3px 4px;width:100%;max-width:400px;display:grid}.book-actions button{padding:6px 4px;font-size:12px}.book-actions button:last-child{grid-column:1/-1;justify-self:center;padding-inline:18px}}.site-shell:has(.shelf-a11y button:focus-visible) .book-heading{outline-offset:6px;border-radius:2px;outline:2px solid #7a392e}.shelf-loading{color:#51483a;place-items:center;margin:0;font:14px/1.5 FolioBook,serif;display:grid;position:absolute;inset:0}.bookshelf-stage[data-ready] .shelf-loading{display:none}.bookshelf-stage[data-render-mode=fallback]{container-type:size}.bookshelf-stage[data-render-mode=fallback] .shelf-a11y{display:none}.flat-shelf{place-items:center;display:grid;position:absolute;inset:0}.flat-shelf-board{aspect-ratio:1672/941;width:min(100%,177.7cqh);position:relative}.flat-shelf-board:after{content:"";pointer-events:none;background:#51483a66;height:1px;position:absolute;top:93.94%;left:2%;right:2%}.flat-spine{cursor:pointer;transform:rotate(var(--lean));transform-origin:bottom;background:0 0;border:0;border-radius:1px;padding:0;transition:translate .2s;position:absolute;box-shadow:4px 6px 7px #34291b24}.flat-spine:hover,.flat-spine:focus-visible{translate:0 -8px}.flat-spine:focus-visible,.flat-volume button:focus-visible{outline-offset:6px;outline:2px solid #7a392e}.flat-spine canvas{border-radius:1px;width:100%;height:100%;display:block}.flat-volume{justify-content:center;align-items:center;display:flex;position:absolute;inset:12px}.flat-volume button{cursor:pointer;border:0;border-radius:2px;padding:0;animation:.25s ease-out volume-reveal;overflow:hidden;box-shadow:5px 9px 14px #34291b26}.flat-cover{aspect-ratio:5/7;background:var(--volume-ink);max-width:80%;height:100%}.flat-cover img{object-fit:contain;width:100%;height:100%;display:block}.flat-pages{aspect-ratio:10/7;background:#eee4cf;width:min(96%,142.857cqh - 34.2857px);display:flex;position:relative}.flat-pages canvas{width:50%;height:100%;display:block}.flat-pages:after{content:"";pointer-events:none;background:#6c594a33;width:1px;position:absolute;top:0;bottom:0;left:50%;box-shadow:2px 0 8px #51483a33}.flat-shelf [hidden]{display:none}@keyframes volume-reveal{0%{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}