@font-face{font-family:system;src:local("Helvetica Neue")}*{box-sizing:border-box}html,body{margin:0;height:100%;height:100dvh}body{font-family:system,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#e9e7e1;color:#27352d;display:flex;flex-direction:column}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;border:0;background:none;color:inherit;cursor:pointer}button:disabled{opacity:.22;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #b18b4e;outline-offset:5px}a{color:inherit;text-decoration:none}header{height:92px;flex-shrink:0;background:#641523;color:#fff;padding:0 4%;display:flex;align-items:center;justify-content:space-between}.brand{font-size:25px;font-weight:500;letter-spacing:-1.2px;white-space:nowrap}.edition{text-align:center;display:grid;gap:8px;letter-spacing:3px;font-size:10px}.edition small{font-size:10px;letter-spacing:2px;color:#c8c2b3}.text-button{font-size:12px;letter-spacing:1px;display:flex;align-items:center;gap:16px}.text-button span{font-size:21px}main{flex:1;min-height:0;display:flex;flex-direction:column;position:relative;background:radial-gradient(ellipse at 50% 35%,#f5f3ee 0%,#e9e7e1 65%,#dfddd6 100%)}.intro{height:51px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;gap:24px}.eyebrow{font-size:9px;letter-spacing:2.3px;font-weight:500;color:#68736b}#sample{font-size:10px;border:1px solid #cec6b5;padding:4px 9px;border-radius:3px;color:#776d58}.stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:30px;padding:0 32px}.book{display:flex;position:relative;flex-shrink:0;perspective:1800px;filter:drop-shadow(0 13px 16px #27251c30);justify-content:center}.sheet{display:block;padding:0;flex-shrink:0;position:relative;overflow:hidden;background:#fff}.sheet img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.book.spread:after{content:"";position:absolute;left:50%;top:0;width:22px;height:100%;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#0002 48%,#fff2 52%,transparent);pointer-events:none}.sheet:hover:after{content:"+";position:absolute;right:14px;bottom:14px;width:29px;height:29px;border-radius:50%;background:#1e2521b3;color:white;display:grid;place-items:center;font-size:20px}.arrow{font-size:38px;width:45px;height:58px;border:1px solid #bbc0b8;border-radius:50px;flex-shrink:0;line-height:1}.arrow:hover:not(:disabled){background:#1e2521;color:white;border-color:#1e2521}.hint{text-align:center;height:38px;flex-shrink:0;font-size:10px;color:#747b73;padding-top:13px;letter-spacing:.3px}.hint span{padding:0 6px}footer{height:68px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-top:1px solid #d0d0c6;background:#f4f3ee;font-size:12px}.footer-left,.footer-right{display:flex;align-items:center;gap:21px}.footer-left button,.footer-right button,.footer-right a{display:flex;gap:8px;align-items:center;min-height:40px}#contents>span:first-child{font-size:23px}.separator{height:18px;width:1px;background:#c9cdc5}#fullscreen{font-size:24px}#jump{display:flex;align-items:center;gap:9px;color:#71796f}#page{width:43px;padding:6px 2px;text-align:center;border:0;border-bottom:1px solid #a8b3a5;background:transparent;font:inherit;color:#27352d;-moz-appearance:textfield}#page::-webkit-inner-spin-button{display:none}dialog{border:0;color:#27352d;padding:0}dialog::backdrop{background:#131c18b5;backdrop-filter:blur(5px)}#drawer{height:100dvh;max-height:100dvh;max-width:100vw;width:420px;margin:0 0 0 auto;background:#f4f3ee;padding:26px}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}h2{font-size:22px;font-weight:400;margin:8px 0 0}.close{font-size:20px;min-width:40px;min-height:40px}#thumbnails{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 12px}.thumb{padding:0;display:grid;gap:7px;font-size:11px;color:#747b73}.thumb img{width:100%;height:140px;object-fit:contain;background:#e6e4dc;padding:4px}.thumb.active img{outline:2px solid #62745d}.thumb:hover img{outline:2px solid #a9946f}#zoom{width:94vw;max-width:1600px;height:94dvh;max-height:94dvh;background:#dcded8;overflow:hidden}#zoom[open]{display:flex;flex-direction:column}.zoom-toolbar{display:flex;justify-content:space-between;align-items:center;height:54px;flex-shrink:0;background:#f5f4ef;padding:0 18px;font-size:12px}.zoom-toolbar>div{display:flex;gap:15px}.zoom-toolbar button{min-width:38px;min-height:40px;font-size:22px}.zoom-scroll{overflow:auto;flex:1;min-height:0;padding:20px;text-align:center}#zoom-image{display:block;max-width:none;height:auto;margin:0 auto;box-shadow:0 5px 22px #0002}#toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);padding:12px 22px;border-radius:4px;background:#1e2521;color:white;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:9}#toast.show{opacity:1}[hidden]{display:none!important}#error{text-align:center;padding:20px}#error button{text-decoration:underline}#loading{font-size:13px}@media(max-width:700px){header{height:70px;padding:0 20px}.brand{font-size:20px}.edition{display:none}.text-button{font-size:11px;gap:8px}.intro{height:55px;flex-direction:column;gap:7px}.eyebrow{font-size:8px;letter-spacing:1.6px}.stage{padding:0 9px;gap:9px}.arrow{font-size:28px;width:30px;height:45px;border:0}.hint{height:40px;font-size:9px;padding-top:14px}footer{height:65px;padding:0 18px}.footer-left,.footer-right{gap:14px}.footer-left .separator,.footer-left #cover{display:none}#zoom{width:100vw;height:100dvh;max-height:100dvh;max-width:100vw}.zoom-scroll{padding:10px}.label{font-size:11px}#drawer{width:100vw}#sample{font-size:9px;padding:2px 7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.brand{display:flex;align-items:center;line-height:0}.brand img{display:block;width:250px;height:auto;object-fit:contain}
.book.engine{display:block;position:relative;min-width:0!important;min-height:0!important;max-width:none!important;perspective:none;filter:none;flex-shrink:0;transition:transform 900ms cubic-bezier(.23,.65,.28,1);will-change:transform}
.book.engine.closed-cover{transform:translateX(calc(var(--page-width) * -.5))}
.book.engine:after{display:none}.book.engine .paper{background:#fff;overflow:hidden;box-shadow:0 2px 10px #211b1929;touch-action:pan-y}
.paper img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none;-webkit-user-drag:none}
.book.engine .stf__block{cursor:grab}.book.engine .stf__block:active{cursor:grabbing}
@media(max-width:700px){.brand img{width:205px}.book.engine.closed-cover{transform:none}.footer-right{gap:12px}.footer-left{gap:8px}}

#zoom-page-picker{display:flex;justify-content:center;gap:8px;padding:10px 16px;background:#f5f4ef;border-top:1px solid #e1dfd6;flex-shrink:0}#zoom-page-picker button{border:1px solid #cecac1;border-radius:5px;padding:9px 18px;min-height:42px;font-size:13px;line-height:1.4;background:#fff}#zoom-page-picker button[aria-pressed="true"]{background:#641523;border-color:#641523;color:#fff}#zoom-page-picker button:hover:not([aria-pressed="true"]){background:#ebe7df}