.keepsake-reader{text-align:center;max-width:1200px;margin:70px auto;padding:0 24px}.reader-intro{font:italic 24px Editorial,Georgia,serif;color:var(--muted)}.folio-reader{padding:30px 28px 20px;background:#eee7da;border:1px solid #d5c6ae;border-radius:6px;box-shadow:0 24px 60px #182c3d12}.folio-stage{position:relative;max-width:920px;margin:auto;perspective:1800px;touch-action:pan-y;min-height:240px}.folio-pages{display:flex;align-items:start;justify-content:center;filter:drop-shadow(0 9px 10px #14243430)}.folio-page{position:relative;background:#fffdf7;width:50%;flex:none;overflow:hidden}.folio-page canvas{display:block;width:100%;height:auto}.folio-pages.single .folio-page{width:50%}.folio-pages:not(.single):after{content:"";position:absolute;width:20px;top:0;bottom:0;left:calc(50% - 10px);background:linear-gradient(90deg,transparent,#19303b16,transparent);pointer-events:none}.folio-turn{position:absolute;top:0;width:50%;transform-style:preserve-3d;z-index:2;pointer-events:none}.folio-turn.forward{right:0;transform-origin:left center}.folio-turn.backward{left:0;transform-origin:right center}.folio-turn canvas{width:100%;display:block;backface-visibility:hidden;box-shadow:0 12px 18px #182c3d30}.folio-turn .turn-back{position:absolute;inset:0;transform:rotateY(180deg)}.folio-controls{display:flex;gap:20px;align-items:center;justify-content:center;margin:26px 0 14px}.folio-controls button{font-size:24px;line-height:1;padding:10px 20px}.folio-position{min-width:140px;font-size:13px;color:var(--muted)}button:disabled{opacity:.4;cursor:default}.folio-navigation{display:flex;gap:20px;align-items:end;justify-content:center;margin-bottom:18px}.folio-navigation label{display:flex;gap:10px;align-items:center}.folio-jump{width:76px;padding:6px}.folio-size{padding:7px 12px;font-size:12px}.folio-transcript{text-align:left;font-size:14px;border-top:1px solid var(--line);padding-top:12px}.folio-transcript summary{font:14px Lato,Arial,sans-serif;padding:8px;cursor:pointer}.folio-text{white-space:pre-line;padding:15px;max-height:400px;overflow:auto;background:var(--paper);line-height:1.8}.folio-error{color:#913c2a}.folio-reader.enlarged .folio-pages.single .folio-page{width:min(100%,760px)}.folio-reader.enlarged .folio-stage{max-width:760px}.folio-reader.enlarged .folio-turn{width:100%;left:0;right:auto}.keepsake-actions{max-width:1140px;margin:40px auto 65px;padding:0 24px;display:flex;gap:16px;flex-wrap:wrap;align-items:start}.keepsake-actions>details{flex:1;min-width:240px;border:1px solid var(--line);background:#fffdf8}.keepsake-actions summary{padding:18px 20px;font-size:14px;cursor:pointer;color:var(--ink);list-style-position:inside}.keepsake-actions summary:hover{background:#f0e8da}.download-options,.sharing-body{padding:0 22px 22px}.download-options a{display:block;padding:15px 0;border-top:1px solid var(--line);font-size:14px;text-decoration:none}.download-options a span{display:block;font-size:11px;color:var(--muted);margin-top:5px}.download-options p{margin:16px 0 0}.sharing-menu[open]{flex-basis:100%}.sharing-body>h3{font-size:2.3rem;margin-top:14px}.sharing-body>p{max-width:750px;color:var(--muted);font-size:14px}.sharing-consent{display:flex;gap:12px;align-items:center;margin:20px 0}.sharing-consent input{width:20px;height:20px;flex:none;accent-color:var(--gold)}.sharing-form button{font-size:13px}.sharing-result{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px;margin-top:25px;padding-top:25px;border-top:1px solid var(--line)}.share-url{margin:8px 0 15px;font-size:13px}.share-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:start}.share-buttons button,.share-buttons a{font-size:12px;padding:10px 13px}.social-links{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.social-links a{padding:7px 12px;background:#f0e9dc;border:1px solid var(--line);font-size:12px;border-radius:20px}.sharing-qr{text-align:center}.share-qr{width:220px;height:220px;max-width:100%;object-fit:contain;background:white;padding:8px;border:1px solid var(--line);margin-bottom:15px}.sharing-qr .share-buttons{justify-content:center}.sharing-qr p{margin:18px 0 0}.share-status{margin:20px 0 0;overflow-wrap:anywhere}
@media(max-width:760px){.keepsake-reader{margin:45px auto;padding:0 12px}.keepsake-reader h2{font-size:2.5rem}.folio-reader{padding:18px 10px}.folio-page,.folio-pages.single .folio-page{width:100%}.folio-turn{width:100%;left:0;right:auto}.folio-controls{gap:14px;margin-top:20px}.folio-controls button{padding:10px 15px}.folio-position{min-width:100px;font-size:12px}.folio-navigation{gap:12px;flex-wrap:wrap}.folio-navigation label{font-size:12px}.keepsake-actions{padding:0 20px;gap:12px}.keepsake-actions>details{min-width:0;flex-basis:100%}.sharing-result{grid-template-columns:1fr;gap:20px}.sharing-body{padding:0 16px 20px}.sharing-body>h3{font-size:2rem}.social-links{justify-content:start}.sharing-result input{min-width:0}.sharing-consent{align-items:start}}
.folio-turn.centred{left:25%;right:auto}
@media(prefers-reduced-motion:reduce){.folio-turn{display:none}}