Phones: list grids size their columns with minmax(0, 1fr) (or a min(…, 100%) minimum), so one long line can never widen a page past the screen (#170)

ddiff --git a/public/web/embed.css b/public/web/embed.css
iindex 7abe2b2..48c3d9f 100644
---- a/public/web/embed.css
++++ b/public/web/embed.css
@@@ -15,7 +15,7 @@ a { color: var(--accent); }
  .em-x { all: unset; cursor: pointer; width: 32px; height: 32px; border-radius: 9px; display: grid; place-items: center; font-size: 22px; line-height: 1; }
  .em-x:hover { background: rgba(255, 255, 255, .18); }
  .em-x:focus-visible { outline: 2px solid currentColor; }
--.em-thread { list-style: none; margin: 0; padding: 14px 12px; flex: 1; overflow-y: auto; display: grid; align-content: start; gap: 10px; overscroll-behavior: contain; }
++.em-thread { list-style: none; margin: 0; padding: 14px 12px; flex: 1; overflow-y: auto; display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; gap: 10px; overscroll-behavior: contain; }
  .em-msg { display: flex; flex-direction: column; max-width: 86%; }
  .em-msg small { font-size: .72rem; color: var(--muted); margin: 0 4px 2px; }
  .em-them { justify-self: start; }
ddiff --git a/public/web/vibe.css b/public/web/vibe.css
iindex 1b3770c..7cce46f 100644
---- a/public/web/vibe.css
++++ b/public/web/vibe.css
@@@ -77,7 +77,7 @@ body.oc-app-body { overflow: hidden; }
  
  .vb-scroll { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 8px 16px 24px; scroll-padding-bottom: 24px; }
  .vb-scroll > .oc-notice { max-width: var(--vb-col); margin: 8px auto; }
--.vb-thread { list-style: none; margin: 0 auto; padding: 8px 0 0; max-width: var(--vb-col); display: grid; gap: 22px; }
++.vb-thread { list-style: none; margin: 0 auto; padding: 8px 0 0; max-width: var(--vb-col); display: grid; grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .vb-turn { display: flex; gap: 14px; min-width: 0; }
  .vb-me { justify-content: flex-end; }
  .vb-bubble {