body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:#f9f9f9;color:#333;display:flex;justify-content:center}#root{width:100%;display:flex;justify-content:center}.loading-block{display:flex;flex-direction:row;justify-content:center;justify-items:center;justify-self:center}.reader-container{width:90%;max-width:800px;margin:20px 0;padding:20px;background:#fff;border:2px solid #dddddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow-y:auto}.reader-content{line-height:1.6;font-size:1rem;color:#333}.container{display:flex;justify-content:center;padding:1rem}.content{max-width:800px;text-align:left;word-wrap:break-word;word-break:break-word;overflow:hidden;padding:2rem;width:100%}h1{font-size:2rem;text-align:center;margin-bottom:1rem;color:#555}ol{margin:0;padding:0;list-style:none}ol li{margin-bottom:1rem;padding:.5rem;border-bottom:1px solid #ddd}ol li a{text-decoration:none;color:#007bff;font-weight:700}ol li a:hover{text-decoration:underline}.chapter-title{display:flex;justify-content:space-between}.chapter-title span{color:#555;font-size:.9rem}a,a:visited{text-decoration:none;color:#6495ed}.error_block{margin:100px auto;text-align:center}.chapter-content{margin:10px}.chapter-navigation-container{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.chapter-navigation{display:inline-block}.chapter-navigation button{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;box-shadow:0 2px 4px #0003;cursor:pointer;transition:all .2s ease}.chapter-navigation button:hover{background-color:#0056b3;box-shadow:0 4px 8px #0003}.chapter-navigation button:active{transform:translateY(1px);box-shadow:0 1px 2px #0003}