@import "https://unpkg.com/ress@5.0.2/dist/ress.min.css";
@import "https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap";
@import "https://fonts.googleapis.com/css2?family=Hachi+Maru+Pop&display=swap";
body.modal-open{width:100%;height:100vh;position:fixed;overflow:hidden}button{all:unset;cursor:pointer;font-family:inherit;font-size:inherit;-webkit-tap-highlight-color:#0000}.sub-comic-gallery{text-align:center;margin-top:30px;padding:40px 20px}.sub-comic-gallery h1{letter-spacing:.7rem;margin-bottom:30px;font-family:Kosugi Maru,cursive;font-size:2.2rem;font-weight:700}.sort-toggle{justify-content:center;gap:16px;margin-bottom:24px;display:flex}.sort-toggle button{cursor:pointer;background-color:#fff6cc;border:none;border-radius:24px;padding:8px 16px;font-family:Kosugi Maru,sans-serif;font-size:1rem;transition:background-color .3s}.sort-toggle button.active{background-color:#fdd835;font-weight:700}.sub-comic-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;display:grid}.sub-comic-item{cursor:pointer}.sub-comic-thumb{object-fit:cover;border-radius:8px;width:100%;height:160px}.sub-comic-title{margin-top:8px;font-family:Kosugi Maru,sans-serif;font-size:1rem}.sub-comic-modal{z-index:9999;box-sizing:border-box;background-color:#1e1e1ef2;justify-content:center;align-items:flex-start;width:100%;height:100%;padding:40px 20px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sub-comic-pages{width:100%;max-width:860px;margin:0 auto;padding:20px}.sub-comic-pages img{border-radius:8px;width:100%;height:auto;margin-bottom:70px}.scroll-to-top{cursor:pointer;opacity:.9;z-index:1000;background:linear-gradient(145deg,#fff7c2,#ffd966);border:2px solid #fc0;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 8px #0003}.scroll-to-top:hover{opacity:1;transform:translateY(-5px)scale(1.05);box-shadow:0 6px 12px #0000004d}.scroll-icon{color:#333;width:28px;height:28px}.afterword-link{color:#333;text-align:center;background-color:#ffecb3;border-radius:24px;margin-top:10px;margin-bottom:50px;padding:10px 20px;font-family:Kosugi Maru,sans-serif;font-size:1rem;text-decoration:none;transition:background-color .3s;display:inline-block;box-shadow:2px 2px 6px #0000001a}.afterword-link:hover{background-color:#ffd966}@media (max-width:600px){.sub-comic-gallery{padding:24px 12px}.sub-comic-gallery h1{margin-top:30px;font-size:1.8rem}.sort-toggle{flex-flow:wrap;gap:12px;margin-bottom:20px}.sort-toggle button{padding:6px 14px;font-size:.95rem}.sub-comic-modal{padding:24px 12px}.sub-comic-thumb{height:120px}.sub-comic-title{font-size:.9rem}.sub-comic-pages{padding:12px}.sub-comic-pages img{margin-bottom:40px}.scroll-to-top{width:50px;height:50px;bottom:15px;right:15px}.scroll-icon{width:24px;height:24px}}