.comics-page .comic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:18px}.comic-card{display:flex;flex-direction:column;gap:10px;color:inherit}.comic-cover{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;overflow:hidden;border-radius:14px;background:#f4f1f3;color:#c91868}.comic-cover img{width:100%;height:100%;object-fit:cover}.comic-cover .tag{position:absolute;top:10px;left:10px}.comic-card-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.comic-card-copy strong{font-size:14px;line-height:1.35}.comic-card-copy small{color:#8b93a1;font-size:12px}.comic-detail{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;padding:24px}.comic-detail-cover{display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;overflow:hidden;border-radius:14px;background:#f4f1f3;color:#c91868}.comic-detail-cover img{width:100%;height:100%;object-fit:cover}.comic-detail h1{margin:10px 0 6px;font-size:32px;letter-spacing:-.04em}.comic-detail-author,.comic-detail-description{color:#697386;line-height:1.7}.comic-detail-description{margin:8px 0 18px}.comic-detail-tags{display:flex;gap:8px}.comic-manage-link{margin-left:10px}.comic-chapter-list{margin-top:18px;padding:8px 8px 12px}.comic-chapter-list h2{padding:16px 16px 8px;font-size:16px}.comic-chapter-list ol{list-style:none}.comic-chapter-list a{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:14px 16px;border-radius:12px}.comic-chapter-list a:hover{background:#faf7f8}.comic-chapter-list a span,.comic-chapter-list a small{color:#8b93a1;font-size:12px}.comic-read-page{max-width:860px}.comic-read-heading{margin:8px 0 16px}.comic-read-heading h1{font-size:28px;letter-spacing:-.04em}.comic-read-heading p{margin-top:4px;color:#8b93a1;font-size:13px}.comic-pages{display:flex;flex-direction:column;gap:8px}.comic-pages img{width:100%;height:auto;border-radius:8px;background:#fff}.comic-ad{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:12px 0;padding:22px;border:1px solid #f5c6db;border-radius:16px;background:linear-gradient(160deg,#fff5f9,#fff)}.comic-ad>span{color:#c91868;font-size:12px;font-weight:650}.comic-ad strong{font-size:20px;letter-spacing:-.03em}.comic-ad p{color:#697386;font-size:13px;line-height:1.6}.comic-read-nav{display:flex;justify-content:space-between;gap:12px;margin-top:18px;font-size:14px}.comic-read-nav a{color:#c91868}.comic-admin-form,.comic-admin-list,.comic-admin-chapter,.comic-admin-danger{padding:22px;margin-bottom:16px}.comic-admin-form h2,.comic-admin-list h2,.comic-admin-chapter h2,.comic-admin-danger h2{margin-bottom:14px;font-size:16px}.comic-admin-form form,.comic-admin-chapter form{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.comic-admin-form label,.comic-admin-chapter label{display:flex;flex-direction:column;gap:6px;width:min(100%,460px);color:#697386;font-size:13px}.comic-admin-form input,.comic-admin-form textarea,.comic-admin-form select,.comic-admin-chapter input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#fff}.comic-admin-list ul{list-style:none;display:flex;flex-direction:column;gap:8px}.comic-admin-list a{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px}.comic-admin-list a:hover{background:#faf7f8}.comic-admin-list small{color:#8b93a1}.comic-admin-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 16px}.comic-admin-heading h1{font-size:28px;letter-spacing:-.04em}.comic-admin-heading div{display:flex;align-items:center;gap:10px}.comic-admin-cover{width:160px;aspect-ratio:3/4;object-fit:cover;border-radius:12px;margin-bottom:12px}.comic-admin-chapter header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.comic-admin-chapter header h2{margin:0}.comic-admin-chapter header form{margin:0}.comic-admin-pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:16px}.comic-admin-pages figure{margin:0}.comic-admin-pages img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:10px;background:#f4f1f3}.comic-admin-pages figcaption,.comic-admin-pages button{color:#8b93a1;font-size:12px}.comic-form-error{margin-bottom:12px;color:#a1264d}.comic-admin-danger p{margin-bottom:12px;color:#697386;font-size:13px}.comics-page .button.danger{background:#a1264d;color:#fff}@media(max-width:700px){.comic-detail{grid-template-columns:1fr}.comic-detail-cover{max-width:220px}.comic-admin-heading{align-items:flex-start;flex-direction:column}}
