* {box-sizing: border-box;margin: 0;padding: 0;}html {font: clamp(0.9rem, 1.5vw, 0.98rem) / 1.44 Georgia, serif;background-color: hsl(25, 100%, 92%);color: hsl(25, 50%, 5%);}::-webkit-scrollbar {width: 5px;}::-webkit-scrollbar-track {background: #000000;}::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);}::-webkit-scrollbar-thumb {background: #ffffff;}::-webkit-scrollbar-thumb:hover {background: #555;}.image-gallery-container {align-items: center;padding: 10px;box-sizing: border-box;bottom: 0;margin-bottom: 14px;width: 100%;display: flex;}.image-gallery {pointer-events: all !important;position: relative;display: flex;overflow-x: hidden;overflow-y: hidden;margin: 0 auto;box-sizing: border-box;justify-content: flex-start;padding: 0 50px;flex-wrap: nowrap;scroll-snap-type: x mandatory;}.image-gallery img {width: 100%;padding: 10px;object-fit: cover;cursor: pointer;flex-shrink: 0;border: 1px solid #000000;z-index: 1;scroll-snap-align: start;}.button-container {pointer-events: all !important;display: flex;justify-content: space-between;align-items: center;width: 100%;position: relative;top: -45px;}.nav-button {position: relative;z-index: 9999;background-color: rgba(0, 0, 0, 0.5);border: none;color: white;padding: 10px;cursor: pointer;font-size: 18px;top: 50%;transform: translateY(-50%);}.nav-button.left {left: -14px;}.nav-button.right {right: -14px;}.bookmat-start {display: none !important;}.contents-item {margin-bottom: 10px;}.contents-subitem-list {margin-left: 20px;list-style-type: none;}.contents-subitem {margin-bottom: 5px;}.contents-subitem a {text-decoration: none;}.contents-subitem a:hover {text-decoration: underline;}@keyframes slideOut {from {top: 50%;transform: translateY(-50%);opacity: 1;}to {top: -100%;opacity: 0;}}.close-animation {animation: slideOut 0.75s ease-out forwards;}@keyframes slideIn {from {top: -100%;opacity: 0;}to {top: 25%;transform: translateY(-25%);opacity: 1;}}@keyframes slideOut {from {top: 50%;transform: translateY(-50%);opacity: 1;}to {top: -100%;opacity: 0;}}.modalImage {background-color: rgba(0, 0, 0, 0.9);overflow: hidden;display: flex;justify-content: center;align-items: center;}.modalImage-content {z-index: 9999;background-color: #000000;margin: auto;padding: 20px;overflow: hidden;position: relative;animation: slideIn 0.75s ease-out forwards;display: flex;justify-content: center;align-items: center;height: 50vh;width: 95vw;}.modalImage-content img {max-width: 100%;max-height: 100%;object-fit: contain;}.searchLink {color: #000000;text-decoration: none;transition: color 0.5s ease-in-out;animation: fadeIn 0.5s ease-out forwards;}.searchLink:hover {color: #9f9f9f;}a {color: #ffffff;text-decoration: none;transition: color 0.5s ease-in-out;animation: fadeIn 0.5s ease-out forwards;}.no-decoration {text-decoration: none;}li a {color: #ffffff;text-decoration: none;transition: color 0.5s ease-in-out;animation: fadeIn 0.5s ease-out forwards;}a:hover {color: #9f9f9f;}a:hover {color: #9f9f9f;}.modal, .modalImage {display: none;position: fixed;z-index: 99999;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.4);}.modal-content {background-color: #000000;margin: auto;padding: 20px;border: 1px solid #888;width: 80%;height: 80%;position: relative;animation: slideIn 0.75s ease-out forwards;overflow: scroll;overflow-x: hidden;}.close {z-index: 99999999;position: absolute;top: 5px;right: 5px;color: #fff;font-size: 40px;font-weight: bold;cursor: pointer;transition: color 0.5s ease-in-out;}.close:hover, .close:focus {color: rgb(144, 144, 144);text-decoration: none;}.modal .close {color: #aaa;font-size: 28px;font-weight: bold;}@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}.context-menu {display: none;position: absolute;z-index: 1000;background-color: #f9f9f9;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);border-radius: 5px;padding: 0.5em 0;font-size: 0.9em;color: hsl(25, 50%, 5%);border: 1px solid hsl(25, 50%, 25%);animation: fadeIn 0.2s;}.context-menu ul {list-style: none;padding: 0;margin: 0;}.context-menu li {padding: 0.5em 1em;cursor: pointer;}.page-number {display: none;justify-content: center;padding: 10px;font-size: xx-large;font-weight: 600;width: 20px;}.booktitle {display: none !important;}.front.cover.bookpage {background-size: contain;background-repeat: no-repeat;background-position: top;height: 100vh;}.front.cover.bookpage::before {content: '';position: absolute;top: 0;left: 0;width: 1em;box-shadow: -0.00005em 0 2.5em rgb(255, 0, 0) inset;}.bookmat {box-sizing: content-box;position: relative;height: auto;overflow: visible;}.preface {margin: 2em 0.3rem;font: 0.9em/1.44 Georgia, serif;}.book {position: relative;font: 0.8em/1.2 Georgia, serif;background-color: hsl(20, 50%, 95%);box-shadow: 0 0.5em 20px rgba(0, 0, 0, 0.3);height: auto;}.book::before {content: '‹';position: absolute;padding: 0 0.4em 0.13em;top: -0.07em;right: -0.2em;font-size: 12em;line-height: 1;color: hsla(0, 0%, 100%, 0.849);transform: rotate(0deg);transition: transform 0.5s;cursor: pointer;}.bookpage {color: hsl(20, 50%, 15%);background-color: hsl(20, 50%, 95%);padding: 0.4em;margin-bottom: -2em;line-height: 0;opacity: 0;transition: line-height 0.5s 0.6s, opacity 1s, margin-bottom 0.5s 0.6s;}.front.cover {margin-bottom: 0;line-height: 1.2;opacity: 1;}.bookpage div, .bookpage footer {hyphens: auto;}.bookpage div {pointer-events: none;}.bookpage title-info {margin: 16px;}.indented-list {margin-left: 1em;padding-left: 1em;}.bookpage .booktitle {font-size: 2em;text-align: left;position: absolute;bottom: 0px;display: flex;justify-content: center;align-items: flex-end;}.pagetext {padding: 0 16 0 16;}.unrolled.book::before {transform: rotate(-90deg);}.unrolled.book > .bookpage {line-height: 1.2;margin-bottom: 0;opacity: 1;transition: line-height 1s, opacity 0.5s 0.6s, margin-bottom 1s;}@media (min-width: 700px) {.front.cover.bookpage {background-size: cover;}.book {width: 97.5vw;max-width: 1150px;}.page-number {position: relative;display: none;justify-content: center;padding: 10px;font-size: medium !important;font-weight: 600;width: 20px;}.booktitle {display: block !important;font-size: 2em;text-align: center;margin: 1em 0;}.bookmat {display: flex;align-items: center;min-height: 44rem;height: auto;}.preface {width: 38%;margin: 0 5%;pointer-events: none;}.book {counter-reset: pagecounter;position: absolute;pointer-events: none;top: 0;bottom: 0;left: 0;right: 0;margin: auto;height: auto;perspective: 75rem;transform: rotate(20deg) scale(0.65);transition: transform 0.75s 2s;background-color: transparent;box-shadow: none;}.opened.book {transform: rotate(0);transition: transform 3s;}.book::before {content: none;}.bookpage {counter-increment: pagecounter;position: absolute;top: 0.5em;bottom: 0.5em;margin: 0;padding: 0;width: 50%;line-height: 1.2;opacity: 1;backface-visibility: hidden;cursor: pointer;height: auto;box-shadow: inset 3px 0px 20px rgba(0, 0, 0, 0.1);transform-style: preserve-3d;transition: transform 3s;overflow: hidden;}.bookpage-overflow {overflow-y: scroll !important;}body::selection {background: rgba(222, 255, 0, 0.75) !important;}.book .unrolled::selection {background: rgba(222, 255, 0, 0.75) !important;}.bookmat mark ::selection {background: linear-gradient( to bottom, rgba(222, 255, 0, 1) 0%, rgba(222, 255, 0, 0.5) 60%, rgba(222, 255, 0, 1) 100% );border-radius: 3.5px;}.bookmat mark {background: linear-gradient( to bottom, rgba(222, 255, 0, 1) 0%, rgba(222, 255, 0, 0.5) 60%, rgba(222, 255, 0, 1) 100% );border-radius: 3.5px;}.bookmat mark.pink {background: linear-gradient( to bottom, rgba(255, 69, 190, 1) 0%, rgba(255, 107, 203, 0.5) 60%, rgba(255, 107, 203, 1) 100% );border-radius: 3.5px;}.bookmat mark.blue {background: linear-gradient( to bottom, rgba(73, 179, 255, 1) 0%, rgba(107, 193, 255, 0.5) 60%, rgba(107, 193, 255, 1) 100% );border-radius: 3.5px;}.bookmat mark.green {background: linear-gradient( to bottom, rgba(67, 226, 15, 1) 0%, rgba(39, 229, 54, 0.5) 60%, rgba(39, 229, 54, 1) 100% );border-radius: 3.5px;}.bookmat mark.orange {background: linear-gradient( to bottom, rgba(255, 134, 9, 1) 0%, rgba(255, 177, 34, 0.5) 60%, rgba(255, 177, 34, 1) 100% );border-radius: 3.5px;}.page-number {position: relative;display: none;font-size: 12px;padding: 8px;bottom: 0px;}.justify-content-start {justify-content: flex-start;}.justify-content-end {justify-content: flex-end;}.sticky {position: sticky;}.back .page-number {left: 3px;}.front .page-number {right: -3px;}.back {transform-origin: 100% 0;transform: rotateY(180deg);left: 0;}.front {transform-origin: 0 0;transform: rotateY(0deg);right: 0;}.back.flipped {transform: rotateY(0deg);}.front.flipped {transform: rotateY(-180deg);}.clickable {pointer-events: all;}.cover, .lastpage {top: 0;bottom: 0;width: calc(50% + 0.5em);border-color: hsl(20, 50%, 25%);border-style: solid;}.front.cover.bookpage {height: unset;}.front.cover {pointer-events: all;right: -0.5em;border: none;margin-left: -0.1em;padding: 0.5em 0.25em;color: hsl(0, 0%, 95%);border-radius: 0 5px 5px 0;}.back.cover {left: -0.5em;border-width: 0.5em 0 0.5em 0.5em;border-radius: 5px 0 0 5px;}.lastpage {right: -0.5em;border-width: 0.5em 0.5em 0.5em 0;border-radius: 0 5px 5px 0;}.bookpage .booktitle {padding: 3em 0 0 1.5em;}.bookpage footer {position: absolute;bottom: 0;margin: 4em 2em;font-size: 0.9em;}.bookpage:nth-child(n + 40)::before {content: counter(pagecounter);display: block;padding: 1em 2em;}.bookpage:nth-child(odd)::before {text-align: right;}.bookmat.rtl {flex-direction: row-reverse;}.rtl .preface {text-align: right;}.rtl .book {transform: rotate(-20deg) scale(0.5);}.rtl .opened.book {transform: rotate(0);}.rtl .back {transform-origin: 0 0;transform: rotateY(-180deg);left: auto;right: 0;}.rtl .front {transform-origin: 100% 0;transform: rotateY(0deg);left: 0;}.rtl .back.flipped {transform: rotateY(0deg);}.rtl .front.flipped {transform: rotateY(180deg);}.rtl .front.cover {margin-right: -0.1em;border-radius: 5px 0 0 5px;box-shadow: inset -3em 0 hsl(0, 0%, 0%);}.rtl .lastpage {left: -0.5em;border-width: 0.5em 0 0.5em 0.5em;border-radius: 5px 0 0 5px;}.rtl .back.cover {left: auto;right: -0.5em;border-width: 0.5em 0.5em 0.5em 0;border-radius: 0 5px 5px 0;}.rtl .bookpage:nth-child(even)::before {text-align: right;}.rtl .bookpage:nth-child(odd)::before {text-align: left;}.rtl .bookpage .booktitle {padding: 3em 1.5em 0 0;}}