/* Kind community: a quiet invitation, not another feed. */
.kind-reactions,.kind-conversation,.kind-auth-dialog { --community-ink:#244236; --community-muted:#5e695e; --community-paper:#fffaf2; --community-line:rgba(88,74,49,.17); color:var(--community-ink); font:400 16px/1.55 var(--app-ui,Arial,sans-serif); box-sizing:border-box; }
.kind-reactions { margin:16px 0 0; padding:14px 0 0; border-top:1px solid var(--community-line); }
.kind-reaction-choices { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.kind-reaction-choices button { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:44px; padding:7px 12px; border:1px solid var(--community-line); border-radius:24px; color:var(--community-ink); background:var(--community-paper); font:500 14px/1.4 var(--app-ui,Arial,sans-serif); cursor:pointer; }
.kind-reaction-choices button>span:first-child { color:#98704b; font-size:20px; }
.kind-reaction-choices b { font-size:12px; font-weight:600; color:var(--community-muted); }
.kind-reaction-choices button[aria-pressed="true"] { background:#f1e0c7; border-color:#ae8960; }
.kind-conversation-link { display:flex; justify-content:center; align-items:center; gap:10px; min-height:44px; width:max-content; max-width:100%; margin:4px auto 0; color:inherit; font-size:14px; text-decoration:none; }
.kind-conversation { margin:24px 0; padding:28px; border:1px solid var(--community-line); border-radius:18px; background:var(--community-paper); scroll-margin-top:110px; }
.kind-conversation h2 { margin:0 0 8px; color:inherit; font:400 28px/1.2 Georgia,serif; letter-spacing:-.025em; }
.kind-conversation-intro { margin:0 0 18px; color:var(--community-muted); }
.kind-comment-start { display:flex; align-items:center; gap:12px; padding:16px; border:1px solid var(--community-line); border-radius:12px; background:rgba(135,117,77,.055); color:var(--community-muted); text-decoration:none; }
.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:rgba(135,117,77,.045); color:var(--community-ink); font:400 16px/1.5 var(--app-ui,Arial,sans-serif); }
.kind-comment-form textarea { resize:vertical; min-height:112px; }
.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:12px; color:#fffaf2; background:#244236; font:600 16px/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:20px; }
.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:12px; color:var(--community-muted); font-size:12px; line-height:1.6; }
.kind-auth-dialog { position:fixed; inset:0; width:calc(100% - 28px); max-width:460px; max-height:calc(100dvh - 28px); margin:auto; padding:34px 30px 28px; border:1px solid var(--community-line); border-radius:24px; background:var(--community-paper); box-shadow:0 24px 100px rgba(18,36,25,.24); overflow:auto; }
.kind-auth-dialog:not([open]) { display:none; }
.kind-auth-dialog::backdrop { background:rgba(22,39,31,.48); backdrop-filter:blur(5px); }
.kind-auth-close { position:absolute; top:8px; right:8px; width:44px; height:44px; border:0; background:transparent; color:var(--community-muted); font:30px/1 Arial,sans-serif; cursor:pointer; }
.kind-auth-mark { display:grid; place-items:center; width:48px; height:48px; border-radius:50%; color:#936a43; background:#f1e2cc; font-size:30px; }
.kind-auth-dialog h2 { margin:18px 0 10px; color:inherit; font:400 30px/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:12px!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); }
html[data-kind-color-scheme="dark"] .kind-reaction-choices button[aria-pressed="true"] { background:#514d3d; border-color:#aa9674; }
html[data-kind-color-scheme="dark"] .kind-community-primary { background:#52694f; border-color:#718064; color:#fff5e3; }
@media(max-width:600px) { .kind-conversation { padding:22px 18px; } .kind-conversation h2 { font-size:26px; } .kind-reaction-choices { gap:6px; } .kind-reaction-choices button { padding:7px 9px; font-size:14px; } .kind-auth-dialog { padding:28px 22px 24px; } }