.horo-live-comments { margin-top: 1.5rem; font-family: var(--h-sans, sans-serif); }
.horo-live-comments label { display: block; margin: .8rem 0; font-size: 14px; color: var(--h-ink-2, inherit); }
.horo-live-comments input, .horo-live-comments textarea { display: block; width: 100%; margin-top: 6px; padding: .7rem .9rem; color: var(--h-ink, inherit); background: var(--h-paper, transparent); border: 2px solid var(--h-line-strong, #8886); border-radius: 12px; font: inherit; font-size: 15px; }
.horo-live-comments :is(input, textarea):focus { border-color: var(--h-apple, currentColor); outline: none; }
.horo-live-comments button, .horo-reply { min-height: 38px; padding: 0 16px; border: 0; border-radius: 999px; background: var(--h-paper, transparent); box-shadow: inset 0 0 0 1.5px var(--h-line-strong, #8886); color: inherit; cursor: pointer; font: inherit; font-size: 14px; }
.horo-live-comments button[type=submit] { background: var(--h-apple, #d6304a); color: var(--h-on-apple, #fff); box-shadow: none; font-weight: 600; }
.horo-live-comments button:disabled { opacity: .55; cursor: wait; }
.horo-trap { position: absolute !important; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.horo-comment-body { white-space: pre-wrap; overflow-wrap: anywhere; }
.horo-live-comment { margin: 1rem 0; padding: 12px 18px; border-radius: 4px 16px 16px 16px; background: var(--h-paper, transparent); box-shadow: var(--h-lift, none); }
.horo-live-comment header { display: flex; flex-wrap: wrap; gap: .6rem; align-items: baseline; }
.horo-live-comment ol { margin-left: 1rem; }
.horo-owner { font-size: .8em; color: var(--h-apple-ink, inherit); }
[data-horo-status][data-error] { color: var(--h-apple-ink, #b54747); }