.manga-body{min-height:100vh;display:flex;flex-direction:column}
.manga-body main{flex:1}
.topbar nav a[aria-current=page]{color:var(--text)}
.manga-wrap{max-width:1000px;margin:0 auto;padding:28px 16px 48px}
.manga-h1{font-size:clamp(1.6rem,6vw,2.4rem)}.manga-h1 span{color:var(--muted);font-size:.55em}
.manga-sub{color:var(--muted);margin:0 0 24px}
.ch-grid{list-style:none;padding:0;margin:0;display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:600px){.ch-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.ch-grid{grid-template-columns:repeat(3,1fr)}}
.ch-card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--text);transition:transform .15s,border-color .15s}
.ch-card:hover,.ch-card:focus-visible{transform:translateY(-3px);border-color:var(--rose)}
.ch-card img{display:block;width:100%;height:auto;aspect-ratio:1}
.ch-card .meta{padding:12px 14px 16px}.ch-card .num{font-family:var(--serif);color:var(--rose);font-size:.8rem;letter-spacing:.1em}
.ch-card h2{font-size:1.1rem;margin:.2em 0}.ch-card p{color:var(--muted);font-size:.88rem;margin:0}
.read-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:30;background:transparent}
.read-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--crimson),var(--rose))}
.read-head{max-width:800px;margin:0 auto;padding:16px 16px 12px}
.read-head .back{color:var(--muted);text-decoration:none;font-size:.85rem}
.read-title{font-size:clamp(1.2rem,5vw,1.8rem);margin:.3em 0 0}
.pages{max-width:800px;margin:0 auto;line-height:0}
.reader:not(.ready) .ch-nav,.reader:not(.ready) .kbd-hint{display:none}
.pages picture,.pages img{display:block;width:100%;height:auto}
.pages img{background:var(--bg2)}
.ch-nav{max-width:800px;margin:0 auto;padding:24px 16px 8px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.ch-nav [hidden]{display:none}
.kbd-hint{text-align:center;color:var(--muted);font-size:.75rem;padding:0 16px 32px}
@media(hover:none){.kbd-hint{display:none}}
kbd{font-family:var(--sans);border:1px solid var(--line);border-radius:4px;padding:0 4px}