@font-face{font-family:DMSans;src:url('/assets/fonts/dm-sans-latin-400-normal.woff2') format('woff2');font-display:swap}@font-face{font-family:DMSans;src:url('/assets/fonts/dm-sans-latin-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f5f4ee;color:#172d37;font:16px/1.5 DMSans,Arial,sans-serif}a{color:inherit;text-underline-offset:4px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1360px;margin:auto;padding:20px 34px;border-bottom:1px solid #172d3725;background:#fff}.brand{font-weight:700;font-size:28px;text-decoration:none;letter-spacing:-1.3px}.brand span{display:inline-block;width:11px;height:11px;margin:0 0 2px 5px;border-radius:50%;background:conic-gradient(#00aedd 0 25%,#00bbae 0 50%,#ff697b 0 75%,#f5a129 0)}.site-header nav{display:flex;gap:20px;flex-wrap:wrap;font-size:14px}.site-header nav a:last-child{font-weight:700}.intro{text-align:center;padding:42px 24px 15px}.eyebrow{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.14em}.intro h1{margin:0;font-size:clamp(38px,6vw,70px);letter-spacing:-.065em;line-height:1}.intro h1 strong{color:#f5a129}.intro>p:last-child{margin:17px 0 0;font-size:clamp(17px,2vw,21px)}#reader{max-width:1480px;margin:auto;padding:0 24px 30px}.toolbar{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0 18px}button,select{font:inherit;padding:9px 13px;border:1px solid #172d374d;border-radius:4px;background:#fff;color:#172d37;cursor:pointer}button:hover:not(:disabled){background:#e6f7f4}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:3px solid #00aedd;outline-offset:4px}.viewport{overflow:auto;padding:8px 14px 25px;touch-action:pan-y}.book{position:relative;display:flex;justify-content:center;width:min(100%,calc((100vh - 325px)*2));min-width:240px;max-width:1240px;margin:auto;perspective:1800px;filter:drop-shadow(0 12px 11px #172d3730)}.page{display:block;width:50%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff}.page[hidden]{display:none}.book.single{width:min(100%,calc(100vh - 325px));max-width:680px}.single .page{width:100%}.book:not(.single)::after{content:'';position:absolute;left:50%;top:0;bottom:0;width:14px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#0002,transparent);pointer-events:none}.viewport.zoomed .book{width:1800px;max-width:none}.viewport.zoomed .book.single{width:1100px}.leaf{position:absolute;top:0;width:50%;height:100%;object-fit:contain;background:#fff;backface-visibility:hidden;z-index:3;box-shadow:0 0 20px #0002}.leaf.forward{right:0;transform-origin:left;animation:forward .55s ease-in-out forwards}.leaf.backward{left:0;transform-origin:right;animation:backward .55s ease-in-out forwards}.leaf.one{width:100%}@keyframes forward{to{transform:rotateY(-180deg)}}@keyframes backward{to{transform:rotateY(180deg)}}.controls{display:flex;justify-content:center;align-items:center;gap:24px;margin:4px auto;max-width:620px}.controls button{min-width:110px;background:#172d37;color:#fff;border-color:#172d37}.controls button:hover:not(:disabled){background:#304a55}.controls span{min-width:150px;text-align:center;font-variant-numeric:tabular-nums}.hint,#error{text-align:center;font-size:13px;color:#52616a}#error{color:#b3213e}footer{padding:24px;text-align:center;border-top:1px solid #172d3725;font-size:14px;background:#fff}@media(max-width:700px){.site-header{padding:16px 18px}.site-header nav{gap:12px;font-size:13px}.intro{padding:32px 15px 10px}#reader{padding:0 8px 25px}.book,.book.single{width:100%;max-width:600px;min-width:0}.viewport{padding:5px 5px 20px}.controls{gap:10px}.controls button{min-width:90px;padding:8px}.controls span{min-width:105px;font-size:13px}.toolbar{gap:8px;font-size:13px}}@media(prefers-reduced-motion:reduce){.leaf{animation:none!important}}