body{background-color:#f5f5f5;flex-direction:column;height:100vh;margin:0;padding:0;font-family:Arial,sans-serif;display:flex}header{color:#fff;background:linear-gradient(90deg,#2196f3,#21cbf3);justify-content:space-between;align-items:center;padding:.8rem;display:flex}.title{align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.book-title{white-space:nowrap;text-overflow:ellipsis;max-width:60%;font-size:1rem;overflow:hidden}.controls{align-items:center;gap:.5rem;display:flex}button{color:#fff;cursor:pointer;background-color:#2196f3;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem}button:hover{background-color:#1976d2}button:disabled{cursor:not-allowed;background-color:#718096}.file-input{display:none}main{flex-direction:column;flex:1;display:flex;overflow:hidden}#viewer{background-color:#fff;flex:1;padding:2rem;overflow:auto;box-shadow:inset 0 0 10px #0000001a}footer{background-color:#e2e8f0;justify-content:space-between;align-items:center;padding:.8rem;display:flex}.page-info{align-items:center;gap:.5rem;display:flex}input[type=number]{border:1px solid #cbd5e0;border-radius:4px;width:4rem;padding:.3rem}.toc-container{z-index:1010;background-color:#fff;flex-direction:column;width:300px;height:100%;transition:transform .3s;display:flex;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:2px 0 5px #0000001a}.toc-container.open{transform:translate(0)}.toc-header{color:#fff;background-color:#2196f3;justify-content:space-between;align-items:center;padding:1rem;display:flex}.toc-content{flex:1;padding:1rem;overflow-y:auto}.toc-item{cursor:pointer;border-bottom:1px solid #e2e8f0;padding:.5rem}.toc-item:hover{background-color:#f7fafc}.library-container{z-index:20;background-color:#fff;flex-direction:column;width:90%;height:90%;transition:transform .3s;display:flex;position:fixed;top:5%;left:5%;overflow:hidden;transform:translateY(-120%);box-shadow:0 0 10px #00000080}.library-container.open{transform:translateY(0)}.library-header{color:#fff;background-color:#2196f3;justify-content:space-between;align-items:center;padding:1rem;display:flex}.library-content{flex:1;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;padding:1rem;display:grid;overflow-y:auto}.library-item{text-align:center;cursor:pointer;border:1px solid #ccc;padding:.5rem;transition:box-shadow .2s}.library-item:hover{box-shadow:0 0 8px #0000004d}.library-cover{object-fit:cover;background:#eee;width:100%;height:200px;margin-bottom:.5rem}.library-title{font-size:.9rem;font-weight:700}.overlay{z-index:15;background-color:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.overlay.open{display:block}.message{z-index:25;text-align:center;background-color:#fff;border-radius:8px;padding:2rem;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 8px #0000001a}.message.show{display:block}@media (width<=768px){.title{font-size:1.2rem}button{padding:.4rem .8rem;font-size:.8rem}.toc-container{width:80%}.library-container{width:95%;height:95%;top:2.5%;left:2.5%}}