/* Continuous reading with an index, rather than opposing conversation bubbles. */
html[data-layout="book"] {--radius:4px;--radius-lg:6px;--shadow: none;--shadow-sm:none}
html[data-layout="book"] body::before,html[data-layout="book"] body::after {display:none}
html[data-layout="book"] .chat-container {max-width:940px;background:var(--bg-card)}
html[data-layout="book"] .messages-area {gap:0;padding:40px clamp(24px,5vw,72px);font-family:Georgia,'Noto Serif SC','Songti SC',serif}
html[data-layout="book"] .msg,html[data-layout="book"] .msg.user {display:block;align-self:stretch;flex-direction:column;margin:0;width:100%;max-width:none;padding:24px 0;border-bottom:1px solid var(--border-light)}
html[data-layout="book"] .msg>.avatar {float:left;width:28px;height:28px;font-size:.75rem;margin:0 12px 8px 0}
html[data-layout="book"] .msg .bubble {width:100%;max-width:none;border:0;background:transparent!important;border-radius:0;padding:0;line-height:2;color:var(--text-primary)}
html[data-layout="book"] .msg .speaker-name {font-family:system-ui,sans-serif;color:var(--text-secondary);font-size:.82rem;min-height:28px;opacity:1}
html[data-layout="book"] .msg .msg-time {font-family:system-ui,sans-serif;text-align:left;opacity:1;color:var(--text-muted);font-size:.75rem}
html[data-layout="book"] .message-actions {justify-content:flex-start}
html[data-layout="book"] .input-area {padding:16px 28px;border-top:2px solid var(--border)}
html[data-layout="book"] .input-area textarea {background:transparent;border-radius:0}
html[data-layout="book"] .workspace-rooms {display:none}
@media(min-width:768px) {html[data-layout="book"] .app-shell[data-page="chat"],html[data-layout="book"] .app-shell[data-page="dm"] {padding-left:250px}}
@media(max-width:767px) {html[data-layout="book"] .messages-area {padding:16px 20px}html[data-layout="book"] .msg {padding:18px 0}}