/* Extend the approved gallery without changing the public page layout. */
main img[data-slot][role="button"] { cursor: zoom-in; }
main img[data-slot][role="button"]:focus-visible { outline: 3px solid var(--gold-deep); outline-offset: -5px; }
.day__frame img:not(.on), .feeling__frame img:not(.on) { pointer-events: none; }
.lb__viewport { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; min-height: 0; overflow: hidden; touch-action: none; cursor: zoom-in; }
.lb__viewport img { flex: none; max-width: 100%; max-height: 100%; object-fit: contain; user-select: none; -webkit-user-drag: none; transform-origin: center; }
.lb__viewport.is-zoomed { cursor: grab; }
.lb__viewport.is-zoomed:active { cursor: grabbing; }
.lb__zoom { display: flex; align-items: center; gap: 4px; }
.lb__zoom button { position: static; min-width: 40px; height: 40px; padding: 0 8px; font-size: 1rem; line-height: 1; }
.lb__zoom button:disabled { opacity: .4; cursor: default; }
.lb__zoom #lb-reset { width: auto; border-radius: 999px; min-width: 62px; font-variant-numeric: tabular-nums; font-size: .8rem; }
.lb__status { position: absolute; max-width: 36ch; margin: 24px; padding: 12px 18px; border-radius: 16px; text-align: center; font-size: .95rem; }
.lb__status[hidden] { display: none; }
.lb__cap { padding: 0 12px; }
@media (max-width: 600px) {
  .lb__bar { gap: 8px; flex-wrap: wrap; padding-left: 14px; border-radius: 24px; }
  .lb__title { font-size: 1.05rem; }
  .lb__zoom { order: 4; width: 100%; justify-content: center; padding-bottom: 2px; }
  .lb__thumbs { justify-content: safe center; }
  .lb__nav { width: 40px; height: 40px; }
  .lb__cap { font-size: .95rem; }
}