.settings-button{position:absolute;top:10px;right:10px;z-index:1000}.settings-button button{background-color:#007bff;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:14px}.settings-button button:hover{background-color:#0056b3}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;padding:20px;border-radius:10px;width:300px;max-width:90%;box-shadow:0 4px 6px #0000001a;z-index:1001}.modal-content{margin-bottom:20px}.modal button{background-color:#007bff;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer}.modal button:hover{background-color:#0056b3}.modal-checkbox-group{display:flex;flex-direction:column;gap:10px}.modal-checkbox-group label{display:flex;align-items:center;font-size:16px}.modal-checkbox-group input{margin-right:10px}body{margin:0;font-family:Arial,sans-serif;background-color:#f8f8f8;color:#333}button{cursor:pointer;background-color:#007bff;color:#fff;border:none;border-radius:5px;transition:background-color .3s ease}button:hover{background-color:#0056b3}.reader-container{height:100vh;display:flex;flex-direction:column;background-color:#f8f8f8}.reader-area{flex:1;position:relative;overflow:hidden}.toc-area{width:300px;height:100%;background-color:#fff;box-shadow:2px 0 5px #0000001a}.nav-button{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;line-height:40px;text-align:center;background-color:#007bff;color:#fff;border-radius:50%;cursor:pointer;z-index:5}.nav-button:hover{background-color:#0056b3}.nav-button-prev{left:10px}.nav-button-next{right:10px}.page-info{position:absolute;bottom:10px;right:10px;background-color:#000000b3;color:#fff;padding:5px 10px;border-radius:5px;font-size:14px;z-index:10}