:root{--reader-bg:#14100c;--reader-panel:#1f1a15;--reader-ink:#f6f1e7;--reader-muted:#c3b7a4;--reader-accent:#f2c14e;--reader-focus:#6fd3ff;--reader-gap:.75rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{block-size:100%;margin:0}body{background:var(--reader-bg);color:var(--reader-ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#reader-root{block-size:100%}.reader{gap:var(--reader-gap);block-size:100%;padding:var(--reader-gap);flex-direction:column;display:flex}.reader__bar{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.reader__title{letter-spacing:.01em;margin:0;font-size:clamp(1rem,2.5vw,1.35rem);font-weight:650}.reader__progress{color:var(--reader-muted);font-variant-numeric:tabular-nums;margin:0;font-size:.9rem}.reader__stage{flex:auto;justify-content:center;align-items:center;min-block-size:0;display:flex;position:relative;container-type:size}.book{justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex}.page{block-size:100%;inline-size:100%;aspect-ratio:var(--page-aspect);inline-size:min(100cqi, calc(100cqb * var(--page-aspect)));block-size:min(100cqb, calc(100cqi / var(--page-aspect)));background:var(--reader-panel);border-radius:4px;position:relative;overflow:hidden;box-shadow:0 1.5rem 3rem #00000073,0 0 0 1px #ffffff0f}.page__image{-webkit-user-select:none;user-select:none;block-size:100%;inline-size:auto;max-inline-size:none;position:absolute;inset-block-start:0}.page[data-crop=whole] .page__image{object-fit:contain;inline-size:100%;inset:0}.page[data-crop=left] .page__image{inset-inline-start:0}.page[data-crop=right] .page__image{inset-inline-end:0}.book[data-mode=spread] .page[data-kind=spread]:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#00000047 45% 55%,#0000);inline-size:2.5rem;position:absolute;inset-block:0;inset-inline-start:50%;transform:translate(-50%)}.reader__zone{cursor:pointer;inline-size:50%;position:absolute;inset-block:0}.reader__zone--previous{inset-inline-start:0}.reader__zone--next{inset-inline-end:0}.turn-layer{z-index:5;pointer-events:none;transform-style:preserve-3d;position:absolute}.turn-leaf{transform-style:preserve-3d;will-change:transform;position:absolute}.turn-face{background:var(--reader-panel);backface-visibility:hidden;border-radius:4px;position:absolute;inset:0;overflow:hidden;box-shadow:0 1rem 2.5rem #0000008c}.turn-face--back{transform:rotateY(180deg)}.turn-hold{background:var(--reader-panel);border-radius:4px;position:absolute;overflow:hidden}.turn-face__image{-webkit-user-select:none;user-select:none;block-size:100%;inline-size:auto;max-inline-size:none;position:absolute;inset-block-start:0}:where(.turn-face,.turn-hold)[data-crop=whole] .turn-face__image{object-fit:contain;inline-size:100%;inset:0}:where(.turn-face,.turn-hold)[data-crop=left] .turn-face__image{inset-inline-start:0}:where(.turn-face,.turn-hold)[data-crop=right] .turn-face__image{inset-inline-end:0}.turn-leaf__shade{opacity:0;pointer-events:none;border-radius:4px;position:absolute;inset:0}.turn-leaf__shade[data-pivot=left]{background:linear-gradient(270deg,#0000,#14100cd9)}.turn-leaf__shade[data-pivot=right]{background:linear-gradient(90deg,#0000,#14100cd9)}.reader__controls{justify-content:center;gap:.75rem;display:flex}.reader__button{background:var(--reader-panel);min-inline-size:8rem;color:var(--reader-ink);font:inherit;cursor:pointer;border:1px solid #ffffff24;border-radius:999px;padding:.55rem 1.1rem;font-weight:600}.reader__button:hover:not(:disabled){border-color:var(--reader-accent)}.reader__button:disabled{opacity:.4;cursor:default}:where(button,a,summary,[tabindex]):focus-visible{outline:3px solid var(--reader-focus);outline-offset:2px}.reader__fallback{color:var(--reader-muted);font-size:.9rem}.reader__fallback summary{cursor:pointer;padding:.25rem 0}.reader__page-list{flex-wrap:wrap;gap:.35rem;max-block-size:9rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.reader__page-link{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:4px;padding:.3rem .6rem}.reader__error{background:#2a1714;border:1px solid #ff9a8b;border-radius:8px;padding:1rem 1.25rem}.reader__error h2{margin:0 0 .35rem;font-size:1.05rem}.reader__error-detail{color:var(--reader-muted);word-break:break-word;margin:0;font-size:.85rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}