body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-link{color:#61dafb}body{font-family:Inter,sans-serif;font-size:14px;line-height:1.6;margin:0;padding:0}@media (min-width:480px){body{font-size:15px}}@media (min-width:768px){body{font-size:16px}}@media (min-width:1024px){body{font-size:18px}}@media (min-width:1200px){body{font-size:20px}}h1{font-size:2rem;margin-bottom:1rem}h2{font-size:1.5rem;margin-bottom:.75rem}p{font-size:1rem;margin-bottom:1rem}.layout{display:flex;flex-direction:column;height:100vh}.layout,.layout-fullscreen{align-items:center;justify-content:center}.layout-fullscreen{text-align:center}.layout-sidebar{display:flex;flex-direction:column}@media (min-width:1024px){.layout-sidebar{flex-direction:row;gap:1rem;width:100vw}.main-content{flex:1 1}}.layout-modal{align-items:center;justify-content:center;overflow:hidden}.modal-content{max-height:90vh;max-width:90vw}.splash{align-items:center;background-image:var(--bg-image);background-position:15% 0;background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;transition:background-image 1s ease-in-out;width:100%;z-index:-1}.splash-loading{background:#fffc;border-radius:8px;font-size:1.2em;font-weight:700;left:50%;padding:1em 2em;position:absolute;top:25%;transform:translate(-50%)}.PW-header{align-items:center;background-color:#ffffffbf;border-radius:15px;color:#000;display:flex;flex-direction:column;justify-content:center;padding:10px}.PW-input-box{border:3px solid #000;border-radius:4px;margin-right:10px;padding:8px}.PW-button{background-color:#000;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Arial,sans-serif;padding:10px 15px;transition:background-color .3s ease}.PW-button:hover{background-color:#005353}.gallery-wrapper{box-sizing:border-box;font-family:sans-serif;height:100%;margin:auto;max-width:1400px;width:95%}.scroll-controls{align-items:center;display:flex;justify-content:center}.scroll-btn{background:none;border:none;color:#000;cursor:pointer;font-size:2rem;padding:0 .5rem;transition:transform .2s ease}.scroll-btn:hover{transform:scale(1.5)}.gallery-container{display:flex;gap:1rem;overflow-x:auto;padding:.5rem 0;scroll-behavior:smooth;scroll-snap-type:x mandatory;width:100%}.comic-tile{border:2px solid #0000;border-radius:8px;cursor:pointer;flex:0 0 auto;scroll-snap-align:start;transition:transform .2s ease,box-shadow .2s ease}.comic-tile:hover{transform:translateY(0)}.comic-img{border-radius:8px;height:70vh;object-fit:cover}.comic-overlay{align-items:center;background:#000000b3;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:opacity .2s;width:100%;z-index:2}.overlay-btn{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0003;color:#222;font-weight:700;padding:10px 18px;text-decoration:none}@media (min-width:1024px){.comic-tile:hover{transform:translateY(-12px)}.gallery-container{display:flex;margin-top:10vh}}.chapter-gallery-wrapper{align-items:center;display:flex;gap:12px;margin:8px 0}.chapter-gallery-container{display:flex;flex-direction:row;gap:16px;overflow-x:auto;padding:8px 0;width:100%}.chapter-image-pair{cursor:pointer;display:flex;flex-direction:row;gap:8px;min-width:320px}.chapter-image-single{max-width:150px;min-width:150px;text-align:center;width:100%}.chapter-image-single img{border-radius:8px;height:auto;width:105%}.chapter-modal-images{align-items:center;display:flex;gap:32px;justify-content:center;margin:0 auto;max-height:100vh;max-width:92vw}.chapter-modal-img{background:#222;border-radius:12px;box-shadow:0 4px 24px #00000080;max-height:90vh;max-width:60vw;-webkit-user-select:none;user-select:none}@media (max-width:767px){.chapter-gallery-container{flex-direction:column;margin-left:2.5vw}.chapter-image-pair{flex-direction:column;min-width:0}.chapter-image-single img{border-radius:12px;width:95vw}.chapter-arrow-btn{display:none;width:0}}.sidebar-burger{align-items:center;background:#222;color:#fff;cursor:pointer;display:flex;font-size:1.7rem;padding:16px 18px;transition:background .2s;-webkit-user-select:none;user-select:none}.sidebar-burger:active,.sidebar-burger:focus{background:#444}.navbars{display:flex;height:120px;width:100vw}.column1,.column2{align-items:center;color:#000;display:flex;flex:1 1;flex-direction:column;justify-content:center}.site-header{display:none}.sidebarDiv{background-color:#efefef;border-radius:8px;box-sizing:border-box;height:100px;overflow-y:auto;width:48vw}.sidebarLists{border-radius:4px;margin:.2rem 0;text-align:center}.sidebarLink{border:none;color:#333;display:block;font-size:.75rem;font-weight:700;height:100%;text-decoration:none;width:100%}.coverdescriptiondiv{display:none}.chapter-guide-empty{align-items:center;background-color:#f5f5f5;border-radius:8px;box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:16px;width:100%}@media (min-width:1024px){.navbars{display:flex;flex-direction:column;height:100vh;width:20vw}.site-header{background-color:#111;color:#fff;display:flex;margin:0;position:sticky;width:100vw;z-index:100}.header-content{display:flex;margin-left:10px;max-width:1600px}.header-content h1{font-family:Inter,sans-serif;font-size:1.25rem;font-weight:600;letter-spacing:1px}.column1{align-items:center;color:#000;flex:initial;flex-direction:column;height:20%;justify-content:center}.sidebarDiv{background-color:#f1f1f1;border-radius:12px;box-shadow:0 2px 8px #0000001a;font-family:Inter,sans-serif;height:90%;overflow-y:auto;width:90%}.sidebarLink{background-color:initial;border:none;border-radius:8px;display:block;font-size:medium;font-weight:700;height:100%;text-decoration:none;width:100%}.column2{align-items:center;color:#000;display:flex;flex:initial;flex-direction:column;height:70%;justify-content:space-evenly;padding:0;width:100%}.chapterguidediv{border-radius:12px;box-shadow:0 2px 8px #0000001a;font-family:Inter,sans-serif}.chapterguidediv,.coverdescriptiondiv{background-color:#f1f1f1;height:45%;overflow-y:auto;width:90%}.coverdescriptiondiv{border-radius:8px;color:#000;display:flex}.sidebar-burger{display:none}.chapterguidediv h3,.sidebarDiv h3{border-bottom:2px solid #ccc;font-size:1.1rem;font-weight:700;letter-spacing:.5px;margin-bottom:1rem;padding-bottom:.5rem;text-align:center}.sidebarDiv ul{list-style:none;margin:0;padding:0}.sidebarLists{border-radius:4px;cursor:pointer;font-weight:500;margin:.2rem 0;padding:.5rem 0;text-align:center;transition:color .3s ease}.sidebarLink:hover{background-color:#d5d5d5;transition:background .2s}}
/*# sourceMappingURL=main.51cc4dc3.css.map*/