:root { --sidebar: 21.5rem; }

body { background: #eef0f3; }
.site-header { height: 2.25rem; background: var(--ink); border: 0; }
.book-tabs { height: 100%; }
.brand { display: none; }
.book-tab { min-height: 2.25rem; padding: 0 1.15rem; color: #c9d1dc; background: var(--ink); border-right: 1px solid #203652; font-size: .82rem; }
.book-tab:hover,.book-tab.active { color: #fff; background: #102946; box-shadow: inset 0 -3px 0 #9aa8ba; }
.book-tab.active { font-weight: 700; }
.book-layout { display: block; min-height: calc(100vh - 2.25rem); }
.sidebar { position: fixed; z-index: 10; top: 2.25rem; left: 0; width: var(--sidebar); height: calc(100vh - 2.25rem); display: flex; flex-direction: column; }
.reader-pane,.book-landing { margin-left: var(--sidebar); }
.sidebar-title,.sidebar-identity { flex: 0 0 auto; padding: 1.35rem 1.5rem; color: var(--ink); background: #fff; border-bottom: 1px solid var(--line); }
.sidebar-title { position: static; font-size: 1.15rem; font-weight: 700; }
.sidebar-identity strong { display: block; font-size: 1.22rem; }
.sidebar-identity em { display: block; margin-top: .18rem; color: #7a8088; font-size: .82rem; }
.sidebar ol { flex: 1 1 auto; overflow-y: auto; }
.sidebar-volume { width: max-content; max-width: 100%; margin-top: .9rem; padding: .35rem 1.15rem; color: #fff; background: var(--ink); border: 0; font-size: .72rem; }
.sidebar-reading,.sidebar-chapter-link { padding: .65rem 1rem .65rem 1.35rem; background: #fff; border-bottom: 1px solid #d8dce1; font-size: .88rem; }
.sidebar-reading.active,.sidebar-chapter-link.active { border-left: 3px solid #91a0b3; background: #e2e5e9; }
.sidebar-footer { flex: 0 0 auto; display: flex; justify-content: space-between; padding: .75rem 1.1rem; color: #6c737c; background: #fff; border-top: 1px solid var(--line); font: .68rem Arial,sans-serif; }
.avatar-sidebar-row { display: flex; align-items: center; gap: .7rem; padding: .5rem 1rem; color: var(--ink); text-decoration: none; background: #fff; border-bottom: 1px solid #d8dce1; }
.avatar-sidebar-circle { flex: 0 0 2.7rem; display: grid; place-items: center; width: 2.7rem; height: 2.7rem; overflow: hidden; border: 1px solid #9098a3; border-radius: 50%; background: #eef0f3; }
.avatar-sidebar-circle img { width: 100%; height: 100%; object-fit: cover; }
.avatar-sidebar-row>span:last-child { min-width: 0; display: flex; flex-direction: column; }
.avatar-sidebar-row.active { border-left: 3px solid #91a0b3; background: #e2e5e9; }
.avatar-sidebar-row strong { font-size: .84rem; line-height: 1.15; }
.avatar-sidebar-row small { margin-top: .15rem; overflow: hidden; color: #7d8289; font-size: .7rem; font-style: italic; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.reader-pane { min-width: 0; background: #f1f2f4; }
.reading-nav { margin: 0; padding: .65rem 1rem; min-height: 4.15rem; border: 0; border-bottom: 1px solid var(--line); background: #f7f8f9; }
.reader-pane>.reading-nav:last-child { border-top: 1px solid var(--line); border-bottom: 0; }
.prev-next { min-width: 7.8rem; padding: .75rem 1rem; text-align: center; border: 1px solid #64758a; border-radius: .25rem; background: #fff; }
.slider-wrap { max-width: 23rem; margin: auto; }
.slider-wrap label { margin-bottom: .25rem; color: #6b7280; }
.reading-slider { height: .3rem; }
.reader-content { padding: 2.15rem 1.1rem 3rem; }
.reader-content>.reading-marquee { width: 100%; margin: 0 auto 1.8rem; background: #fff; border-color: #d6dae0; }
.marquee-image { max-height: 31.5rem; object-fit: contain; }
.reading-card { overflow: hidden; background: #fff; border: 1px solid #d6dae0; border-radius: .35rem; }
.reading-card-header { min-height: 3.8rem; display: flex; align-items: center; gap: .8rem; margin: .55rem; padding: .35rem .65rem; border: 2px solid #6d7f94; border-radius: .35rem; }
.reading-card-header .reading-avatar { flex: 0 1 20rem; margin: 0; }
.reading-card-title { flex: 1 1 auto; text-align: center; color: var(--ink); font-size: .9rem; }
.card-avatar-copy { display: flex; flex-direction: column; }
.card-avatar-copy small { color: #7c8289; font-style: italic; }
.card-actions { margin-left: auto; display: flex; align-items: center; gap: 1rem; color: #67717e; white-space: nowrap; }
.card-actions a,.card-actions button { display: grid; place-items: center; width: 1.45rem; height: 1.45rem; padding: 0; color: inherit; background: transparent; border: 0; cursor: pointer; }
.card-actions svg { width: 1.15rem; height: 1.15rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.reading-card-header .social-links { flex: 0 0 auto; margin: 0; gap: .25rem; }
.reading-card-header .social-links a { padding: .3rem .45rem; font-size: .62rem; }
.reading-card>.reading-body { padding: .55rem 1.35rem 1.6rem; font-size: 1.02rem; line-height: 1.72; }
.site-footer { display: none; }
.home { display: none; }

@media(max-width:800px){
  :root{--sidebar:100%;}
  .site-header{height:2.01rem}.book-tab{min-height:2.01rem;padding:0 .9rem;font-size:.82rem}
  .book-layout{display:block}.sidebar{position:relative;top:0;width:100%;height:auto;max-height:20rem}.reader-pane,.book-landing{margin-left:0}
  .sidebar ol{max-height:14rem}.sidebar-footer{display:none}.reader-content{padding:1rem .45rem 1.5rem}
  .reading-nav{grid-template-columns:auto minmax(6rem,1fr) auto;padding:.45rem}.prev-next{min-width:0;padding:.6rem .45rem;font-size:.68rem}
  .reading-card-header{align-items:flex-start;flex-wrap:wrap}.reading-card-title{order:2;flex-basis:100%;text-align:left}
  .reading-card-header .social-links{margin-left:auto}.reader-content>.reading-marquee{min-height:10rem}
}