/you: compact number tiles, three to a row on a phone; the charts keep their distance (#60)

ddiff --git a/public/css/app.css b/public/css/app.css
iindex 3a31253..44bbe54 100644
---- a/public/css/app.css
++++ b/public/css/app.css
@@@ -268,6 +268,15 @@ html, body { margin: 0; background: var(--bg-primary, #0a0f1c); color: var(--tex
  .rp-you-say { max-width: 62ch; font-size: clamp(1.05rem, 2vw, 1.2rem); line-height: 1.55; color: var(--text-primary, #e6edf7); }
  .rp-person > div { min-width: 0; }
  .rp-tiles-sm { grid-template-columns: repeat(auto-fit, minmax(min(140px, 44%), 1fr)); margin-top: 12px; }
++/* /you's small tiles (2026-11-01 design pass): a number and its label, with no room kept for a sparkline they do not
++   have; three to a row on a phone (six stream numbers are two even rows), and the chart under them keeps its distance. */
++.rp-tiles-sm { grid-template-columns: repeat(auto-fit, minmax(min(132px, 30%), 1fr)); gap: 10px; }
++.rp-tiles-sm .rp-tile { min-height: 0; padding: 12px 14px; gap: 2px; border-radius: 14px; }
++.rp-tiles-sm .rp-tile-l { font-size: .68rem; }
++.rp-tiles-sm .rp-tile-v { font-size: 1.4rem; white-space: nowrap; }
++.rp-tiles-sm .rp-tile-v small { font-size: .72rem; margin-left: 2px; }
++.rp-tiles-sm + .rp-bars, .rp-tiles-sm + .rp-curve { margin-top: 12px; }
++@media (max-width: 359px) { .rp-tiles-sm { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  .rp-you-sub { margin: 26px 0 12px; font-size: 1rem; }
  .rp-you-next { border-top: 1px solid var(--border, #1f2d47); padding-top: 18px; }
  .rp-you-next h2 { font-size: 1rem; }