.group-screen { display: flex; flex-direction: column; }
.group-picker { flex: 1; text-align: center; }
.group-picker select { border: 0; background: transparent; color: var(--fg); font-size: var(--fs-title); font-weight: 650; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.chat { flex: 1; padding: var(--space-lg) var(--space-md); display: flex; flex-direction: column; gap: var(--space-md); background: var(--bg); overflow-y: auto; }
.empty { color: var(--muted); text-align: center; margin: auto; }
.msg { max-width: 78%; padding: var(--space-sm) var(--space-md); border-radius: var(--radius-lg); font-size: var(--fs-bubble); line-height: 1.5; }
.from-owen { align-self: flex-end; background: var(--accent); color: var(--surface); }
.from-owen p { margin: 0; }
.from-owen small { display: block; opacity: .75; margin-top: var(--space-xs); }
.botmsg { align-self: flex-start; display: flex; max-width: 88%; }
.botmsg .msg { background: var(--surface); color: var(--fg-body); border: 1px solid var(--border); }
.who { color: var(--muted); font-size: var(--fs-ts); }
.inputbar { border-top: 1px solid var(--border); padding: var(--space-sm) var(--space-md); background: var(--bg); }
.mention-panel { border: 0; padding: 0; color: var(--muted); font-size: var(--fs-ts); }
#mention-members { display: flex; gap: var(--space-xs); overflow-x: auto; padding-block: var(--space-xs); }
.mention-choice { white-space: nowrap; border: 1px solid var(--border); border-radius: var(--radius-lg); padding: var(--space-xs) var(--space-sm); background: var(--surface); }
.composer { display: flex; align-items: end; gap: var(--space-sm); }
.composer textarea { flex: 1; min-height: 2.5rem; max-height: 8rem; resize: vertical; border: 1px solid var(--border); border-radius: var(--radius-lg); padding: var(--space-sm) var(--space-md); background: var(--surface); color: var(--fg-body); font: inherit; }
.send { width: 2.25rem; height: 2.25rem; border: 0; border-radius: 50%; background: var(--accent); color: var(--surface); font-size: var(--fs-list-title); }
#group-status { min-height: 1.2em; margin: var(--space-xs) 0 0; color: var(--muted); font-size: var(--fs-ts); }