.book-client{background:var(--bg);min-height:100svh;color:var(--ink);flex-direction:column;font-size:14px;display:flex;overflow-x:hidden}.book-client-header{border-bottom:1px solid var(--border);background:var(--surface);z-index:5;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex;position:sticky;top:0}.book-client-header>div,.book-client-header nav{align-items:center;gap:14px;min-width:0;display:flex}.book-client-header>div{flex:1}.book-client-header svg{color:var(--accent);flex-shrink:0}.book-client-header h1{text-overflow:ellipsis;white-space:nowrap;font-size:19px;font-weight:700;overflow:hidden}.book-client-icon,.book-client-arrow{border:1px solid var(--border);background:var(--surface);border-radius:11px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.book-client-icon:hover,.book-client-arrow:hover:not(:disabled){background:var(--surface-hover)}.book-client-icon[aria-pressed=true]{background:var(--accent-soft)}.book-client-switch{background:var(--surface-muted);border-radius:10px;gap:3px;padding:3px;display:flex}.book-client-switch button{background:0 0;border:0;border-radius:8px;padding:8px 12px;font-size:13px}.book-client-switch button[aria-pressed=true]{background:var(--surface-raised);color:var(--accent)}.book-client-stage{touch-action:pan-y;background:radial-gradient(ellipse at center,var(--surface-muted),var(--bg) 76%);flex:1;justify-content:center;align-items:center;height:calc(100svh - 145px);min-height:380px;padding:28px 74px;display:flex;position:relative;overflow:auto}.book-client-sheet{transform-origin:50%;justify-content:center;align-items:stretch;gap:2px;max-width:100%;height:100%;transition:transform .2s;animation:.22s book-client-arrive;display:flex}.book-client-sheet figure{justify-content:center;align-items:center;min-width:0;margin:0;display:flex}.book-client-sheet img{object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:3px;max-width:100%;max-height:100%;box-shadow:0 16px 40px #34281814}.book-client-wide{width:min(100%,1200px)}.book-client-arrow{z-index:3;box-shadow:var(--shadow);color:var(--ink-secondary);align-self:center;position:sticky}.book-client-arrow:disabled{opacity:.3}.book-client-prev{position:absolute;left:20px}.book-client-next{position:absolute;right:20px}.book-client-footer{border-top:1px solid var(--border);color:var(--ink-secondary);background:var(--surface);justify-content:space-between;align-items:center;gap:15px;padding:10px 24px;font-size:13px;display:flex}.book-client-zoom{align-items:center;gap:5px;display:flex}.book-client-zoom button{background:0 0;border:0;border-radius:8px;place-items:center;min-width:32px;height:30px;display:grid}.book-client-zoom button:hover{background:var(--surface-muted)}.book-client-zoom button:disabled{opacity:.3}.book-client-rail{border-top:1px solid var(--border);background:var(--surface);scrollbar-width:thin;gap:8px;padding:12px 24px;display:flex;overflow-x:auto}.book-client-rail button{border:1px solid var(--border);background:var(--surface);color:var(--ink-secondary);border-radius:8px;flex-direction:column;flex:0 0 68px;align-items:center;gap:4px;padding:4px;font-size:11px;display:flex}.book-client-rail button.selected{border-color:var(--accent);background:var(--accent-soft)}.book-client-rail img{object-fit:contain;border-radius:4px;width:58px;height:58px}.book-client-audio{border-top:1px solid var(--border);background:var(--surface);grid-template-columns:minmax(200px,1fr) minmax(220px,1.5fr) auto;align-items:center;gap:14px;padding:12px 24px;display:grid}.book-client-audio>div{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.book-client-audio>div>span{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.book-client-audio audio{width:100%;height:38px}.book-client-audio label{color:var(--ink-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:flex}.book-client-audio input{accent-color:var(--accent)}.book-client-audio select{border:1px solid var(--border);background:var(--surface);max-width:220px;color:var(--ink);border-radius:7px;padding:5px}.book-client-audio-time{font-variant-numeric:tabular-nums;color:var(--ink-secondary);font-size:12px}.book-client-status{text-align:center;background:var(--bg);min-height:100svh;color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:30px;display:flex}.book-client-status>svg{color:var(--accent)}.book-client-status h1{font-size:24px}.book-client-status p{max-width:420px;color:var(--ink-secondary)}@keyframes book-client-arrive{0%{opacity:.65;translate:5px}to{opacity:1;translate:0}}@media (max-width:760px){.book-client-header{gap:8px;padding:12px}.book-client-header h1{font-size:15px}.book-client-header>div{gap:8px}.book-client-header nav{gap:6px}.book-client-switch button{padding:7px;font-size:11px}.book-client-icon{width:34px;height:34px}.book-client-stage{height:calc(100svh - 170px);min-height:300px;padding:18px 40px}.book-client-prev{left:4px}.book-client-next{right:4px}.book-client-arrow{width:30px;height:40px}.book-client-footer{padding:8px 12px}.book-client-hint{display:none}.book-client-audio{grid-template-columns:1fr auto;gap:8px;padding:10px 12px}.book-client-audio>div{grid-column:1/-1}.book-client-audio>audio{min-width:0}.book-client-rail{padding:10px 12px}}@media (max-width:420px){.book-client-header>div>svg{display:none}.book-client-header{align-items:flex-start}.book-client-header h1{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box}.book-client-header nav{flex-wrap:wrap;justify-content:flex-end;max-width:170px}.book-client-stage{height:calc(100svh - 185px)}}@media (prefers-reduced-motion:reduce){.book-client-sheet{transition:none;animation:none}}