.together-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.together-bar[hidden]{display:none}.together-status{flex:1;min-width:170px;font-size:13px;line-height:1.5}.together-peers{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.bible-verse.together-peer-verse{background:color-mix(in srgb,var(--sage,#799581) 15%,transparent);border-radius:6px;box-shadow:inset 3px 0 color-mix(in srgb,var(--sage,#799581) 40%,transparent)}
.bible-verse.together-peer-verse::after{content:attr(data-together-peer);display:block;font-family:var(--ui-font);font-size:11px;line-height:1.4;color:var(--muted);opacity:.8;padding:3px 8px}
.together-invite-dialog input{width:100%;margin:12px 0}.together-invite-dialog p{line-height:1.65}.together-entry{white-space:nowrap}.meditation .together-bar{margin:6px 0 12px}
.together-history{margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.together-history h3{margin:0 0 4px}.together-history-row{display:grid;gap:8px;padding:12px 0;border-top:1px solid var(--line)}.together-history-meta{display:flex;justify-content:space-between;gap:12px;align-items:center}.together-history-row .friend-tools{margin:0}.together-history-row input{min-width:0;flex:1}
body.mobile-reading-focus .passage-picker .together-entry{flex:0 0 auto;min-height:36px;padding:6px 10px;font-size:13px}body.mobile-reading-focus.reader-settings-collapsed .passage-picker:has(.together-entry){display:flex!important}body.mobile-reading-focus.reader-settings-collapsed .passage-picker> :not(.together-entry){display:none!important}body.mobile-reading-focus .verse-card>div:has(>.together-bar:not([hidden])){grid-template-rows:auto auto auto minmax(0,1fr) auto}
body.mobile-reading-focus .verse-card>div>.passage-actions{display:none}body.mobile-reading-focus .verse-card>div:has(>.together-bar:not([hidden]))>.passage-picker{grid-row:1}body.mobile-reading-focus .verse-card>div:has(>.together-bar:not([hidden]))>#passageBook{grid-row:2}body.mobile-reading-focus .verse-card>div:has(>.together-bar:not([hidden]))>.together-bar{grid-row:3}body.mobile-reading-focus .verse-card>div:has(>.together-bar:not([hidden]))>.verse{grid-row:4}body.mobile-reading-focus .verse-card>div:has(>.together-bar:not([hidden]))>.reference{grid-row:5}
