.channel-post-interactions { border-top: 1px solid var(--line, #dbe5ef); margin-top: 9px; padding-top: 7px; }
.channel-reaction-strip, .channel-reaction-choices { display: flex; flex-wrap: wrap; gap: 5px; }
.channel-post-interactions button { cursor: pointer; border: 0; font: inherit; color: var(--accent-strong, #087aaf); }
.channel-reaction-chip, .channel-reaction-add { border-radius: 16px; padding: 5px 10px; background: var(--accent-soft, #e3f3fd); }
.channel-reaction-chip.own { box-shadow: inset 0 0 0 1px var(--accent, #168ac1); }
.channel-comments-open { display: flex; gap: 8px; align-items: center; width: 100%; padding: 10px 2px 3px; background: transparent; text-align: left; }
.channel-comments-open > :last-child { margin-left: auto; }
.channel-reaction-choices { margin-top: 8px; }
.channel-reaction-choices[hidden] { display: none; }
.channel-reaction-choices button { background: transparent; font-size: 23px; min-width: 40px; min-height: 40px; }
.channel-comments-dialog { box-sizing: border-box; width: min(560px, 100vw); height: min(740px, 94dvh); padding: 0; border: 1px solid var(--line, #dbe5ef); border-radius: 18px; color: var(--ink); background: var(--panel); }
.channel-comments-dialog[open] { display: flex; flex-direction: column; }
.channel-comments-dialog::backdrop { background: #0d213d66; }
.channel-comments-dialog > header { display: flex; align-items: center; gap: 12px; padding: 12px; border-bottom: 1px solid var(--line, #dbe5ef); }
.channel-comments-dialog h2 { font-size: 18px; margin: 0; }
.channel-comments-dialog small, .channel-comments-status, .channel-comment time { color: var(--muted, #697f90); }
.channel-comments-dialog [data-back] { width: 40px; height: 40px; border: 0; background: transparent; color: inherit; font-size: 25px; cursor: pointer; }
.channel-comments-dialog blockquote { margin: 12px 16px 4px; padding-left: 12px; border-left: 3px solid var(--accent, #168ac1); max-height: 78px; overflow: auto; white-space: pre-wrap; font-size: 14px; }
.channel-comments-status { font-size: 12px; padding: 6px 16px; }
.channel-comments-history { overflow: auto; flex: 1; min-height: 0; padding: 8px 16px 16px; background: var(--canvas); }
.channel-comments-more { display: block; margin: 0 auto 10px; color: var(--accent-strong); background: transparent; border: 0; cursor: pointer; padding: 8px; }
.channel-comments-more[hidden] { display: none; }
.channel-comment { margin: 8px 28px 8px 0; padding: 10px 12px; border-radius: 13px; background: var(--panel); overflow-wrap: anywhere; }
.channel-comment.own { margin: 8px 0 8px 28px; background: var(--accent-soft, #e3f3fd); }
.channel-comment strong { font-size: 12px; color: var(--accent-strong); }
.channel-comment p { font-size: 14px; white-space: pre-wrap; margin: 5px 0; }
.channel-comment time { display: block; font-size: 11px; text-align: right; }
.channel-comment-composer { display: flex; gap: 8px; padding: 10px 12px max(10px, env(safe-area-inset-bottom)); border-top: 1px solid var(--line, #dbe5ef); }
.channel-comment-composer textarea { min-width: 0; flex: 1; resize: vertical; max-height: 120px; border: 1px solid var(--line, #dbe5ef); border-radius: 20px; padding: 10px 14px; font: inherit; color: inherit; background: var(--panel); }
.channel-comment-composer button { border: 0; border-radius: 50%; width: 42px; height: 42px; flex: none; background: var(--accent, #168ac1); color: #fff; font-size: 21px; cursor: pointer; }
.channel-comment-composer button:disabled { opacity: .4; cursor: default; }
@media (max-width: 600px) { .channel-comments-dialog { width: 100vw; max-width: 100vw; height: 100dvh; max-height: 100dvh; margin: 0; border: 0; border-radius: 0; } }

.matrix-mode .channel-feed .message-row { justify-content:flex-start; margin-left:auto; margin-right:auto; width:min(100%,640px); max-width:100%; }
.matrix-mode .channel-feed .message-bubble { width:100%; max-width:100%; border-radius:14px; background:var(--panel); color:var(--ink); border:1px solid var(--line); box-shadow:0 1px 2px #142a4010; }
.channel-feed .message-delivery { display:none; }
.channel-feed .message-author { color:var(--accent-strong); font-weight:650; }