.thumb{background:var(--accent-tint);width:44px;height:44px;color:var(--ink);border:var(--line);border-radius:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative;overflow:hidden}.thumb--fill{aspect-ratio:1;width:100%;height:auto}.thumb img{object-fit:cover;width:100%;height:100%}.thumb:hover{outline:2px solid var(--accent);outline-offset:1px}.viewer-root{z-index:60;background:#1111118c;justify-content:center;display:flex;position:fixed;inset:0}.viewer{width:100%;max-width:var(--app-max);background:var(--paper);border-left:var(--line);border-right:var(--line);flex-direction:column;height:100dvh;display:flex}.viewer:focus{outline:none}.viewer__bar{padding:calc(10px + var(--safe-top)) var(--page-x) 10px;border-bottom:var(--line);background:var(--paper);flex:none;align-items:center;gap:12px;display:flex}.viewer__who{flex:1;min-width:0}.viewer__name{text-overflow:ellipsis;white-space:nowrap;font-size:22px;overflow:hidden}.viewer__ago{color:var(--muted);font-size:12px;font-weight:700;line-height:1.2}.viewer__scroll{overscroll-behavior:contain;flex-direction:column;flex:1;display:flex;overflow-y:auto}.viewer__figure{background:var(--ink);flex:none;justify-content:center;align-items:center;width:100%;height:70dvh;max-height:150vw;display:flex;overflow:hidden}.viewer__img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.viewer__placeholder{width:100%;height:100%;color:var(--on-ink);justify-content:center;align-items:center;display:flex}.viewer__meta{padding:14px var(--page-x) 4px;flex-direction:column;gap:8px;display:flex}.viewer__quest{font-size:14px;line-height:1.4}.viewer__quest-title{font-weight:800}.viewer__caption{overflow-wrap:anywhere;font-size:16px;line-height:1.45}