*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#15121b;color:#faf8ff;font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;line-height:1.7}a{color:inherit}a:focus-visible{outline:3px solid #d4a6ff;outline-offset:4px}.reader-head,.reader-nav,.reader-end{max-width:1024px;margin:auto;padding:20px}.brand{font-weight:800;text-decoration:none;letter-spacing:.08em;font-size:.9rem}.reader-head h1{font-size:clamp(1.4rem,4vw,2rem);margin:.6em 0 .1em}.reader-head p{color:#c3bacd;margin:.3em 0;font-size:.9rem}.reader-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:12px;padding-bottom:16px}.reader-nav a,.reader-end>a{display:inline-block;padding:10px 16px;border:1px solid #776a87;border-radius:8px;text-decoration:none;font-weight:700;min-height:44px}.reader-nav a:hover,.reader-end>a:hover{background:#32243e}.reader-nav .next,.reader-end>a{background:#713ac1;border-color:#9f6bdf}.pages{max-width:1024px;margin:auto}.pages figure{margin:0 0 12px}.pages img{width:100%;height:auto;display:block;background:white}.pages figcaption{text-align:center;font-size:.8rem;color:#c3bacd;padding:4px}.reader-end{text-align:center;padding-bottom:40px}.reader-end h2{font-size:1.3rem}.reader-end p{color:#c3bacd}.footer{text-align:center;padding:24px;font-size:.85rem;color:#c3bacd}@media(min-width:800px){.pages{max-width:860px}.reader-head,.reader-nav,.reader-end{max-width:900px}}