/* Last seen — uses the homepage's existing type: 13px, 1px tracking, site greys. */
.ls { margin: 0; }
.ls-scene {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;            /* reserved: zero layout shift */
  -webkit-tap-highlight-color: transparent;
  cursor: default;
}
.ls-scene canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.ls-caption {
  margin: 4px 0 0;
  font-size: 13px;
  line-height: 2;
  letter-spacing: 1px;
  color: #7b7975;
}
.ls-caption .ls-where { color: #55524e; }
.ls-caption > span { white-space: nowrap; }
.ls-dot { color: #84817c; margin: 0 2px; }
[data-theme="dark"] .ls-caption { color: #aaa7a0; }
[data-theme="dark"] .ls-caption .ls-where { color: #c2bfb8; }
.ls-scene .ls-fade { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; }