.reader-index{max-width:1100px;color:var(--ink);font-family:var(--font-sans);margin:0 auto;padding:0 0 3rem}.reader-index .hero{text-align:left;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:var(--radius-m);box-shadow:var(--shadow-s);padding:clamp(1.75rem,5vw,3rem) clamp(1.25rem,4vw,2.75rem)}.reader-index .eyebrow{color:var(--accent);letter-spacing:.14em;margin:0 0 .75rem;font-size:.74rem;font-weight:700}.reader-index .hero h1{color:var(--ink);font-family:var(--font-serif);letter-spacing:.06em;margin:0;font-size:clamp(1.9rem,5vw,2.8rem);font-weight:600;line-height:1.3}.reader-index .en-title,.reader-index .de-title,.reader-index .zh-title,.reader-index .alternate-title{color:var(--ink-soft);font-family:Georgia, var(--font-serif);margin:.5rem 0 0;font-size:1.05rem;line-height:1.5}.reader-index .en-title,.reader-index .de-title{font-style:italic}.reader-index .author{color:var(--ink-soft);margin:.6rem 0 0;font-size:.95rem}.reader-index .lead{max-width:var(--measure);color:var(--ink-soft);margin:1.25rem 0 0;line-height:1.9}.reader-index .stats{color:var(--ink-soft);border-top:1px solid var(--line);flex-wrap:wrap;gap:.4rem 1.5rem;margin-top:1.4rem;padding-top:1.1rem;font-size:.85rem;display:flex}.reader-index .stats b{color:var(--ink);margin-right:.15rem;font-size:1.15rem;font-weight:700}.reader-index .notice,.reader-index .source-note{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);margin:1.5rem 0;padding:1.25rem 1.5rem}.reader-index .notice{border-left:3px solid var(--accent)}.reader-index .source-note{background:0 0}.reader-index .notice h2,.reader-index .source-note h2{margin:0 0 .5rem;font-size:1rem}.reader-index .notice p,.reader-index .source-note p{color:var(--ink-soft);margin:.4rem 0 0;font-size:.9rem;line-height:1.85}.reader-index .source-note a{color:var(--accent);font-weight:700}.reader-index .volume{margin:3rem 0 0}.reader-index .part{margin:2.5rem 0 0}.reader-index .volume-heading,.reader-index .part-heading{color:var(--ink);border-bottom:2px solid var(--accent);background:0 0;border-radius:0;margin:0 0 1rem;padding:0 0 .8rem}.reader-index .volume-heading span{color:var(--accent);letter-spacing:.14em;font-size:.72rem;font-weight:700}.reader-index .volume-heading h2,.reader-index .part-heading h2{font-family:var(--font-serif);letter-spacing:.04em;margin:.2rem 0 0;font-size:1.45rem;font-weight:600}.reader-index .volume-heading p,.reader-index .part-heading p{color:var(--ink-faint);font-family:Georgia, var(--font-serif);margin:.25rem 0 0;font-size:.9rem;font-style:italic}.reader-index .part h3{margin:1.6rem 0 0;font-size:1.05rem}.reader-index .part-en{color:var(--ink-faint);font-family:Georgia, var(--font-serif);margin:.15rem 0 0;font-size:.85rem;font-style:italic}.reader-index .chapter-list,.reader-index .section-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.reader-index .chapter-list li>div,.reader-index .chapter-list li>a,.reader-index .section-list li>div,.reader-index .section-list li>a,.reader-index .preface,.reader-index .title-page{height:100%;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-s);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.reader-index .chapter-list li>div,.reader-index .section-list li>div{color:var(--ink-soft);background:0 0;border-style:dashed}.reader-index .chapter-list li>a:hover,.reader-index .chapter-list li>a:focus-visible,.reader-index .section-list li>a:hover,.reader-index .section-list li>a:focus-visible,.reader-index .preface:hover,.reader-index .title-page:hover{color:var(--ink);border-color:var(--accent);box-shadow:var(--shadow-m);outline:none}.reader-index .preface,.reader-index .title-page{margin:1.5rem 0}.reader-index .chapter-title,.reader-index .section-title{flex-direction:column;gap:.15rem;min-width:0;display:flex}.reader-index .chapter-title small,.reader-index .section-title small{color:var(--ink-faint);letter-spacing:.05em;font-size:.72rem;font-weight:700}.reader-index .chapter-title strong,.reader-index .section-title strong{font-family:var(--font-serif);font-size:1rem;font-weight:600;line-height:1.5}.reader-index .chapter-en,.reader-index .chapter-de,.reader-index .section-en,.reader-index .section-zh{color:var(--ink-faint);font-family:Georgia, var(--font-serif);font-size:.8rem;line-height:1.5}.reader-index .meta,.reader-index .paragraph-range,.reader-index .stanza-count,.reader-index .sub-count{color:var(--ink-faint);text-align:right;flex-shrink:0;font-size:.75rem}.reader-index .read-link{color:var(--accent);text-align:right;background:0 0;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.1rem;padding:0;font-size:.8rem;font-weight:700;line-height:1.4;display:flex}.reader-index .read-link span:after{content:" →"}.reader-index .read-link small{color:var(--ink-faint);font-size:.68rem;font-weight:400}.reader-index .ready{color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:.05rem .45rem;font-weight:700}@media (width<=720px){.reader-index .chapter-list,.reader-index .section-list{grid-template-columns:1fr}.reader-index .chapter-list li>div,.reader-index .chapter-list li>a,.reader-index .section-list li>div,.reader-index .section-list li>a,.reader-index .preface,.reader-index .title-page{align-items:flex-start}.reader-index .stats{font-size:.8rem}}.reader-index .chapter-summary-preview{color:var(--ink-soft);font-family:var(--font-sans);letter-spacing:.01em;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:.25rem;font-size:.84rem;font-weight:400;line-height:1.7;display:-webkit-box;overflow:hidden}.reader-index .chapter-list li{scroll-margin-top:1.5rem}.reader-index .quick-jump-bar{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-s);align-items:center;gap:.6rem;margin:1.5rem 0;padding:.75rem 1rem;display:flex}.reader-index .jump-label{color:var(--ink-soft);white-space:nowrap;font-size:.8rem;font-weight:700}.reader-index .jump-links{flex-wrap:wrap;gap:.35rem;display:flex}.reader-index .jump-chip{min-width:1.75rem;height:1.75rem;color:var(--ink-soft);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-s);justify-content:center;align-items:center;padding:0 .35rem;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-flex}.reader-index .jump-chip:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.reader-index .back{color:var(--accent);margin-bottom:1rem;font-weight:700;text-decoration:none;display:inline-block}.reader-index .back:hover{text-decoration:underline}.reader-index .hero-section{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:var(--radius-m);box-shadow:var(--shadow-s);padding:clamp(1.75rem,5vw,3rem) clamp(1.25rem,4vw,2.75rem)}.reader-index .hero-subtitle{color:var(--accent);letter-spacing:.14em;font-size:.74rem;font-weight:700}.reader-index .hero-title{font-family:var(--font-serif);letter-spacing:.06em;margin:.6rem 0 0;font-size:clamp(1.9rem,5vw,2.8rem);font-weight:600;line-height:1.3}.reader-index .hero-lead-en{color:var(--ink-soft);font:italic 1rem/1.6 Georgia, var(--font-serif);margin:.5rem 0 0}.reader-index .stats-row{border-top:1px solid var(--line);flex-wrap:wrap;gap:.5rem 1.75rem;margin-top:1.4rem;padding-top:1.1rem;display:flex}.reader-index .stat-pill{align-items:baseline;gap:.4rem;display:flex}.reader-index .stat-num{color:var(--ink);font-size:1.15rem;font-weight:700}.reader-index .stat-label{color:var(--ink-soft);font-size:.82rem}.reader-index .about-card{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1.4rem}.reader-index .about-title{margin:0 0 .8rem;font-size:1.05rem}.reader-index .about-content{max-width:var(--measure)}.reader-index .about-content p{color:var(--ink-soft);margin:0 0 1em;font-size:.95rem;line-height:1.9}.reader-index .about-content p:last-child{margin-bottom:0}.reader-index .chapters-section{margin-top:2.5rem}.reader-index .section-header,.reader-index .section-title-row{border-bottom:2px solid var(--accent);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.4rem 1rem;margin-bottom:1rem;padding-bottom:.8rem;display:flex}.reader-index .section-header .section-title,.reader-index .section-title-row .section-heading{font-family:var(--font-serif);margin:0;font-size:1.4rem;font-weight:600}.reader-index .section-hint,.reader-index .reading-hint{color:var(--ink-faint);font-size:.8rem}.reader-index .chapters-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr));gap:.9rem;display:grid}.reader-index .chapter-card{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);flex-direction:column;padding:1.1rem 1.2rem;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.reader-index .chapter-card:hover{color:var(--ink);border-color:var(--accent);box-shadow:var(--shadow-m)}.reader-index .card-top,.reader-index .card-header{justify-content:space-between;gap:.5rem;margin-bottom:.5rem;display:flex}.reader-index .chapter-badge,.reader-index .plate-badge{color:var(--accent);letter-spacing:.08em;font-size:.72rem;font-weight:700}.reader-index .section-count-tag,.reader-index .section-count{color:var(--ink-faint);font-size:.75rem}.reader-index .card-title-ja{font-family:var(--font-serif);margin:0;font-size:1.06rem;font-weight:600;line-height:1.5}.reader-index .card-title-ja a{color:var(--ink);text-decoration:none}.reader-index .card-title-ja a:after{content:"";position:absolute;inset:0}.reader-index .card-title-ja a:hover{color:var(--ink)}.reader-index .card-title-en{color:var(--ink-faint);font:italic .82rem/1.5 Georgia, var(--font-serif);margin:.2rem 0 0}.reader-index .card-desc,.reader-index .card-desc-ja{color:var(--ink-soft);margin:.6rem 0 0;font-size:.85rem;line-height:1.75}.reader-index .card-footer{text-align:right;margin-top:auto;padding-top:.7rem}.reader-index .read-btn,.reader-index .read-link{color:var(--accent);font-size:.8rem;font-weight:700;text-decoration:none}.reader-index .read-btn:hover{text-decoration:underline}.reader-index .back-wrap{margin-top:2rem}.reader-index .back-link{color:var(--accent);font-size:.9rem;font-weight:700;text-decoration:none}.reader-index .back-link:hover{text-decoration:underline}