@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}.sukebe-gallery{text-align:center;margin-top:30px;padding:40px 20px}.sukebe-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}.sukebe-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;display:grid}.sukebe-item{cursor:pointer}.sukebe-thumb{object-fit:cover;border-radius:8px;width:100%;height:160px}.sukebe-title{margin-top:8px;font-family:Kosugi Maru,sans-serif;font-size:1rem}.sukebe-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}.sukebe-pages{width:100%;max-width:860px;margin:0 auto;padding:20px}.sukebe-pages img{border-radius:8px;width:100%;height:auto;margin-bottom:70px}.sukebe-pages.single-image{flex-direction:column;justify-content:center;align-items:center;min-height:100%;display:flex}.sukebe-pages.single-image img{width:auto;max-width:100%;height:auto;margin:0 auto}.afterword-link{color:#333;text-align:center;background-color:#ffecb3;border-radius:24px;margin-top:20px;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){.sukebe-gallery{padding:24px 12px}.sukebe-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}.sukebe-modal{padding:24px 12px}.sukebe-thumb{height:120px}.sukebe-title{font-size:.9rem}.sukebe-pages{padding:12px}.sukebe-pages img{margin-bottom:40px}.sukebe-pages.single-image{min-height:100vh;padding:16px}.sukebe-pages.single-image img{max-width:100%;margin-bottom:0}}