.bcomments{--bc-bg:#f8f7f3;--bc-text:#343c35;--bc-muted:#7a8178;--bc-border:#e2e4da;--bc-accent:#425c48;margin-top:24px;padding:26px;color:var(--bc-text);background:var(--bc-bg);border:1px solid var(--bc-border);border-radius:12px;min-width:0;scroll-margin-top:24px}
.bcomments-heading,.bcomments-compose-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.bcomments-heading h2{font-size:22px;margin:5px 0;font-weight:600;line-height:1.5}.bcomments-eyebrow{font-size:12px;color:var(--bc-muted);letter-spacing:2px}.bcomments-lead{font-size:14px;line-height:1.8;color:var(--bc-muted);margin:8px 0 20px}.bcomments-form label{display:block;font-size:14px;margin-bottom:8px}.bcomments textarea{box-sizing:border-box;display:block;width:100%;min-height:112px;resize:vertical;padding:13px 15px;border:1px solid var(--bc-border);border-radius:8px;background:var(--bc-bg);color:var(--bc-text);font:inherit;font-size:15px;line-height:1.8}.bcomments textarea:focus{outline:2px solid var(--bc-accent);outline-offset:2px}.bcomments textarea:disabled{opacity:.65}.bcomments-compose-footer{margin-top:12px}.bcomments-account{font-size:12px;color:var(--bc-muted)}.bcomments-account a{color:var(--bc-accent);text-decoration:underline}.bcomments button{cursor:pointer;font:inherit;font-size:13px;min-height:40px;border:1px solid var(--bc-border);border-radius:6px;padding:8px 16px;background:transparent;color:var(--bc-text)}.bcomments-form button[type=submit],.bcomments .alice-comment-reply-submit{background:var(--bc-accent);color:#fff;border-color:var(--bc-accent)}.bcomments button:disabled{opacity:.5;cursor:default}.bcomments-status{font-size:13px;line-height:1.7;color:var(--bc-accent);min-height:0;overflow-wrap:anywhere}.bcomments-status:empty{margin:0}.bcomments-sorting{display:flex;gap:6px;margin-top:24px;padding-bottom:10px;border-bottom:1px solid var(--bc-border)}.bcomments-sorting button{border:0;color:var(--bc-muted);padding:6px 12px}.bcomments-sorting button[aria-pressed=true]{background:var(--bc-border);color:var(--bc-text)}.bcomments-empty{font-size:14px;color:var(--bc-muted);text-align:center;padding:24px 6px;line-height:1.8}.bcomments .alice-comment-item{display:flex;gap:12px;padding:20px 0;border-bottom:1px solid var(--bc-border)}.bcomments .alice-comment-avatar{flex:0 0 34px;height:34px;display:grid;place-items:center;background:var(--bc-border);border-radius:50%;font-size:14px}.bcomments .alice-comment-body{min-width:0;flex:1}.bcomments .alice-comment-meta,.bcomments .alice-comment-foot{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--bc-muted);line-height:1.8}.bcomments .alice-comment-meta strong{font-size:14px;color:var(--bc-text)}.bcomments .alice-comment-meta em{font-size:10px;font-style:normal}.bcomments .alice-comment-body p{margin:10px 0;font-size:15px;line-height:1.9;color:var(--bc-text);overflow-wrap:anywhere}.bcomments .alice-comment-reply,.bcomments .alice-comment-like{color:var(--bc-accent)}.bcomments .alice-comment-replies{border-left:2px solid var(--bc-border);padding-left:13px;margin:15px 0}.bcomments .alice-comment-reply-item{font-size:12px}.bcomments .alice-comment-reply-item>span{margin-left:10px;color:var(--bc-muted)}.bcomments .alice-comment-reply-box{display:none;margin:15px 0}.bcomments .alice-comment-reply-box.is-open{display:block}.bcomments .alice-comment-reply-box textarea{min-height:80px}.bcomments .alice-comment-reply-box>div{display:flex;gap:8px;margin-top:8px}.bcomments .alice-comment-top-badge{font-size:11px}.bcomments-more{display:block;margin:20px auto 0}.bcomments [hidden]{display:none!important}
.reader-body .bcomments-reader{--bc-bg:var(--reader-panel,#f8f7f3);--bc-text:var(--reader-color,#343c35);--bc-muted:var(--reader-muted,#7a8178);--bc-border:var(--reader-line,#d6d9ce);--bc-accent:var(--reader-color,#425c48);max-width:100%;margin:24px auto 80px}.reader-body .bcomments-form button[type=submit],.reader-body .bcomments .alice-comment-reply-submit{color:var(--reader-bg,#f8f7f3)}
@media(max-width:760px){.bcomments{padding:20px 16px;border-radius:9px}.bcomments-heading h2{font-size:20px}.bcomments-lead{font-size:13px}.bcomments-compose-footer{align-items:flex-start}.bcomments-compose-footer button{margin-left:auto}.bcomments .alice-comment-avatar{flex-basis:28px;height:28px}.bcomments .alice-comment-item{gap:9px}.bcomments .alice-comment-meta{gap:7px}.reader-body .bcomments-reader{margin-bottom:110px}}

/* Match the detail page's dark theme without inheriting its muted paragraph colors. */
body.detail-page #app #book-comments{--bc-bg:#282e2a;--bc-text:#eef1e9;--bc-muted:#bdc7b8;--bc-border:#505c4e;--bc-accent:#b7d39c;background:#282e2a!important;border:1px solid #505c4e;padding:28px;color:#eef1e9}
body.detail-page #app #book-comments .bcomments-heading{padding-bottom:15px;border-bottom:1px solid #505c4e}
body.detail-page #app #book-comments .bcomments-heading h2{font-size:23px;line-height:1.5;font-weight:600;color:#f1f4eb;margin:4px 0 0}
body.detail-page #app #book-comments .bcomments-eyebrow{color:#b9ceaa;font-size:12px;letter-spacing:1px}
body.detail-page #app #book-comments .bcomments-lead{color:#c1cabb;font-size:15px;line-height:1.85;margin:17px 0 22px}
body.detail-page #app #book-comments .bcomments-form label{font-size:15px;font-weight:600;color:#e5eddb;margin-bottom:10px}
body.detail-page #app #book-comments textarea{box-sizing:border-box;min-height:132px;padding:13px 15px;background:#202621;color:#f0f3ea;border:1px solid #738169;border-radius:8px;font-size:16px;line-height:1.85;box-shadow:none}
body.detail-page #app #book-comments textarea:disabled{opacity:1;background:#242b25;color:#d5dfcd;-webkit-text-fill-color:#d5dfcd}
body.detail-page #app #book-comments textarea::placeholder{color:#b7c2ad;opacity:1;-webkit-text-fill-color:#b7c2ad}
body.detail-page #app #book-comments textarea:focus{outline:2px solid #b7d39c;outline-offset:2px}
body.detail-page #app #book-comments .bcomments-compose-footer{margin-top:15px;gap:12px}
body.detail-page #app #book-comments .bcomments-account{font-size:13px;line-height:1.8;color:#c1cdb7}
body.detail-page #app #book-comments .bcomments-account a{display:inline-block;padding:7px 12px;background:#35432f;border:1px solid #718663;border-radius:6px;color:#e0f0d1;font-size:14px;font-weight:600;text-decoration:none}
body.detail-page #app #book-comments .bcomments-account a:hover{background:#405336}
body.detail-page #app #book-comments .bcomments-form button[type=submit],body.detail-page #app #book-comments .alice-comment-reply-submit{background:#b7d39c;color:#1d2b18;border-color:#b7d39c;font-size:14px;font-weight:600;min-height:42px;padding:9px 22px;opacity:1}
body.detail-page #app #book-comments .bcomments-form button[type=submit]:disabled{background:#3a4535;color:#c1cfb6;border-color:#66755b;opacity:1}
body.detail-page #app #book-comments .bcomments-status{color:#d4e8bf;font-size:14px;line-height:1.8}
body.detail-page #app #book-comments .bcomments-sorting{margin-top:27px;gap:10px;padding-bottom:13px;border-bottom:1px solid #505c4e}
body.detail-page #app #book-comments .bcomments-sorting button{font-size:14px;line-height:1.5;padding:8px 14px;color:#c1cdb7;border-radius:6px}
body.detail-page #app #book-comments .bcomments-sorting button[aria-pressed=true]{background:#b7d39c;color:#1d2b18;font-weight:600}
body.detail-page #app #book-comments .bcomments-empty{margin:18px 0 0;padding:24px 16px;background:#242b25;border:1px dashed #63715a;border-radius:8px;color:#c4cfbb;font-size:15px;line-height:1.9}
body.detail-page #app #book-comments .alice-comment-item{padding:23px 0;gap:14px;border-color:#505c4e}
body.detail-page #app #book-comments .alice-comment-avatar{color:#d7eac5;background:#3a4933;font-size:15px;flex-basis:36px;height:36px}
body.detail-page #app #book-comments .alice-comment-meta strong{font-size:15px;font-weight:600;color:#ebf2e3}
body.detail-page #app #book-comments .alice-comment-meta,body.detail-page #app #book-comments .alice-comment-foot{color:#bdc8b5;font-size:13px}
body.detail-page #app #book-comments .alice-comment-meta em{color:#d2e3c3;background:#3a4933;padding:1px 6px;border-radius:4px;font-size:11px}
body.detail-page #app #book-comments .alice-comment-body p{color:#e3e9dc;font-size:16px;line-height:1.95;margin:12px 0}
body.detail-page #app #book-comments .alice-comment-reply,body.detail-page #app #book-comments .alice-comment-like{color:#c6e3a8}
body.detail-page #app #book-comments .alice-comment-replies{background:#242b25;padding:10px 14px;border-left:3px solid #718663;border-radius:0 6px 6px 0}
body.detail-page #app #book-comments .alice-comment-reply-item p{font-size:15px}
body.detail-page #app #book-comments .alice-comment-reply-item>span{color:#bdc8b5}
body.detail-page #app #book-comments a:focus-visible,body.detail-page #app #book-comments button:focus-visible{outline:2px solid #b7d39c;outline-offset:3px}
@media(max-width:760px){body.detail-page #app #book-comments{padding:21px 16px}body.detail-page #app #book-comments .bcomments-heading h2{font-size:21px}body.detail-page #app #book-comments .bcomments-lead{font-size:14px;margin:14px 0 19px}body.detail-page #app #book-comments textarea{font-size:16px;min-height:128px;padding:12px}body.detail-page #app #book-comments .bcomments-form button[type=submit]{padding:9px 16px}body.detail-page #app #book-comments .alice-comment-item{gap:10px}body.detail-page #app #book-comments .alice-comment-avatar{flex-basis:30px;height:30px}}
