/* 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,Arial,sans-serif); 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-choices { display:flex; flex-wrap:wrap; align-items:center; gap:2px; width:fit-content; max-width:100%; margin:0 0 8px; padding:2px; border-radius:12px; background:var(--community-field); }
.kind-reaction-choices button { position:relative; display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; padding:7px 10px; border:1px solid transparent; border-radius:10px; 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:23px/1 "Apple Color Emoji","Segoe UI Emoji",sans-serif; }
.kind-reaction-choices b { color:var(--community-muted); font:500 13px/1.2 var(--app-ui,Arial,sans-serif); font-variant-numeric:tabular-nums; }
.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 Arial,sans-serif; }
.kind-reaction-choices button:hover { background:rgba(152,112,75,.1); }
.kind-reactions [hidden] { display:none!important; }
.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,Arial,sans-serif); 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,Arial,sans-serif); 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,Arial,sans-serif); }
.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,Arial,sans-serif); 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:440px; max-height:calc(100dvh - 28px); margin:auto; padding:44px 28px 24px; 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 Arial,sans-serif; cursor:pointer; }
.kind-auth-dialog h2 { margin:0 0 12px; color:inherit; font:400 28px/1.2 Georgia,serif; }
.kind-auth-dialog p { margin:0 0 20px; color:var(--community-muted); }
.kind-auth-social { margin:20px 0; }
.kind-auth-social .nsl-container { padding:0!important; }
.kind-auth-social .nsl-container-buttons { display:flex!important; flex-direction:column; width:100%; }
.kind-auth-social a { width:100%; }
.kind-auth-social .nsl-button { min-height:48px; border-radius:10px!important; }
.kind-auth-email { display:grid; gap:12px; }
.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:18px; }
.kind-reactions :focus-visible,.kind-conversation :focus-visible,.kind-auth-dialog :focus-visible { outline:2px solid #98704b; outline-offset:3px; }
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:44px 22px 24px; } .kind-auth-dialog h2 { font-size:26px; } .kind-comment-entry { padding-inline:10px; gap:8px; } }

/* One action hierarchy: share first, save second, then a personal response. */
body :is(.warm-home .warm-action-bar,.detail-page .detail-reader-surface>.kind-book-actions) {
  padding:12px; border-radius:16px; box-shadow:none;
}
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) 48px minmax(0,1.08fr) 44px; gap:8px;
}
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; align-items:center; justify-content:center; gap:7px; width:100%; min-width:0;
  min-height:46px; height:auto; padding:10px 8px; border:1px solid var(--share-fill,#d5cbbc); border-radius:10px;
  background:var(--share-fill,#f4eee4); color:var(--share-ink,#244236); font:600 14px/1.35 var(--app-ui,Arial,sans-serif); text-decoration:none;
}
body :is(.warm-home .warm-moment-actions,.detail-page .kind-book-actions) .share-suite .share-primary-options>.share-pinterest { --share-fill:#b31c32; --share-ink:#fff; }
body :is(.warm-home .warm-moment-actions,.detail-page .kind-book-actions) .share-suite .share-primary-options>.share-x { --share-fill:#27312d; --share-ink:#fff; }
body :is(.warm-home .warm-moment-actions,.detail-page .kind-book-actions) .share-suite .share-primary-options>.share-whatsapp { --share-fill:#18764a; --share-ink:#fff; }
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-primary-options>.share-x { font-size:18px; }
body :is(.warm-home .warm-save,.detail-page .kind-book-save) { justify-self:end; margin:0; padding:2px 0 0; border:0; }
body :is(.warm-home .warm-save,.detail-page .kind-book-save) :is(.save-verse-button,.save-ayah-button) {
  min-width:0; width:auto; min-height:44px; height:auto; padding:8px 12px; gap:7px; border-radius:9px;
  background:transparent; border:1px solid var(--reading-line,rgba(88,74,49,.17)); font:500 14px/1.4 var(--app-ui,Arial,sans-serif);
}
body :is(.warm-home .warm-save,.detail-page .kind-book-save) :is(.save-verse-button,.save-ayah-button).is-saved { background:#244236; color:#fffaf2; border-color:#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; }
html[data-kind-color-scheme="dark"] body :is(.warm-home .warm-moment-actions,.detail-page .kind-book-actions) .share-suite .share-primary-options>.share-quick-action {
  background:var(--share-fill)!important; color:var(--share-ink)!important; border-color:var(--share-fill)!important;
}
@media(max-width:420px) {
  body :is(.warm-home .warm-moment-actions,.detail-page .kind-book-actions) .share-suite .share-primary-options { grid-template-columns:minmax(0,1fr) 44px minmax(0,1.08fr) 44px; gap:6px; }
  body :is(.warm-home .warm-moment-actions,.detail-page .kind-book-actions) .share-suite .share-primary-options>.share-quick-action { flex-direction:column; gap:4px; padding:8px 3px; min-height:58px; }
}

body :is(.warm-home .warm-moment-actions,.detail-page .kind-book-actions) .share-suite .share-primary-options>.share-quick-action:hover { filter:brightness(.92); }
html[data-kind-color-scheme="dark"] body :is(.warm-home .warm-moment-actions,.detail-page .kind-book-actions) .share-suite .share-primary-options>.share-more>.share-toggle { background:#414d42!important; color:#eee7d8!important; border-color:#718064!important; }