@import "https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap";
.fan-gallery{text-align:center;margin-top:30px;padding:40px 20px}.fan-gallery h1{letter-spacing:.7rem;margin-bottom:30px;font-family:Kosugi Maru,cursive;font-size:2.2rem;font-weight:700}.fan-sort-toggle{justify-content:center;gap:16px;margin-bottom:24px;display:flex}.fan-sort-toggle button{all:unset;cursor:pointer;-webkit-tap-highlight-color:#0000;background-color:#fff6cc;border-radius:24px;padding:8px 16px;font-family:Kosugi Maru,sans-serif;font-size:1rem;transition:background-color .3s}.fan-sort-toggle button.active{background-color:#fdd835;font-weight:700}.fan-empty{color:#666;margin-top:40px;font-family:Kosugi Maru,sans-serif;font-size:1rem}.fan-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;display:grid}.fan-item{cursor:pointer}.fan-thumb{object-fit:cover;border-radius:8px;width:100%;height:160px}.fan-title{margin-top:8px;font-family:Kosugi Maru,sans-serif;font-size:1rem}.fan-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}.fan-pages{width:100%;max-width:860px;margin:0 auto;padding:20px}.fan-pages img{border-radius:8px;width:100%;height:auto;margin-bottom:70px}.fan-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}.fan-link:hover{background-color:#ffd966}.fan-continued{cursor:default;-webkit-user-select:none;user-select:none}.fan-continued:hover{background-color:#ffecb3}.fan-scroll-top{all:unset;cursor:pointer;box-sizing:border-box;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}.fan-scroll-top:hover{opacity:1;transform:translateY(-5px)scale(1.05);box-shadow:0 6px 12px #0000004d}.fan-scroll-icon{color:#333;width:28px;height:28px}@media (max-width:600px){.fan-gallery{padding:24px 12px}.fan-gallery h1{margin-top:30px;font-size:1.8rem}.fan-sort-toggle{flex-flow:wrap;gap:12px;margin-bottom:20px}.fan-sort-toggle button{padding:6px 14px;font-size:.95rem}.fan-modal{padding:24px 12px}.fan-thumb{height:120px}.fan-title{font-size:.9rem}.fan-pages{padding:12px}.fan-pages img{margin-bottom:40px}.fan-scroll-top{width:50px;height:50px;bottom:15px;right:15px}.fan-scroll-icon{width:24px;height:24px}}