.textLayer{opacity:1;text-size-adjust:none;transform-origin:0 0;caret-color:canvastext;line-height:1;position:absolute;inset:0;overflow:clip}.textLayer :is(span,br){color:#0000;white-space:pre;cursor:text;transform-origin:0 0;user-select:text;position:absolute}.textLayer{--min-font-size:1;--text-scale-factor:calc(var(--total-scale-factor) * var(--min-font-size));--min-font-size-inv:calc(1 / var(--min-font-size))}.textLayer>:not(.markedContent),.textLayer .markedContent span:not(.markedContent){z-index:1;--font-height:0;font-size:calc(var(--text-scale-factor) * var(--font-height));--scale-x:1;--rotate:0deg;transform:rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv))}.textLayer .markedContent{display:contents}.textLayer mark{color:#0000;background-color:#ffd20073}.textLayer mark.is-current{background-color:#ff8c008c}.textLayer ::selection{background:#0064ff59}html:has(#reader.okuma-own-page),body:has(#reader.okuma-own-page){height:100%;margin:0;overflow:hidden}body:has(#reader.okuma-own-page){height:100dvh}#reader{box-sizing:border-box;grid-template-rows:auto auto 1fr;gap:1.1rem;height:100dvh;display:grid;position:relative}#reader>header{flex-wrap:wrap;justify-content:space-between;align-items:center;padding:clamp(12px,2vw,28px) clamp(12px,2vw,28px) 0;display:flex;@media (width<=648px){justify-content:center;gap:.75rem clamp(.5rem,1vw,1rem)}&>div{align-items:center;gap:.75rem clamp(.5rem,1vw,1rem);display:flex;&:first-child{color:var(--accent-color);&>a>svg{width:30px;height:30px}&>div{&>h1{margin:0;font-size:1.15rem;font-weight:700;line-height:1.2}&>p{margin:0;font-size:.9rem}@media (width<=1400px){display:none}}}&:nth-child(2){&>#page-jump{box-sizing:border-box;border:3px solid var(--accent-color);height:50px;color:var(--accent-color);background:#fff;align-items:center;padding:0 .8em;font-size:1.3rem;font-weight:600;display:flex;&>input{text-align:right;width:3ch;color:inherit;font:inherit;font-weight:inherit;background:0 0;border:0;margin-right:.2em}&>span{min-width:4.2ch}}&>#zoom-controls{box-sizing:border-box;height:50px;color:var(--accent-color);background:#fff;align-items:stretch;display:flex;&>button{&~button{border-left:0}&:nth-child(2){min-width:4em;font-size:1.3rem;font-weight:600}}}}}}#reader>header .icon-button,#spread-area>.icon-button{box-sizing:border-box;border:3px solid var(--accent-color);width:50px;height:50px;color:var(--accent-color);cursor:pointer;background:#fff;justify-content:center;align-items:center;display:flex;& svg{width:28px;height:28px}&:disabled{cursor:not-allowed}&:hover:not(:disabled),&:focus-visible:not(:disabled),&[aria-expanded=true]:not(:disabled){background:var(--accent-color);color:#fff}}#page-scrubber{min-width:0;padding-inline:clamp(12px,2vw,28px);display:block}.chapter-scrubber{--scrubber-progress:0;cursor:pointer;touch-action:none;user-select:none;outline:none;align-items:center;height:28px;display:flex;position:relative}.chapter-scrubber:focus-visible{outline:3px solid var(--accent-color);outline-offset:4px}.chapter-scrubber-track{align-items:stretch;gap:3px;width:100%;height:6px;transition:height .12s;display:flex}.chapter-scrubber:hover .chapter-scrubber-track,.chapter-scrubber.is-dragging .chapter-scrubber-track,.chapter-scrubber:focus-visible .chapter-scrubber-track{height:12px}.chapter-scrubber .chapter-scrubber-segment{border-radius:3px;flex:1 1 0;min-width:2px;position:relative;overflow:hidden}.chapter-scrubber .chapter-scrubber-segment:after{content:"";background:var(--scrubber-track-color);mix-blend-mode:multiply;position:absolute;inset:0}.chapter-scrubber .chapter-scrubber-segment:before{content:"";z-index:1;width:calc(var(--played,0) * 100%);background:var(--accent-color);position:absolute;inset:0 auto 0 0}.chapter-scrubber-thumb{top:50%;left:calc(var(--scrubber-progress) * 100%);z-index:1;background:var(--accent-color);pointer-events:none;border-radius:50%;width:16px;height:16px;margin-left:-7px;transition:transform .12s,left;position:absolute;transform:translateY(-50%)scale(0);box-shadow:0 0 0 2px #fff}.chapter-scrubber:hover .chapter-scrubber-thumb,.chapter-scrubber.is-dragging .chapter-scrubber-thumb,.chapter-scrubber:focus-visible .chapter-scrubber-thumb{transform:translateY(-50%)scale(1)}.chapter-scrubber-tooltip{left:var(--tooltip-x,50%);z-index:10;border:3px solid var(--accent-color);min-width:0;max-width:min(36ch,70vw);color:var(--accent-color);pointer-events:none;white-space:nowrap;background:#fff;flex-direction:column;gap:.1em;padding:.4em .7em;font-size:.95rem;font-weight:600;line-height:1.25;display:flex;position:absolute;top:calc(100% + 6px);transform:translate(-50%)}.chapter-scrubber-tooltip[hidden]{display:none}.chapter-scrubber-tooltip [data-scrubber-tooltip-title]{text-overflow:ellipsis;text-align:center;overflow:hidden}.chapter-scrubber-tooltip [data-scrubber-tooltip-title][hidden]{display:none}.chapter-scrubber-tooltip [data-scrubber-tooltip-page]{opacity:.75;text-align:center;font-size:.85rem;font-weight:500}#spread-area{touch-action:pan-x pan-y;min-height:0;position:relative;overflow:hidden;&>#fullscreen-exit{z-index:6;display:none;position:absolute;top:clamp(12px,2vw,28px);right:clamp(12px,2vw,28px)}&:fullscreen{box-sizing:border-box;width:100%;height:100%;&>#fullscreen-exit{display:flex}&>#spread>#spread-stage{padding-block:0;padding-inline:clamp(12px,2vw,28px)}}&>#spread{touch-action:pan-x pan-y;position:absolute;inset:0;overflow:auto;&>#spread-stage{box-sizing:border-box;padding:clamp(.5rem,5vmin,5rem);place-items:center;width:max-content;min-width:100%;height:max-content;min-height:100%;padding-top:0;padding-bottom:clamp(.5rem,4vmin,4rem);display:grid;&>#book-zoom-shell{width:max-content;height:max-content;line-height:0}}}&>#turn-prev,&>#turn-next{z-index:5;position:absolute;top:50%;transform:translateY(-50%)}&>#turn-prev{left:clamp(12px,2vw,28px)}&>#turn-next{right:clamp(12px,2vw,28px)}}#book{transform-origin:0 0;--shadow-em:calc(var(--page-face-width,400px) / 25);flex-direction:row;align-items:stretch;width:max-content;max-width:none;display:flex;position:relative}#book-hardcover{height:calc(var(--page-face-height,0px) + var(--cover-overhang-top,0px) + var(--cover-overhang-bottom,0px));background-color:var(--accent-color);background-image:var(--inner-cover-image);font-size:var(--shadow-em);background-size:100% 100%;border-radius:.5%/.8%;position:absolute;top:50%;left:0;right:0;overflow:hidden;transform:translateY(-50%);box-shadow:0 .2em .3em #000000b3,0 1em 1em #0000004d,0 2em 2em #00000045}#book-hardcover .book-hardcover-specular{pointer-events:none;background-image:var(--okuma-specular-single);background-blend-mode:multiply;mix-blend-mode:soft-light;opacity:1;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}#book-hardcover:after{content:"";pointer-events:none;--spine-width:calc(var(--spine-thickness,0) * var(--page-face-width,0px));background-image:linear-gradient(to left, #00000080 0%, transparent 0.5%, transparent calc(50% - var(--spine-width) / 2 - 0.5%), #00000080 calc(50% - var(--spine-width) / 2), #00000080 calc(50% + var(--spine-width) / 2), transparent calc(50% + var(--spine-width) / 2 + 0.5%), transparent 99.5%, #00000080 100%);position:absolute;inset:0}#book[data-closed=true] #book-hardcover{display:none}#book.is-preview-zoom{will-change:transform}#book[data-closed=true]{font-size:var(--shadow-em);border-radius:2% 1% 1% 2%/1% .5% .5% 1%;overflow:hidden;box-shadow:0 .2em .3em #000000b3,0 1em 1em #0000004d,0 2em 2em #00000045,0 6em 6em #00000080}.page{box-sizing:border-box;cursor:default;z-index:1;background:0 0;border:0;flex:none;margin:0;padding:0;line-height:0;display:block;position:relative}.page[data-empty=true]{display:none}.page-stack{z-index:1;line-height:0;font-size:calc(var(--page-face-width,400px) / 25);--scale-x:calc(1 + (var(--stack-scale,1) - 1) * abs(2 * var(--book-progress,0) - 1));box-shadow:0 .2em .3em rgb(0 0 0/calc(40% * var(--stack-shade))), 0 1em 1em rgb(0 0 0/calc(20% * var(--stack-shade))), 0 2em 2em rgb(0 0 0/calc(27% * var(--stack-shade))), 0 6em 6em rgb(0 0 0/calc(50% * var(--stack-shade)));display:block;position:relative}#book:not([data-closed=true]){align-items:center}#book:not([data-closed=true]) .page[data-page=left] .page-stack{margin:var(--stack-margin-top,0px) var(--stack-margin-end,0px) var(--stack-margin-bottom,0px) var(--stack-margin-start,0px);border-top-right-radius:50% calc(50% * (var(--stack-scale,1) - 1));border-bottom-right-radius:50% calc(50% * (var(--stack-scale,1) - 1));border-top-left-radius:calc(0.5% + var(--edge-ratio,0) * 100%) calc(0.5% + var(--edge-ratio,0) * 30% * var(--stack-scale,1));border-bottom-left-radius:calc(0.5% + var(--edge-ratio,0) * 100%) calc(0.5% + var(--edge-ratio,0) * 30% * var(--stack-scale,1));overflow:hidden}#book:not([data-closed=true]) .page[data-page=right] .page-stack{margin:var(--stack-margin-top,0px) var(--stack-margin-start,0px) var(--stack-margin-bottom,0px) var(--stack-margin-end,0px);border-top-left-radius:50% calc(50% * (var(--stack-scale,1) - 1));border-bottom-left-radius:50% calc(50% * (var(--stack-scale,1) - 1));border-top-right-radius:calc(0.5% + var(--edge-ratio,0) * 100%) calc(0.5% + var(--edge-ratio,0) * 30% * var(--stack-scale,1));border-bottom-right-radius:calc(0.5% + var(--edge-ratio,0) * 100%) calc(0.5% + var(--edge-ratio,0) * 30% * var(--stack-scale,1));overflow:hidden}.page-shell{flex-direction:row;flex:none;align-items:stretch;line-height:0;display:flex}.page-edge{width:calc(var(--edge-ratio,0) * var(--page-face-width,0px));background-color:#d0d0d0;background-image:var(--okuma-side-book);background-position:0;background-repeat:repeat-x;background-size:auto 100%;flex:none;position:relative}.page-edge:after{content:"";pointer-events:none;background-image:linear-gradient(to right, rgb(0 0 0/calc(45% * var(--stack-shade,0))), transparent 50%);position:absolute;inset:0}.page[data-page=right] .page-edge{background-position:100%}.page[data-page=right] .page-edge:after{background-image:linear-gradient(to left, rgb(0 0 0/calc(45% * var(--stack-shade,0))), transparent 50%)}.page-face{background-color:#fff;flex:none;display:block;position:relative;overflow:hidden}.page-face>canvas{z-index:0;display:block;position:relative}.page-face>.textLayer{z-index:1}.page-face>.annotationLayer{z-index:8;pointer-events:none;transform-origin:0 0;position:absolute;inset:0;overflow:clip}.page-face>.annotationLayer>a{pointer-events:auto;cursor:pointer;color:#0000;position:absolute}.page-face>.annotationLayer>a:hover,.page-face>.annotationLayer>a:focus-visible{background-color:#ff03}.page-face>.searchLayer{z-index:7;pointer-events:none;position:absolute;inset:0;overflow:clip}.page-face>.searchLayer>span{background-color:#ffd20073;position:absolute}.page-face>.searchLayer>span.is-current{background-color:#ff8c008c}.page-paper{z-index:2;pointer-events:none;background-image:var(--okuma-paper-book);background-size:calc(var(--page-face-width) / 6);background-position:var(--paper-position,0 0);mix-blend-mode:exclusion;opacity:.3;position:absolute;inset:0}.page-tint{z-index:3;pointer-events:none;mix-blend-mode:multiply;background:#fffbf9;position:absolute;inset:0}#book[data-cover] .page-tint,#book[data-cover] .page-paper{display:none}.page-pastedown{z-index:3;pointer-events:none;background-image:var(--okuma-pastedown);mix-blend-mode:overlay;opacity:.3;background-repeat:no-repeat;background-size:100% 100%;display:none;position:absolute;inset:0}.page[data-pastedown] .page-pastedown{display:block}.page[data-pastedown=back] .page-pastedown{transform:scaleX(-1)}.page-fold{z-index:4;pointer-events:none;background-image:var(--okuma-book-fold);mix-blend-mode:multiply;background-repeat:no-repeat;background-size:200% 100%;position:absolute;inset:0}.page[data-page=left] .page-fold{background-position:0}.page[data-page=right] .page-fold{background-position:100%}#book[data-cover] .page-fold{display:none}.page-specular{z-index:6;pointer-events:none;background-image:var(--okuma-specular-double);background-blend-mode:multiply;mix-blend-mode:soft-light;opacity:.5;background-repeat:no-repeat;background-size:200% 100%;position:absolute;inset:0}.page[data-page=left] .page-specular{background-position:0}.page[data-page=right] .page-specular{background-position:100%}#book[data-cover] .page-specular{background-image:var(--okuma-specular-single);background-position:50%;background-size:100% 100%}.page-face:after{content:"";z-index:7;pointer-events:none;position:absolute;inset:0}#book[data-cover=front] .page[data-page=right] .page-face:after{background:linear-gradient(90deg,#00000080 0%,#0000 .8%,#0000001a 3%,#00000040 3.5%,#0000004d 4.5%,#0000 5.2% 99%,#0000004d 100%)}#book[data-cover=back] .page[data-page=left] .page-face:after{background:linear-gradient(270deg,#00000080 0%,#0000 .8%,#0000001a 3%,#00000040 3.5%,#0000004d 4.5%,#0000 5.2% 99%,#0000004d 100%)}#reader-search{z-index:15;--padding:clamp(12px, 2vw, 28px);bottom:var(--padding);left:var(--padding);right:var(--padding);place-content:center;display:flex;position:absolute;&[hidden]{display:none}&>div{border:3px solid var(--accent-color);color:var(--accent-color);width:100%;box-shadow:0 0 5em var(--accent-color);background:#fff;justify-content:space-between;max-width:42rem;padding:.75rem;display:flex;&>div{flex-direction:column;gap:.55rem;display:flex;&>div{flex-wrap:wrap;align-items:center;gap:.35rem 1rem;display:flex;&:first-child{&>[data-search-input]{box-sizing:border-box;border:3px solid var(--accent-color);min-width:0;height:42px;color:var(--accent-color);font:inherit;background:#fff;margin:0;padding:0 .7em;font-weight:600}&>div{display:flex;&>button~button{border-left-width:0}}&>[data-search-count]{white-space:nowrap;flex:none;font-weight:600}}&:nth-child(2){gap:1.6em;font-size:.9rem;font-weight:600;&>label{cursor:pointer;user-select:none;align-items:center;gap:.4em;display:inline-flex;&>input{accent-color:var(--accent-color);width:1.2em;height:1.2em;margin:0}}}}}}}#reader-search .icon-button{box-sizing:border-box;border:3px solid var(--accent-color);width:42px;height:42px;color:var(--accent-color);cursor:pointer;background:#fff;justify-content:center;align-items:center;display:flex;& svg{width:28px;height:28px}&:disabled{cursor:not-allowed}&:hover:not(:disabled),&:focus-visible:not(:disabled),&[aria-expanded=true]:not(:disabled){background:var(--accent-color);color:#fff}}#shortcuts-dialog{background:0 0;border:none;padding:0}#shortcuts-dialog[open]{place-items:center;width:auto;max-width:100%;height:auto;max-height:100%;margin:0;display:grid;inset:0;overflow:visible}#shortcuts-dialog::backdrop{background:color-mix(in srgb, var(--accent-color) 50%, transparent);backdrop-filter:blur(2px)}.shortcuts-panel{--shortcuts-ink:#000;--key-size:2.5rem;box-sizing:border-box;border:3px solid var(--accent-color);width:max-content;max-width:min(42rem,100vw - 2rem);color:var(--shortcuts-ink);box-shadow:0 0 5em var(--accent-color);background:#fff;padding:1em}.shortcuts-header{align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.shortcuts-header h2{color:var(--accent-color);flex:1;margin:0;font-size:1.25rem;font-weight:700}.shortcuts-group{margin-block:1.5rem;margin-inline:2em}.shortcuts-group h3{letter-spacing:.04em;text-transform:uppercase;opacity:.8;color:var(--accent-color);margin:0 0 .35rem;font-size:.8rem;font-weight:700}.shortcuts-table{border-collapse:collapse;width:100%;font-size:1rem}.shortcuts-table th,.shortcuts-table td{vertical-align:middle;padding:.4rem 0;font-weight:500}.shortcuts-table th{text-align:left;white-space:nowrap;padding-right:1.25rem;font-weight:600}.shortcuts-table td{width:100%}.shortcut-keys{align-items:center;gap:.15rem;display:inline-flex}.shortcut-key{width:var(--key-size);height:var(--key-size);background-color:var(--shortcuts-ink);-webkit-mask:var(--key) center / contain no-repeat;mask:var(--key) center / contain no-repeat;display:inline-block}.shortcuts-table .or,.shortcuts-table .plus{opacity:.7;margin:0 .2em;font-weight:500}.shortcuts-note{opacity:.75;margin:1rem 0 0;font-size:.9rem;font-weight:500}#shortcuts-dialog .icon-button{box-sizing:border-box;border:3px solid var(--accent-color);width:42px;height:42px;color:var(--accent-color);cursor:pointer;background:#fff;justify-content:center;align-items:center;display:flex;& svg{width:28px;height:28px}&:disabled{cursor:not-allowed}&:hover:not(:disabled),&:focus-visible:not(:disabled),&[aria-expanded=true]:not(:disabled){background:var(--accent-color);color:#fff}}#small-screen-overlay{z-index:20;box-sizing:border-box;text-align:center;color:var(--accent-color);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem 1.5rem;display:none;position:absolute;inset:0}#small-screen-overlay h2{margin:0;font-size:1.5rem;font-weight:700}#small-screen-overlay p{max-width:28ch;margin:0;font-size:1.05rem;line-height:1.45}#small-screen-actions{flex-direction:column;align-items:stretch;gap:.75rem;margin-top:.5rem;display:flex}@media (width<=480px),(height<=520px){#small-screen-overlay{display:flex}}:is(button,a):disabled .okuma-icon{opacity:.35}a.okuma-btn-primary{color:#fff;background-color:var(--color);border:3px solid var(--color);align-items:center;gap:.35em;padding:.5em 1em;font-size:130%;font-weight:600;text-decoration:none;transition-property:color,background-color;transition-duration:75ms;display:inline-flex;&:hover,&:focus-within{color:var(--color);background-color:#fff}&[aria-disabled=true]{color:#fff;background-color:var(--color);cursor:not-allowed}}a.okuma-btn-secondary{color:var(--color);outline-offset:-3px;outline-width:3px;outline-color:var(--color);background-color:#fff;outline-style:solid;align-items:center;gap:.35em;padding:.5em 1em;font-size:130%;font-weight:600;text-decoration:none;transition-property:color,background-color;transition-duration:75ms;display:inline-flex;&:hover,&:focus-within{background-color:var(--color);color:#fff}&[aria-disabled=true]{color:var(--color);cursor:not-allowed;background-color:#fff}}