.magazine-experience{position:fixed;inset:0;z-index:500;background:radial-gradient(ellipse at 50% 40%,#443448,#1b151f 75%);color:#f3ede7;display:flex;flex-direction:column;padding:18px 28px;box-sizing:border-box;overflow:auto;font-family:system-ui,sans-serif}.magazine-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.magazine-toolbar strong{font:1.4rem Georgia,serif}.magazine-toolbar span{display:block;font-size:.72rem;color:#c6b9c9;margin-top:4px}.reader-actions{display:flex;gap:12px;align-items:center}.magazine-experience button,.reader-actions a{font:inherit;color:inherit;background:#302538;border:1px solid #8c728e;border-radius:5px;padding:9px 14px;text-decoration:none;cursor:pointer}.magazine-experience button:disabled{opacity:.35;cursor:default}.magazine-experience a{color:inherit}.reader-status{font-size:.73rem;color:#d2c3ce;text-align:center;margin:10px 0 0}.book-space{position:relative;flex:1;min-height:240px;display:flex;align-items:center;justify-content:center;touch-action:pan-y;outline-offset:-3px;margin:8px 0}.book{display:flex;position:relative;box-shadow:0 18px 32px #0009,0 3px 1px #d5cabe,0 6px 1px #70656c;border-radius:3px;background:#e6dfd5}.paper{position:relative;margin:0;background:#e6dfd5;overflow:hidden;width:var(--page-width);height:var(--page-height)}.paper img{display:block;width:100%;height:100%;object-fit:contain}.paper img[hidden]{display:none}.paper::after{content:"";position:absolute;inset:0;pointer-events:none}.left-paper::after{background:linear-gradient(90deg,#00000005 80%,#0003 98%,#0006)}.right-paper::after{background:linear-gradient(90deg,#0005,#0001 4%,transparent 20%)}.book-spine{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#120b1299;box-shadow:0 0 9px 2px #170b1640}.missing-page{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#65596a;text-align:center;padding:24px;box-sizing:border-box;font:1rem Georgia,serif}.missing-page[hidden]{display:none}.missing-page span{display:block;font:12px system-ui;margin-top:15px;max-width:180px;line-height:1.6}.paper figcaption{position:absolute;bottom:8px;left:8px;color:#ddd;background:#21182bba;font-size:10px;padding:2px 6px;border-radius:2px}.paper:has(.missing-page:not([hidden])) figcaption{display:none}#turn-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:none}.book-space.turning .book{visibility:hidden}.book-space.turning #turn-canvas{display:block}.reader-controls{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:6px}.reader-controls span{min-width:240px;text-align:center;font-size:.85rem}.reader-help,.reader-credit{text-align:center;font-size:.7rem;color:#c6b9c9;margin:8px 0 0}.reader-credit{font-size:.65rem}.book-space.single .left-paper,.book-space.single .book-spine{display:none}.book-space.single .right-paper::after{background:linear-gradient(90deg,#0002,transparent 5%)}@media(max-width:700px){.magazine-experience{padding:12px 10px}.magazine-toolbar strong{font-size:1.1rem}.reader-actions{gap:5px}.reader-actions button,.reader-actions a{font-size:.75rem;padding:8px}.reader-controls{gap:10px}.reader-controls span{min-width:0;flex:1;font-size:.75rem}.reader-controls button{font-size:.75rem;padding:9px}.reader-status{font-size:.65rem;line-height:1.4}.reader-help{font-size:.65rem}.book-space{min-height:200px}}
@media(prefers-reduced-motion:reduce){#turn-canvas{display:none!important}.book-space.turning .book{visibility:visible}}

#spread-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}#spread-image[hidden]{display:none}.book-spine{z-index:2}.book:has(#spread-image:not([hidden]))::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 46%,#0003 49.6%,#0005 50%,#0002 51%,transparent 54%)}
.magazine-experience > .reader-status,.magazine-experience > .reader-help,.magazine-experience > .reader-credit{align-self:center;width:100%;max-width:none;text-align:center}

.magazine-experience{outline:none}.paper figcaption{display:none}

/* Reader5: devote more of the viewport to the uncropped magazine. */
@media(min-width:701px){.magazine-experience{padding:12px 22px}.reader-status{margin-top:5px}.book-space{margin:4px 0}.reader-help,.reader-credit{margin-top:5px}.reader-controls{margin-top:2px}}