.dm { display: grid; grid-template-columns: 240px 1fr; gap: 16px; }
html.compact .dm { grid-template-columns: 1fr; }
.log { height: 50vh; overflow-y: auto; background: var(--bg); border: 1px solid var(--line); border-radius: 8px; padding: 10px; margin-bottom: 8px; }
.m { margin-bottom: 6px; } .m.me { text-align: right; } .m b { color: var(--accent); } .m .t { color: var(--muted); font-size: 11px; margin-left: 6px; }
.convo { padding: 6px 8px; border-radius: 6px; cursor: pointer; } .convo:hover, .convo.active { background: var(--panel-2); }
#send input { flex: 1; }