/* Quiet participation: content first, familiar controls at the moment of intent. */
.kind-reactions,.kind-conversation,.kind-auth-dialog { --community-ink:#244236; --community-muted:#637066; --community-paper:#fffaf2; --community-line:rgba(88,74,49,.17); --community-field:rgba(111,94,63,.055); color:var(--community-ink); font:400 15px/1.55 var(--app-ui); box-sizing:border-box; }
.kind-reactions { margin:8px 0 0; padding:10px 0 0; width:100%; min-width:0; border-top:1px solid var(--community-line); }
.warm-action-bar>.kind-reactions { grid-column:1 / -1; }
.kind-reaction-summary { display:inline-flex; align-items:center; min-height:44px; min-width:44px; margin:0 0 8px; padding:6px 10px; border:0; border-radius:12px; color:var(--community-ink); background:var(--community-field); cursor:pointer; }
.kind-reaction-summary [data-reaction-summary-items],.kind-reaction-tally { display:inline-flex; align-items:center; gap:5px; }
.kind-reaction-summary [data-reaction-summary-items] { gap:10px; }
.kind-reaction-summary .kind-reaction-symbol { font:24px/1.1 "Apple Color Emoji","Segoe UI Emoji",sans-serif; }
.kind-reaction-summary b { font:500 14px/1.3 var(--app-ui); color:var(--community-muted); font-variant-numeric:tabular-nums; }
.kind-reaction-add { font:400 18px/1 var(--app-ui); color:var(--community-muted); }
.kind-reaction-summary[aria-expanded="true"],.kind-reaction-summary:hover { background:rgba(152,112,75,.12); }
.kind-reaction-tally.is-selected { text-decoration:underline; text-decoration-color:#98704b; text-underline-offset:5px; }
.kind-reaction-choices { position:fixed; inset:auto; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-rows:52px; align-content:start; align-items:start; gap:8px; width:264px; height:max-content; min-height:0; max-width:calc(100vw - 24px); max-height:calc(100dvh - 24px); box-sizing:border-box; margin:0; padding:12px; overflow:auto; border:1px solid var(--community-line); border-radius:18px; background:var(--community-paper); color:var(--community-ink); box-shadow:0 12px 40px rgba(30,43,32,.16); z-index:1000; }
.kind-reaction-choices[popover]:not(:popover-open):not([data-popover-fallback]) { display:none; }
.kind-reaction-choices::backdrop { background:transparent; }
.kind-reaction-choices button { position:relative; display:inline-flex; align-items:center; justify-content:center; flex-direction:column; box-sizing:border-box; width:100%; min-width:44px; height:52px; min-height:52px; max-height:52px; margin:0; padding:6px 2px; border:1px solid transparent; border-radius:12px; background:transparent; color:var(--community-ink); cursor:pointer; }
.kind-reaction-iconline { display:inline-flex; align-items:center; justify-content:center; gap:5px; }
.kind-reaction-choices button .kind-reaction-symbol { font:32px/1.1 "Apple Color Emoji","Segoe UI Emoji",sans-serif; }
.kind-reaction-choices b { display:none; }
.kind-reaction-choices button[aria-pressed="true"] { background:#f1e0c7; border-color:#98704b; }
.kind-reaction-choices button[aria-pressed="true"]::after { content:"✓"; position:absolute; top:0; right:2px; font:700 10px/1.2 var(--app-ui); }
.kind-reaction-choices button:hover { background:rgba(152,112,75,.1); }
.kind-reactions [hidden] { display:none!important; }
/* The summary belongs to the book footer, outside the clipped/animated paper. */
body :is(.warm-daily,.detail-reader-surface)>.kind-book-reactions {
 position:absolute; top:calc(var(--kind-book-height) - 62px); right:0; left:0;
 z-index:25; width:max-content; max-width:calc(100% - 64px); margin:0 auto; padding:0; border:0;
}
body .kind-book-reactions .kind-reaction-summary { min-height:44px; margin:0; padding:5px 12px; border:1px solid var(--community-line); border-radius:12px; background:#fffaf2; box-shadow:0 2px 6px rgba(88,74,49,.06); }
body .kind-book-reactions .kind-reaction-summary:hover,body .kind-book-reactions .kind-reaction-summary[aria-expanded="true"] { background:#f5ead9; }
body .kind-book-reactions .kind-reaction-tally.is-selected { text-decoration:none; border-radius:6px; background:rgba(152,112,75,.12); }
html[data-kind-color-scheme="dark"] body .kind-book-reactions .kind-reaction-summary { background:#51594d; border-color:rgba(230,220,194,.25); }
html[data-kind-color-scheme="dark"] body .kind-book-reactions .kind-reaction-summary:hover,html[data-kind-color-scheme="dark"] body .kind-book-reactions .kind-reaction-summary[aria-expanded="true"] { background:#606754; }
body .kind-book-reactions .kind-reaction-summary .kind-reaction-symbol { font-size:21px; }
body .kind-book-reactions .kind-reaction-summary b { font-size:12px; }
body .kind-book-reactions .kind-community-status:empty { display:none; }
body .kind-book-reactions .kind-community-status:not(:empty) { position:absolute; bottom:48px; left:50%; transform:translateX(-50%); width:240px; padding:10px; border:1px solid var(--community-line); border-radius:12px; background:var(--community-paper); }
body :is(.warm-daily,.detail-reader-surface):has(>.kind-book-reactions) .kind-reader-pause { display:none; }
body .warm-action-bar>.kind-comment-entry { grid-column:1/-1; margin-top:4px; }
body .kind-book-actions>.kind-comment-entry { margin-top:4px; }
.kind-comment-entry { display:flex; align-items:center; gap:10px; box-sizing:border-box; min-width:0; width:100%; min-height:52px; padding:8px 12px; border:1px solid transparent; border-radius:12px; background:var(--community-field); color:var(--community-muted); text-decoration:none; font:400 15px/1.4 var(--app-ui); cursor:pointer; }
.kind-comment-entry:hover { color:var(--community-ink); border-color:var(--community-line); }
.kind-comment-avatar { display:grid; place-items:center; width:30px; height:30px; flex:none; border:1px solid var(--community-line); border-radius:50%; background:var(--community-paper); }
.kind-comment-entry svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.kind-comment-placeholder { flex:1; min-width:0; overflow-wrap:anywhere; }
.kind-comment-send { display:grid; place-items:center; width:26px; height:26px; flex:none; border-radius:50%; border:1px solid var(--community-line); }
.kind-conversation { margin:24px 0; padding:20px 0 0; border:0; border-top:1px solid var(--community-line); border-radius:0; background:transparent; box-shadow:none; scroll-margin-top:110px; }
.kind-conversation h2 { margin:0 0 12px; color:inherit; font:600 17px/1.4 var(--app-ui); letter-spacing:0; }
.kind-comment-form { display:grid; gap:12px; }
.kind-comment-form[hidden],.kind-conversation [hidden],.kind-auth-dialog [hidden] { display:none!important; }
.kind-comment-form label,.kind-auth-email label { display:block; font-size:14px; font-weight:600; }
.kind-comment-form input:not([type="checkbox"]),.kind-comment-form textarea,.kind-auth-email input[type="email"] { display:block; width:100%; max-width:100%; min-width:0; box-sizing:border-box; margin:5px 0 0; padding:12px 14px; min-height:48px; border:1px solid var(--community-line); border-radius:10px; background:var(--community-field); color:var(--community-ink); font:400 16px/1.5 var(--app-ui); }
.kind-comment-form textarea { resize:vertical; min-height:100px; }
.kind-photo-row { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.kind-photo-row input[type="file"] { max-width:100%; font-size:14px; padding:8px; }
.kind-photo-row button,.kind-comments-more,.kind-comment-remove { min-height:44px; padding:8px 12px; border:1px solid var(--community-line); border-radius:10px; background:transparent; color:var(--community-ink); font-size:14px; cursor:pointer; }
.kind-comment-form .kind-public-consent { display:flex; align-items:flex-start; gap:10px; font-weight:400; }
.kind-public-consent input { width:20px; height:20px; flex:0 0 20px; margin:2px 0 0; accent-color:#254638; }
.kind-community-primary { display:inline-flex; align-items:center; justify-content:center; width:100%; min-height:48px; padding:12px 18px; border:1px solid #244236; border-radius:10px; color:#fffaf2; background:#244236; font:600 15px/1.4 var(--app-ui); cursor:pointer; }
.kind-community-primary:disabled,.kind-reaction-choices button:disabled { opacity:.65; cursor:wait; }
.kind-community-status { margin:8px 0 0; color:var(--community-muted); font-size:14px; }
.kind-community-status:empty { display:none; }
.kind-comment-list { margin-top:16px; }
.kind-comment-list>p { margin:8px 0; color:var(--community-muted); font-size:14px; }
.kind-comment { padding:18px 0; border-top:1px solid var(--community-line); }
.kind-comment header { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; font-size:14px; }
.kind-comment time,.kind-comment-pending { font-size:12px; color:var(--community-muted); }
.kind-comment p { margin:8px 0; white-space:pre-wrap; overflow-wrap:anywhere; }
.kind-comment img { display:block; width:auto; max-width:100%; max-height:400px; height:auto; border-radius:12px; object-fit:contain; margin:12px 0; }
.kind-comment-remove { border:0; padding-left:0; font-size:12px; }
.kind-moderation-note,.kind-comment-form small { display:block; margin-top:10px; color:var(--community-muted); font-size:12px; line-height:1.6; }
.kind-auth-dialog { position:fixed; inset:0; width:calc(100% - 28px); max-width:420px; max-height:calc(100dvh - 28px); margin:auto; padding:40px 24px 22px; border:1px solid var(--community-line); border-radius:20px; background:var(--community-paper); box-shadow:0 24px 80px rgba(18,36,25,.24); overflow:auto; overscroll-behavior:contain; }
.kind-auth-dialog:not([open]) { display:none; }
.kind-auth-dialog::backdrop { background:rgba(22,39,31,.48); backdrop-filter:blur(3px); }
.kind-auth-close { position:absolute; top:6px; right:6px; width:44px; height:44px; border:0; background:transparent; color:var(--community-muted); font:30px/1 var(--app-ui); cursor:pointer; }
.kind-auth-dialog h2 { margin:0 0 10px; color:inherit; font:400 26px/1.2 var(--kind-reading-font); text-wrap:balance; text-align:center; }
.kind-auth-dialog p { margin:0 0 16px; color:var(--community-muted); font-size:14px; line-height:1.5; }
.kind-auth-dialog #kind-auth-description { max-width:34ch; margin:0 auto 22px; text-align:center; text-wrap:pretty; }
.kind-auth-social { margin:0; }
.kind-auth-dialog .kind-auth-social .nsl-container { padding:0!important; margin:0!important; }
.kind-auth-dialog .kind-auth-social .nsl-container-buttons { display:flex!important; flex-direction:column; gap:10px; width:100%; padding:0!important; margin:0!important; }
.kind-auth-dialog .kind-auth-social .nsl-container-buttons a { width:100%; max-width:none; margin:0!important; }
.kind-auth-dialog .kind-auth-social .nsl-button { display:grid; grid-template-columns:44px minmax(0,1fr) 44px; align-items:center; min-height:48px; box-sizing:border-box; border-radius:10px!important; }
.kind-auth-dialog .kind-auth-social .nsl-button-svg-container { grid-column:1; grid-row:1; display:flex; justify-content:center; align-items:center; padding:0; }
.kind-auth-dialog .kind-auth-social .nsl-button-default .nsl-button-label-container { grid-column:2; grid-row:1; margin:0; padding:12px 0; font-size:14px; line-height:20px; font-weight:500; white-space:normal; overflow-wrap:anywhere; text-align:center; letter-spacing:0; }
.kind-auth-dialog .kind-auth-social .nsl-button-label-container b { font-weight:inherit; }
.kind-auth-divider { display:flex; align-items:center; gap:12px; margin:18px 0; color:var(--community-muted); font-size:12px; line-height:1.4; text-align:center; }
.kind-auth-divider::before,.kind-auth-divider::after { content:""; height:1px; flex:1; background:var(--community-line); }
.kind-auth-email { display:grid; gap:8px; }
.kind-auth-email input[type="email"] { margin:0; }
.kind-auth-email .kind-community-primary { min-height:48px; margin-top:2px; }
.kind-auth-email small { margin-top:4px; text-align:center; }
.kind-auth-email small,.kind-auth-privacy { font-size:12px; line-height:1.6; color:var(--community-muted); }
.kind-auth-privacy { display:block; margin-top:16px; padding-top:14px; border-top:1px solid var(--community-line); text-align:center; }
.kind-reactions :focus-visible,.kind-conversation :focus-visible,.kind-auth-dialog :focus-visible { outline:2px solid #98704b; outline-offset:3px; }
/* Focus starts at the dialog heading for screen readers, without opening a mobile
   keyboard. It is not a control; retain the visible ring on every actual control. */
.kind-auth-dialog #kind-auth-title[tabindex="-1"]:focus { outline:none; }
html[data-kind-color-scheme="dark"] :is(.kind-reactions,.kind-conversation,.kind-auth-dialog) { --community-ink:#eee7d8; --community-muted:#c2c8ba; --community-paper:#333e35; --community-line:rgba(230,220,194,.2); --community-field:rgba(237,219,180,.055); }
html[data-kind-color-scheme="dark"] .kind-reaction-choices button[aria-pressed="true"] { background:#514d3d; border-color:#c1a77e; }
html[data-kind-color-scheme="dark"] .kind-community-primary { background:#52694f; border-color:#718064; color:#fff5e3; }
@media(max-width:600px) { .kind-auth-dialog { padding:40px 20px 20px; } .kind-auth-dialog h2 { font-size:24px; } .kind-comment-entry { padding-inline:10px; gap:8px; } }

/* Quiet single-line toolbar: sharing and saving stay beside the passage. */
body :is(.warm-home .warm-action-bar,.detail-page .detail-reader-surface>.kind-book-actions) {
  padding:6px 8px; border-radius:14px; box-shadow:none;
}
body .warm-home .warm-action-bar,
body .detail-page .kind-book-actions>.verse-engagement {
  display:grid; grid-template-columns:minmax(0,1fr) auto; gap:0 4px; align-items:center;
}
body .warm-home .warm-moment-actions,
body .detail-page .kind-book-share { grid-column:1; grid-row:1; min-width:0; }
body :is(.warm-home .warm-save,.detail-page .kind-book-save) {
  grid-column:2; grid-row:1; justify-self:end; margin:0; padding:0 0 0 4px; border:0;
  border-left:1px solid var(--reading-line,rgba(88,74,49,.17));
}
body .warm-home .warm-action-bar>.save-inline-status { grid-column:1 / -1; }
body :is(.warm-home .warm-action-bar,.detail-page .kind-book-actions) .kind-reactions {
  margin-top:4px; padding-top:6px;
}
body :is(.warm-home .warm-moment-actions,.detail-page .kind-book-actions) .share-suite .share-primary-options {
  display:grid; grid-template-columns:minmax(0,1fr) 44px minmax(0,1.08fr) 44px; gap:4px;
}
body :is(.warm-home .warm-moment-actions,.detail-page .kind-book-actions) .share-suite .share-primary-options>.share-quick-action,
body :is(.warm-home .warm-moment-actions,.detail-page .kind-book-actions) .share-suite .share-primary-options>.share-more>.share-toggle {
  display:inline-flex; flex-direction:row; align-items:center; justify-content:center; gap:4px; width:100%; min-width:0;
  min-height:48px; height:48px; padding:4px; border:1px solid rgba(91,111,95,.22); border-radius:10px; box-shadow:0 1px 2px rgba(44,62,45,.04);
  background:#eeeee5; color:var(--community-ink,#244236); font:600 14px/1.3 var(--app-ui); text-decoration:none;
}
body :is(.warm-home .warm-moment-actions,.detail-page .kind-book-actions) .share-primary-options svg { width:18px; height:18px; flex:none; }
body :is(.warm-home .warm-moment-actions,.detail-page .kind-book-actions) .share-suite .share-primary-options>.share-pinterest { background:#f4e8da; border-color:#cfb69a; }
body :is(.warm-home .warm-moment-actions,.detail-page .kind-book-actions) .share-suite .share-primary-options>.share-whatsapp { background:#e3ece2; border-color:#b3c6b5; }
body :is(.warm-home .warm-moment-actions,.detail-page .kind-book-actions) .share-primary-options>.share-x { font-size:14px; }
body :is(.warm-home .warm-save,.detail-page .kind-book-save) :is(.save-verse-button,.save-ayah-button) {
  min-width:44px; width:auto; min-height:44px; height:auto; padding:4px 6px; gap:4px; border-radius:7px;
  color:var(--community-ink,#244236); background:transparent; border:0; box-shadow:none; font:500 12px/1.3 var(--app-ui);
}
body :is(.warm-home .warm-save,.detail-page .kind-book-save) svg { width:15px; height:15px; }
body :is(.warm-home .warm-save,.detail-page .kind-book-save) .save-label { white-space:nowrap; }
body :is(.warm-home .warm-save,.detail-page .kind-book-save) :is(.save-verse-button,.save-ayah-button).is-saved { background:rgba(96,126,96,.12); color:var(--community-ink,#244236); }
body :is(.warm-home .warm-moment-actions,.detail-page .kind-book-actions) .share-suite .share-primary-options>:is(.share-quick-action,.share-more) :focus-visible,
body :is(.warm-home .warm-moment-actions,.detail-page .kind-book-actions) .share-suite .share-primary-options>.share-quick-action:focus-visible { outline:2px solid #98704b; outline-offset:3px; }
body :is(.warm-home .warm-action-bar,.detail-page .kind-book-actions) :is(.share-quick-action,.share-toggle,.save-verse-button,.save-ayah-button):hover { background:rgba(119,105,74,.08); }
html[data-kind-color-scheme="dark"] body :is(.warm-home .warm-action-bar,.detail-page .kind-book-actions) :is(.share-quick-action,.share-toggle) { background:#3e493e!important; color:#eee7d8!important; border-color:#707967!important; }
html[data-kind-color-scheme="dark"] body :is(.warm-home .warm-action-bar,.detail-page .kind-book-actions) .share-pinterest { background:#504b3e!important; border-color:#9a8566!important; }
html[data-kind-color-scheme="dark"] body :is(.warm-home .warm-action-bar,.detail-page .kind-book-actions) .share-whatsapp { background:#3c5144!important; border-color:#7c927e!important; }
html[data-kind-color-scheme="dark"] body :is(.warm-home .warm-action-bar,.detail-page .kind-book-actions) :is(.save-verse-button,.save-ayah-button) { background:transparent!important; color:#eee7d8!important; border-color:transparent!important; }
html[data-kind-color-scheme="dark"] body :is(.warm-home .warm-action-bar,.detail-page .kind-book-actions) :is(.share-quick-action,.share-toggle,.save-verse-button,.save-ayah-button):hover,
html[data-kind-color-scheme="dark"] body :is(.warm-home .warm-save,.detail-page .kind-book-save) .is-saved { background:rgba(230,220,194,.1)!important; }
@media(max-width:600px) {
  body :is(.warm-home .warm-moment-actions,.detail-page .kind-book-actions) .share-suite .share-primary-options>.share-quick-action { flex-direction:column; gap:2px; font-size:12px; padding:3px 2px; }
  body :is(.warm-home .warm-save,.detail-page .kind-book-save) :is(.save-verse-button,.save-ayah-button) { font-size:11px; padding:4px; }
  body :is(.warm-home .warm-save,.detail-page .kind-book-save) .save-label { max-width:64px; white-space:normal; }
}
@media(max-width:380px) {
  body :is(.warm-home .warm-moment-actions,.detail-page .kind-book-actions) .share-suite .share-primary-options>.share-quick-action { flex-direction:column; gap:2px; }
  body :is(.warm-home .warm-save,.detail-page .kind-book-save) .save-label { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%); }
}
.warm-inline-discussion { grid-column:1 / -1; min-width:0; }
.warm-inline-discussion[hidden] { display:none!important; }
/* Mobile: keep the existing toolbar geometry, showing only service logos. */
@media(max-width:900px) {
 body :is(.warm-home .warm-moment-actions,.detail-page .kind-book-actions) .share-suite .share-primary-options>.share-quick-action>.button-label { display:none; }
 body :is(.warm-home .warm-moment-actions,.detail-page .kind-book-actions) .share-suite .share-primary-options>.share-quick-action>svg { display:block; }
}