html{scroll-behavior:auto}.book-header,.book-footer{position:fixed;left:6vw;right:6vw;z-index:100;display:flex;justify-content:space-between;gap:24px}.book-header{top:4.5vh}.book-footer{bottom:4.5vh;align-items:end;pointer-events:none}.book-footer>*{pointer-events:auto}#journey{height:1400svh}.book-stage{height:100svh;position:sticky;top:0;display:flex;align-items:center;justify-content:center;overflow:hidden;perspective:2200px}.book{position:relative;width:min(86vw,150vh);aspect-ratio:32/9;transform-style:preserve-3d;transform:translateX(-25%)}.leaf{position:absolute;left:50%;top:0;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;will-change:transform}.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#161616;overflow:hidden;box-shadow:0 3px 12px #0008}.face img{display:block;width:100%;height:100%;object-fit:contain}.back{transform:rotateY(180deg)}.face::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0003,transparent 9%,transparent 94%,#0001)}.back::after{background:linear-gradient(270deg,#0003,transparent 9%)}.book-controls{display:flex;align-items:center;gap:18px;min-width:190px;justify-content:center}.book-controls button{background:none;border:0;color:inherit;font:inherit;font-size:20px;padding:8px}.book-controls button:hover{opacity:.65}.book-controls button:disabled{opacity:.2}.book-controls button:focus-visible{outline:1px solid #36a9ff}#position{min-width:90px;text-align:center;font-size:10px}.scroll-hint{text-align:right}@media(max-width:650px){.book-header,.book-footer{left:22px;right:22px;font-size:10px}.book-footer{flex-wrap:wrap;gap:12px}.book-controls{min-width:140px;gap:6px}.scroll-hint{width:100%;text-align:center}.book{width:94vw}.book-stage{perspective:1100px}}@media(prefers-reduced-motion:reduce){.leaf{will-change:auto}}
html,body{background:#f0f0ee;color:#111;color-scheme:light}.book-header a:hover,.book-header a:focus-visible{color:rgba(0,0,0,.6);text-decoration-color:currentColor}.book-header a:focus-visible{outline-color:#111}.face{background:#fff;box-shadow:0 14px 28px rgba(0,0,0,.10),0 3px 7px rgba(0,0,0,.08)}
.face{box-shadow:var(--page-shadow,none)}