*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #fafaf8;--surface: #ffffff;--border: #e5e5e0;--text: #1a1a1a;--text-muted: #6b6b6b;--accent: #c0392b;--accent-light: #fdf2f1;--tag-bg: #f0f0ec;--tag-text: #444;--radius: 6px;--shadow: 0 1px 3px rgba(0, 0, 0, .08);--max-w: 960px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", sans-serif}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:15px;line-height:1.7}a{color:inherit;text-decoration:underline;text-underline-offset:2px}img{display:block;max-width:100%}main{max-width:var(--max-w);margin:0 auto;padding:32px 20px}.tag-pill{display:inline-block;padding:3px 10px;background:var(--tag-bg);color:var(--tag-text);border-radius:20px;font-size:12px;white-space:nowrap;text-decoration:none}.tag-pill.genre{background:#e8f0fe;color:#1a56db}.tags-row{display:flex;flex-wrap:wrap;gap:6px}.works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.work-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:box-shadow .15s;text-decoration:none}.work-card:hover{box-shadow:0 4px 12px #0000001f}.work-card-img{aspect-ratio:3 / 4;background:#e8e8e4;overflow:hidden}.work-card-img img{width:100%;height:100%;object-fit:cover}.work-card-body{padding:12px}.work-card-title{font-size:14px;font-weight:600;margin-bottom:6px;line-height:1.4}.work-card-circle{font-size:12px;color:var(--text-muted);margin-bottom:8px}.work-card-tags{display:flex;flex-wrap:wrap;gap:4px}.section-title{font-size:18px;font-weight:700;margin-bottom:20px;padding-bottom:8px;border-bottom:2px solid var(--border)}.section{margin-top:48px}.detail-hero{display:grid;grid-template-columns:200px 1fr;gap:28px;margin-bottom:40px}.detail-cover{aspect-ratio:3 / 4;background:#e8e8e4;border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.detail-cover img{width:100%;height:100%;object-fit:cover}.detail-meta h1{font-size:22px;font-weight:700;line-height:1.4;margin-bottom:8px}.detail-circle{font-size:14px;color:var(--text-muted);margin-bottom:14px}.detail-tags-row{margin-bottom:20px}.cta-group{display:flex;flex-direction:column;gap:10px}.btn-cta{display:block;background:var(--accent);color:#fff;text-align:center;padding:14px 20px;border-radius:var(--radius);font-size:15px;font-weight:700;width:100%;text-decoration:none}.btn-cta:hover{opacity:.9}.btn-amazon{background:#f90}.btn-dlsite{background:#e4007f}.prose{font-size:15px;line-height:1.8;color:var(--text)}.prose p{margin-bottom:12px}.fit-unfit{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}.fit-box{border-radius:var(--radius);padding:16px}.fit-box.fit{background:#f0fdf4;border:1px solid #bbf7d0}.fit-box.unfit{background:#fef2f2;border:1px solid #fecaca}.fit-box h3{font-size:14px;font-weight:700;margin-bottom:10px}.fit-box.fit h3{color:#16a34a}.fit-box.unfit h3{color:#dc2626}.fit-box ul{list-style:none;font-size:13px;display:flex;flex-direction:column;gap:6px}.fit-box ul li:before{content:"● ";font-size:10px}.highlights-list{list-style:none;display:flex;flex-direction:column;gap:10px}.highlights-list li{padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-size:14px;border-left:3px solid var(--accent)}.info-table{width:100%;border-collapse:collapse;font-size:14px}.info-table th,.info-table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border)}.info-table th{width:30%;color:var(--text-muted);font-weight:500;background:var(--tag-bg)}.info-cta{margin-top:20px}details{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}details+details{margin-top:8px}summary{padding:14px 16px;cursor:pointer;font-size:14px;font-weight:600;background:var(--surface);list-style:none;display:flex;justify-content:space-between;align-items:center}summary:after{content:"＋";color:var(--text-muted)}details[open] summary:after{content:"−"}.faq-answer{padding:12px 16px;font-size:14px;line-height:1.7;background:var(--tag-bg);color:var(--text)}.faq-links{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:10px}.faq-links a{display:block;background:var(--accent);color:#fff;text-align:center;padding:10px 16px;border-radius:var(--radius);font-size:13px;font-weight:700;text-decoration:none}.faq-links a:hover{opacity:.9}.related-section{margin-top:40px;padding-top:32px;border-top:2px solid var(--border)}.bottom-cta{margin-top:40px;padding:24px;background:var(--accent-light);border-radius:var(--radius);border:1px solid #f5c6c2;text-align:center}.age-gate-overlay[hidden]{display:none}.age-gate-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.age-gate-box{background:var(--surface);border-radius:8px;max-width:420px;width:100%;padding:36px 32px;text-align:center}.age-gate-box h2{font-size:18px;margin-bottom:12px}.age-gate-box>p:first-of-type{font-size:13px;color:var(--text-muted);margin-bottom:24px}.age-gate-actions{display:flex;flex-direction:column;gap:10px}.btn-age-yes{background:var(--accent);color:#fff;border:none;padding:13px 20px;border-radius:var(--radius);font-size:15px;font-weight:600;cursor:pointer}.btn-age-yes:hover{opacity:.9}.btn-age-no{background:none;border:1px solid var(--border);padding:11px 20px;border-radius:var(--radius);font-size:14px;color:var(--text-muted);cursor:pointer}.age-gate-note{font-size:11px;color:#aaa;margin-top:16px;line-height:1.6}footer{background:var(--surface);border-top:1px solid var(--border);margin-top:64px;color:#999;line-height:1.4}.footer-inner{max-width:var(--max-w);margin:0 auto;padding:20px}.site-logo{font-size:16px;font-weight:700;letter-spacing:-.5px;text-decoration:none}.site-logo span{color:var(--accent)}.footer-nav{display:flex;flex-wrap:wrap;gap:20px;font-size:13px;margin-bottom:12px}.footer-notice{font-size:12px;margin-bottom:8px}.copyright{font-size:11px;color:#bbb}.modal-trigger{background:none;border:none;padding:0;font-size:13px;color:var(--text-muted);cursor:pointer;font-family:inherit}.modal-trigger:hover{color:var(--text)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:900;padding:20px}.modal-overlay[hidden]{display:none}.modal-box{background:var(--surface);border-radius:8px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;padding:40px 36px;position:relative}.modal-close{background:none;border:none;cursor:pointer;color:var(--text-muted);font-family:inherit}.modal-close:hover{color:var(--text)}.modal-box>.modal-close{position:absolute;top:16px;right:16px;font-size:18px;line-height:1;padding:4px 8px}.modal-footer{margin-top:28px;text-align:center}.modal-close-btn{font-size:14px;padding:10px 32px;border:1px solid var(--border);border-radius:var(--radius)}.modal-content h2{font-size:17px;font-weight:700;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--border)}.modal-content h3{font-size:14px;font-weight:700;margin:20px 0 8px;color:var(--text-muted)}.modal-content p{font-size:14px;line-height:1.8;color:var(--text);margin-bottom:4px}.prose-page h2{font-size:18px;font-weight:700;margin:32px 0 12px;padding-bottom:6px;border-bottom:1px solid var(--border)}.prose-page p{font-size:15px;line-height:1.8;color:var(--text);margin-bottom:12px}.prose-page ul{padding-left:20px;font-size:15px;line-height:1.8;margin-bottom:12px}@media(max-width:600px){.detail-hero{grid-template-columns:1fr}.detail-cover{max-width:400px;margin:0 auto}.fit-unfit{grid-template-columns:1fr}}